.pm{padding:4px 0 8px}.pm h1{margin:.1em 0 .3em;font-size:clamp(1.8rem,5vw,2.6rem)}
.pm-tag{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;margin:0}
.pm-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.85rem;margin:10px 0}.pm-legend i{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:6px;vertical-align:-2px}
.st-a{background:#c9a24a}.st-h{background:#e08a2e}.st-s{background:#9a2b2b}
.pm-map{position:relative;border:2px solid var(--gold);border-radius:10px;overflow:hidden;background:var(--navy)}
.pm-map img{width:100%}.pm-map svg{position:absolute;inset:0;width:100%;height:100%}
.plot rect,.plot polygon{fill:rgba(201,162,74,.12);stroke:var(--gold2);stroke-width:1.5;cursor:pointer;transition:fill .15s}
.plot:hover rect,.plot:focus rect,.plot:hover polygon,.plot:focus polygon{fill:rgba(230,201,122,.38);outline:none}.plot.sel rect,.plot.sel polygon{fill:rgba(230,201,122,.5);stroke:#fff;stroke-width:3}
.plot.st-hold rect,.plot.st-hold polygon{fill:rgba(224,138,46,.45)}.plot.st-sold rect,.plot.st-sold polygon{fill:rgba(154,43,43,.6)}
.pm-list button.st-hold{border-left:5px solid #e08a2e}.pm-list button.st-sold{border-left:5px solid #9a2b2b}.pm-list button.st-available{border-left:5px solid #c9a24a}
.pm-small{font-size:.8rem;color:#5a6172}
.pm[data-project=park] .pm-map{max-width:620px;margin:auto}
.pm[data-project=park] .pm-list{grid-template-columns:1fr 1fr}
.pm-card{background:var(--navy);color:#fff;border-left:4px solid var(--gold);border-radius:10px;padding:16px 18px;margin:14px 0}
.pm-card h3{color:var(--gold2);margin:0 0 6px;font-size:1.5rem}.pm-card p{margin:4px 0}.pm-hint{opacity:.8}
.pm-card .btn{margin-top:10px}
.pm-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pm-list button{font:inherit;text-align:left;background:#fff;border:1px solid #e3dccb;border-radius:8px;padding:10px;cursor:pointer}
.pm-list button b{color:var(--navy);display:block}.pm-list button span{font-size:.82rem;color:#5a6172}
.pm-list button.sel{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold2)}
.pm-disc{background:#fff5dc;border:1px solid var(--gold);border-radius:8px;padding:10px 14px}
@media(min-width:720px){.pm-list{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1000px){.pm-list{grid-template-columns:repeat(7,1fr)}}
.plot:focus{outline:none}.plot:focus-visible rect,.plot:focus-visible polygon{stroke:#fff;stroke-width:3}
.pm[data-project=park] .plot rect,.pm[data-project=park] .plot polygon{stroke:var(--navy);stroke-width:3;fill:rgba(201,162,74,.28)}
.pm[data-project=park] .plot.sel rect,.pm[data-project=park] .plot.sel polygon{stroke:var(--gold);stroke-width:5;fill:rgba(230,201,122,.5)}