.mp-page{--mp-ink:#183637;--mp-paper:#f6f3ea;--mp-border:#d9ddd2;color:var(--mp-ink);background:var(--mp-paper)}.mp-page button,.mp-page input{font:inherit}.mp-page button{cursor:pointer}.mp-page button:focus-visible,.mp-page a:focus-visible,.mp-page input:focus-visible{outline:3px solid #c47737;outline-offset:4px}.mp-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;padding-top:35px;padding-bottom:34px}.mp-hero .breadcrumb{font-size:12px;display:inline-block;margin-bottom:22px}.mp-hero .eyebrow{margin:0 0 10px}.mp-hero h1{font-size:clamp(42px,4.7vw,68px);line-height:1.02;margin:0;letter-spacing:-.045em}.mp-hero h1 em,.mp-method h2 em{font-weight:400;color:#496b61}.mp-hero>p{max-width:320px;font-size:18px;line-height:1.6;margin:0 0 4px}.mp-atlas-shell{max-width:1600px;margin:0 auto;padding:0 28px;scroll-margin-top:20px}.mp-toolbar{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--mp-border);border-bottom:0;background:#fffdf7;padding:12px 16px;gap:10px}.mp-toolbar nav{display:flex;flex-wrap:wrap;gap:4px}.mp-toolbar button{padding:10px 15px;border:0;background:transparent;color:#53665c;border-radius:3px;font-size:13px}.mp-toolbar button[aria-pressed=true]{background:#254b45;color:white}.mp-north{font-size:14px;letter-spacing:.1em;white-space:nowrap}.mp-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 304px;min-height:760px;border:1px solid var(--mp-border)}.mp-map-stage{position:relative;min-width:0;background:#162c32;isolation:isolate}.mp-map-stage #satellite-map{position:absolute;inset:0;width:100%;height:100%;z-index:1;font-family:Inter,Arial,sans-serif;background:#162c32}.mp-map-status{position:absolute;top:20px;left:65px;z-index:600;background:#fffdf4;color:#294944;padding:8px 12px;font-size:12px;border-radius:3px;max-width:calc(100% - 95px)}.mp-map-status[hidden]{display:none}.mp-image-note{position:absolute;z-index:500;bottom:54px;left:12px;background:#163934dd;padding:7px 10px;color:#fff;font-size:9px;letter-spacing:.12em;pointer-events:none}.mp-touch-control{display:none}.mp-panel{padding:22px;background:#fffdf7;min-width:0}.mp-panel>.eyebrow{font-size:9px;margin:0 0 9px}.mp-panel h2{font-size:27px;line-height:1.2;margin:0 0 18px}.mp-base-mode{display:flex;margin-bottom:18px}.mp-base-mode button{border:1px solid #aebdb0;background:transparent;color:#35584d;padding:9px 7px;flex:1;font-size:11px}.mp-base-mode button+button{border-left:0}.mp-base-mode button[aria-pressed=true]{background:#35584d;color:white}.mp-panel fieldset{border:0;padding:0;margin:0 0 18px}.mp-panel legend{font-size:11px;color:#657066;margin-bottom:7px}.mp-layer-toggle{display:flex;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7df;cursor:pointer}.mp-layer-toggle input{width:15px;height:15px;accent-color:#356455;margin:0;flex-shrink:0}.mp-swatch{width:4px;height:28px;background:var(--layer-color);box-shadow:0 0 0 1px #0001}.mp-layer-toggle strong{display:block;font-size:12px;font-weight:500}.mp-layer-toggle small{display:block;margin-top:3px;font-size:10px;color:#71786f}.mp-range-label{display:flex;justify-content:space-between;font-size:11px}.mp-panel input[type=range]{width:100%;accent-color:#355f54;margin:10px 0 4px}.mp-control-help{font-size:10px;color:#748073;line-height:1.5;margin:0 0 16px}.mp-label-toggle{display:flex;gap:8px;align-items:center;font-size:11px;margin-bottom:18px}.mp-label-toggle input{accent-color:#355f54}.mp-detail{border-top:1px solid #ccd5c8;padding-top:15px;min-height:165px}.mp-detail .eyebrow{font-size:8px;letter-spacing:.11em;margin:0 0 9px}.mp-detail h3{font-family:Fraunces,Georgia,serif;font-size:23px;margin:0 0 9px}.mp-detail p:not(.eyebrow){font-size:11px;line-height:1.65;margin:0 0 10px;color:#586b60}.mp-detail a{font-size:11px;text-decoration:underline;text-underline-offset:4px}.mp-reset{border:0;background:transparent;font-size:10px!important;padding:14px 0 0;color:#65766a}.mp-map-foot{display:flex;justify-content:space-between;font-size:10px;color:#6e7b70;padding:12px 1px;gap:15px}.mp-map-foot a{text-decoration:underline;text-underline-offset:3px}.mp-plan-overlay{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none!important;max-width:none!important}.mp-plan-overlay image{pointer-events:none}.mp-project-label{background:#16362fee;border:1px solid #ffffff55;color:#fff;padding:7px 10px;font:500 12px Inter,Arial,sans-serif;white-space:nowrap;border-radius:2px;box-shadow:0 2px 10px #0003}.mp-project-label small{display:block;font-size:8px;color:#c8d7c8;letter-spacing:.055em;margin-top:3px}.mp-project-label:before{display:none}.mp-landmark-label{font:500 10px Inter,Arial,sans-serif;background:#fffdf3ed;color:#203d36;border:1px solid #d4ddc9;padding:4px 7px;box-shadow:0 1px 5px #0003}.mp-map-stage .leaflet-control-attribution{font-size:9px!important;max-width:92%;line-height:1.35;background:#fffc!important;color:#203d36}.mp-map-stage .leaflet-control-attribution a{color:#163f39}.mp-map-stage .leaflet-control-scale-line{font-size:10px;background:#ffffffc9;color:#183b35;border-color:#183b35}.mp-map-stage .leaflet-popup-content{font:12px/1.6 Inter,Arial,sans-serif;color:#264739;min-width:170px}.mp-map-stage .leaflet-popup-content strong{font-size:14px}.mp-map-stage .leaflet-popup-content a{color:#285449}.mp-map-stage .leaflet-bar a{color:#244c41}.mp-map-stage .leaflet-interactive{cursor:pointer}.mp-context{padding-top:65px;padding-bottom:60px;display:grid;grid-template-columns:1fr 1fr;gap:25px 70px}.mp-context h2,.mp-method h2{font-size:clamp(30px,3.2vw,45px);line-height:1.1;letter-spacing:-.025em;margin:12px 0}.mp-context>p{font-size:14px;line-height:1.85;color:#57675d}.mp-landmark-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mp-landmark-cards button{text-align:left;background:transparent;border:1px solid #c7d0c1;padding:22px;color:#244437}.mp-landmark-cards span{font-size:9px;letter-spacing:.1em;display:block}.mp-landmark-cards strong{display:block;font:25px Fraunces,Georgia,serif;margin:12px 0}.mp-landmark-cards small{font-size:11px;line-height:1.65;display:block;color:#667564}.mp-landmark-cards b{display:block;margin-top:20px;font-size:11px;font-weight:400}.mp-method{border-top:1px solid #ccd5c7;padding-top:55px;padding-bottom:65px}.mp-method-intro{max-width:800px;font-size:14px;line-height:1.8;color:#556e5e;margin:25px 0 35px}.mp-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mp-method-grid article{border-top:1px solid #b8c6b6;padding-top:15px}.mp-number{font:italic 29px Fraunces,Georgia,serif;color:#789583}.mp-method-grid .eyebrow{font-size:8px;letter-spacing:.07em;margin:17px 0 6px}.mp-method-grid h3{font:23px Fraunces,Georgia,serif;margin:0 0 15px}.mp-method-grid p:not(.eyebrow){font-size:12px;line-height:1.8;color:#5a6a5c}.mp-method-grid a{display:block;font-size:11px;text-decoration:underline;text-underline-offset:4px;margin-top:13px}.mp-method details{border-top:1px solid #cdd5c8;margin-top:40px;padding-top:20px;font-size:12px;line-height:1.8}.mp-method summary{cursor:pointer}.mp-method details a{text-decoration:underline}
@media(max-width:1000px){.mp-hero{gap:25px}.mp-atlas-shell{padding:0 16px}.mp-map-layout{grid-template-columns:minmax(0,1fr) 270px}.mp-panel{padding:18px}.mp-map-layout{min-height:810px}.mp-method-grid{grid-template-columns:1fr 1fr}.mp-project-label{font-size:10px}.mp-project-label small{font-size:7px}}
@media(max-width:700px){.mp-hero{display:block;padding-top:25px;padding-bottom:25px}.mp-hero h1{font-size:46px}.mp-hero>p{font-size:14px;max-width:400px;margin-top:22px}.mp-atlas-shell{padding:0 10px}.mp-toolbar{padding:8px}.mp-toolbar nav{gap:2px}.mp-toolbar button{font-size:10px;padding:8px 9px}.mp-map-layout{display:block;min-height:0}.mp-map-stage{height:580px}.mp-panel{padding:22px}.mp-panel fieldset{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.mp-layer-toggle strong{font-size:11px}.mp-layer-toggle small{font-size:9px}.mp-detail{min-height:0}.mp-detail p:not(.eyebrow){font-size:12px}.mp-map-foot{flex-direction:column;gap:7px}.mp-touch-control{display:block;position:absolute;right:12px;top:12px;z-index:600;border:1px solid #d7dfce;background:#fffdf3;padding:10px;color:#244839;font-size:11px}.mp-map-stage #satellite-map{touch-action:pan-y}.mp-map-stage.is-exploring #satellite-map{touch-action:none}.mp-context{grid-template-columns:1fr;gap:10px;padding-top:40px;padding-bottom:35px}.mp-landmark-cards{grid-template-columns:1fr;gap:10px}.mp-landmark-cards button{padding:18px}.mp-landmark-cards strong{font-size:23px;margin:8px 0}.mp-landmark-cards b{margin-top:10px}.mp-method-grid{grid-template-columns:1fr;gap:30px}.mp-image-note{font-size:7px;bottom:62px;left:8px;max-width:220px}.mp-map-stage .leaflet-control-attribution{max-width:95%;font-size:8px!important}.mp-project-label{font-size:9px;padding:5px 7px}.mp-landmark-label{font-size:9px}.mp-map-status{left:50px;top:60px;max-width:calc(100% - 70px)}}
@media(prefers-reduced-motion:reduce){.mp-page *{scroll-behavior:auto!important;transition:none!important}}
/* Keep source credits readable on touch screens without hover. */
.mp-map-stage .leaflet-control-attribution{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;height:auto!important}.mp-map-stage .esri-dynamic-attribution{white-space:normal!important;display:inline!important;max-width:none!important}

.mp-makadi-context{padding-top:55px;padding-bottom:35px;border-bottom:1px solid #ccd5c7}.mp-makadi-context h2{font:36px Fraunces,Georgia,serif;margin:14px 0 22px}.mp-makadi-context>div{display:grid;grid-template-columns:1fr 1fr;gap:45px}.mp-makadi-context p{font-size:14px;line-height:1.8;color:#57675d}.mp-makadi-context .mp-control-help{font-size:12px;margin-top:20px}.mp-makadi-context .eyebrow{font-size:10px}.mp-panel h2{margin-bottom:12px}.mp-base-mode{margin-bottom:12px}.mp-panel fieldset{margin-bottom:14px}.mp-detail{min-height:140px}@media(max-width:700px){.mp-makadi-context>div{grid-template-columns:1fr;gap:5px}.mp-makadi-context h2{font-size:30px}}
.mp-unknown{border:1px dashed #bac6b5;padding:13px;margin:0 0 16px;background:#f6f3ea}.mp-unknown strong{font-size:12px}.mp-unknown p,.mp-unknown a{font-size:11px;line-height:1.6}.mp-unknown p{margin:7px 0}.mp-share{border-top:1px solid #ccd5c8;margin-top:20px;padding-top:15px}.mp-share-button{width:100%;border:1px solid #35584d;background:#35584d;color:white;padding:12px;font-size:12px!important}.mp-share p{font-size:11px;line-height:1.6;margin:10px 0 0}.mp-share label{font-size:11px;display:block;margin-top:12px}.mp-share input{width:100%;font-size:12px;padding:10px;border:1px solid #aebdb0;color:#183637;background:white;margin-top:7px}.mp-map-layout{min-height:950px}@media(max-width:700px){.mp-map-layout{min-height:0}}

/* Keep the geographic comparison visible while the page scrolls through controls. */
@media(min-width:701px){.mp-map-layout{min-height:0;align-items:start}.mp-map-stage{height:clamp(500px,calc(100vh - 130px),850px);position:sticky;top:16px}}

/* A–F match the layer list; compact badges prevent overlaps in coast-wide views. */
.mp-layer-code{display:inline-block;min-width:18px;font-size:10px;font-weight:600;color:#35584d}
.mp-label-letter{display:none}
.mp-overview-help{display:none}
.is-overview .mp-overview-help{display:inline}
.is-overview .mp-label-marker{margin-left:-13px!important;margin-top:-13px!important}
.is-overview .mp-project-label{width:26px;height:26px;padding:0;display:grid;place-items:center;border:2px solid var(--layer-color)!important;border-radius:2px;font-size:12px}
.is-overview .mp-label-letter{display:block}
.is-overview .mp-label-name{display:none}
.mp-map-foot{flex-wrap:wrap}
/* Credits wrap as the imagery provider changes; reserve their actual height. */
.mp-map-stage .leaflet-control-scale{margin-bottom:calc(var(--mp-credit-height,28px) + 8px)}
.mp-image-note{bottom:calc(var(--mp-credit-height,28px) + 44px)}

/* Optional fitting references explain the artwork without drawing parcel lines. */
.mp-alignment-controls{border-block:1px solid #d7decf;padding:12px 0;margin:0 0 18px;font-size:11px;line-height:1.65}
.mp-alignment-controls summary{cursor:pointer;min-height:24px;color:#35584d}
.mp-alignment-controls p{margin:12px 0;color:#586b60}
.mp-alignment-controls .mp-label-toggle{margin:14px 0 10px;min-height:34px}
.mp-alignment-controls a{font-size:11px;text-decoration:underline;text-underline-offset:3px}
.mp-fit-key{padding:0;list-style:none;margin:10px 0;font-size:10px}
.mp-fit-key li{display:flex;gap:8px;align-items:center;margin:8px 0}
.mp-fit-key-symbol{width:14px;height:14px;flex:none;border:2px solid #fff;outline:1px solid #315950;background:#315950;border-radius:50%;position:relative}
.mp-fit-key-symbol:after{content:"+";position:absolute;inset:-5px;color:#fff;text-align:center;font-size:16px;line-height:20px}
.mp-fit-key-symbol.is-estimated{border-color:#ffc16e;border-style:dashed;background:#26392f;outline-color:#26392f}
.mp-fit-key-symbol.is-estimated:after{content:""}
.mp-fitting-marker{background:none;border:none}
.mp-fitting-symbol{width:44px;height:44px;display:grid;place-items:center;cursor:pointer}
.mp-fitting-symbol svg{width:28px;height:28px;overflow:visible;filter:drop-shadow(0 1px 2px #000)}
.mp-fitting-symbol circle{fill:#234a40aa;stroke:#fff;stroke-width:2}
.mp-fitting-symbol path{fill:none;stroke:#fff;stroke-width:2}
.mp-fitting-symbol.is-estimated circle{stroke:#ffc16e;stroke-dasharray:3 2;fill:#2e392de6}
.mp-fitting-symbol.is-estimated path{display:none}
.mp-fitting-marker:focus-visible{outline:3px solid #ffc16e;border-radius:50%}
.mp-fitting-tooltip{font:11px/1.5 Inter,Arial,sans-serif;max-width:240px;white-space:normal}
.mp-scope-note{font-size:12px;line-height:1.8;color:#586b60;margin-top:8px;margin-bottom:35px}
.mp-scope-note a{text-decoration:underline;text-underline-offset:3px}
.mp-fit-explanation{max-width:850px;border-left:3px solid #c99a57;padding:8px 0 8px 22px;margin:30px 0}
.mp-fit-explanation h3{font-size:26px;margin:0 0 14px}
.mp-fit-explanation p{font-size:13px;line-height:1.8;color:#586b60}
.mp-method-grid .mp-fit-basis{border-top:1px dashed #cdd5c8;padding-top:12px}
/* The wider destination context is one layer, separate from the five project plans. */
@media(max-width:700px){.mp-panel fieldset:last-of-type{display:block}}
