/* Phase map pages only (/phase-1-map/, /phase-2-map/). Loaded nowhere else. */
.pm-sec{padding:80px 0}
.pm-sec.grad-a{background:linear-gradient(180deg,#f4f7f5 0%,#eef4f0 55%,#f7f5ec 100%)}
.pm-sec.grad-b{background:linear-gradient(180deg,#f7f5ec 0%,#eef4f0 60%,#f4f7f5 100%)}
.pm-sec.tight{padding-top:0}

/* Interactive map shell */
.pm-mapwrap{border:1px solid var(--line);box-shadow:var(--shadow);background:#0a3f4b}
#phase-map{height:560px;width:100%;z-index:0;background:#123}
#phase-map .leaflet-bar,#phase-map .leaflet-bar a,#phase-map .leaflet-control{border-radius:0!important}
#phase-map .leaflet-bar a{border-bottom:1px solid var(--line)}
.pm-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-top:0}
.pm-toolbar .seg{display:inline-flex;border:1px solid var(--line)}
.pm-toolbar .seg button{border:0;background:transparent;padding:9px 16px;font:inherit;font-size:.85rem;font-weight:700;color:var(--brand);cursor:pointer}
.pm-toolbar .seg button[aria-pressed="true"]{background:var(--brand);color:#fff}
.pm-toolbar .op{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--ink-soft);margin-left:auto}
.pm-toolbar input[type="range"]{accent-color:var(--brand);width:130px}
.pm-toolbar .btn{height:40px;padding:0 18px;font-size:.85rem}
.pm-zoomhint{position:absolute;z-index:5;left:12px;top:12px;background:rgba(10,63,75,.9);color:#fff;font-size:.78rem;font-weight:700;padding:8px 14px;pointer-events:none;max-width:70%}
.pm-mapbox{position:relative}
.pm-credit{font-size:.82rem;color:var(--ink-soft);margin:10px 2px 0}
.pm-alt{display:grid;gap:14px}
.pm-alt .glass{padding:24px}
.pm-split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px;align-items:start}
.pm-fact{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;margin:0 0 10px}
.pm-fact:last-child{margin-bottom:0}
.pm-fact svg{flex:0 0 18px;margin-top:2px;color:var(--brand)}

/* Legend: numbered marker rows */
.pm-legend{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pm-leg{display:flex;gap:16px;align-items:flex-start}
.pm-leg .n{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:800;font-size:1.1rem}
.pm-leg .n.gold{background:var(--accent);color:var(--dark)}
.pm-leg h3{font-size:1rem;margin-bottom:4px}
.pm-leg p{font-size:.9rem;margin:0}

/* Block tabs */
.pm-tabsbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.pm-tabsbar button{border:1px solid var(--line);background:var(--surface);padding:10px 18px;font:inherit;font-size:.88rem;font-weight:700;color:var(--brand);cursor:pointer}
.pm-tabsbar button[aria-selected="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.pm-panel{display:none}
.pm-panel.on{display:grid;grid-template-columns:220px 1fr;gap:0;overflow:hidden}
.pm-panel .blk{background:var(--brand);color:#fff;padding:28px 24px}
.pm-panel .blk h3{color:#fff;margin-bottom:6px}
.pm-panel .blk p{color:rgba(255,255,255,.85);font-size:.88rem;margin:0}
.pm-panel .txt{padding:28px}
.pm-panel .txt p{font-size:.93rem}
.pm-panel .txt ul{margin:12px 0 0;padding-left:20px;font-size:.93rem;display:grid;gap:6px}

/* Price table */
.pm-table{width:100%;border-collapse:collapse;background:var(--surface);font-size:.92rem}
.pm-table caption{text-align:left;font-weight:700;padding:0 0 12px;color:var(--ink-soft);font-size:.85rem}
.pm-table th{background:var(--brand);color:#fff;text-align:left;padding:13px 16px;font-size:.85rem;letter-spacing:.02em}
.pm-table td{padding:12px 16px;border-bottom:1px solid var(--line)}
.pm-table tr:hover td{background:#f4f7f5}
.pm-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#f7f5ec;border:1px solid var(--accent);color:var(--accent-ink);padding:3px 10px}

/* Checks timeline */
.pm-checks{list-style:none;margin:0;padding:0;display:grid;gap:0}
.pm-checks li{display:grid;grid-template-columns:56px 1fr;gap:18px;position:relative;padding-bottom:26px}
.pm-checks li:last-child{padding-bottom:0}
.pm-checks li::before{content:"";position:absolute;left:27px;top:56px;bottom:0;width:2px;background:var(--line)}
.pm-checks li:last-child::before{display:none}
.pm-checks .st{width:56px;height:56px;display:grid;place-items:center;background:var(--surface);border:2px solid var(--brand);color:var(--brand);font-weight:800;font-size:1.15rem}
.pm-checks .card{margin:0}
.pm-checks h3{font-size:1.02rem;margin-bottom:6px}
.pm-checks p{font-size:.92rem;margin:0 0 8px}
.pm-checks p:last-child{margin-bottom:0}

/* PDF CTA + plot cards */
.pm-pdf{text-align:center;padding:48px 32px}
.pm-pdf .big-ic{width:72px;height:72px;margin:0 auto 18px;display:grid;place-items:center;background:var(--brand);color:#fff}
.pm-pdf h2{margin-bottom:10px}
.pm-pdf p{max-width:640px;margin:0 auto 22px}
.pm-plots{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

/* Page-specific motion (shared reveal + hover, distinct from location layouts) */
.pm-lift{transition:transform .22s ease-out,box-shadow .22s ease-out}
.pm-lift:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(10,63,75,.14)}

@media(max-width:900px){
  .pm-split{grid-template-columns:1fr}
  .pm-legend{grid-template-columns:1fr}
  .pm-panel.on{grid-template-columns:1fr}
  .pm-plots{grid-template-columns:1fr}
  .pm-toolbar .op{margin-left:0}
}
@media(max-width:760px){
  #phase-map{height:420px}
  .pm-sec{padding:60px 0}
  .pm-checks li{grid-template-columns:46px 1fr}
  .pm-checks .st{width:46px;height:46px}
  .pm-checks li::before{left:22px;top:46px}
}