*{box-sizing:border-box}body{margin:0;background:#e8efeb;color:#163d3e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;display:flex;height:100vh}aside{width:350px;flex:none;background:#f8f8f2;overflow:auto;z-index:1001;box-shadow:2px 0 24px #183c3e14}header{padding:30px 26px 20px;border-bottom:1px solid #dce3d9}.eyebrow,.section-title{font-size:10px;letter-spacing:2px;font-weight:700;color:#567875}h1{font-size:31px;letter-spacing:-1.3px;font-weight:550;line-height:1.1;margin:18px 0}h1 span{display:block;font-size:21px;font-weight:350;letter-spacing:-.4px;margin-top:7px}p{font-size:13px;line-height:1.6;color:#5b716e}.locations{display:flex;flex-wrap:wrap;gap:6px;padding:18px 24px}.locations button{border:1px solid #cad6ce;border-radius:20px;background:transparent;padding:8px 10px;font-size:11px;color:#345954;cursor:pointer}.locations button:hover,.locations button.selected{background:#214f49;color:white;border-color:#214f49}.section-title{padding:12px 26px;display:flex;justify-content:space-between}#layers{padding:0 15px}.layer{padding:13px 11px;border-bottom:1px solid #e0e5dc}.layer-heading{display:flex;align-items:center;gap:10px;cursor:pointer}.layer-heading strong{font-size:13px;font-weight:600;flex:1}.layer input[type=checkbox]{accent-color:#286b5e;width:16px;height:16px;margin:0}.badge{font-size:9px;border:1px solid #d6dfd7;padding:3px 5px;border-radius:4px;color:#688078}.layer p{margin:5px 0 6px 26px;font-size:11px}.layer-controls{display:flex;align-items:center;gap:8px;margin-left:26px}.layer input[type=range]{width:85px;accent-color:#477e70}.layer a,details a{font-size:11px;color:#397363;text-underline-offset:3px}.layer .opacity{font-size:10px;color:#71817a}#legend,details{margin:18px 25px}h2{font-size:12px;font-weight:600}#legend-content{display:flex;flex-wrap:wrap;gap:7px 12px}.key{font-size:10px;display:flex;align-items:center;gap:5px}.swatch{width:12px;height:12px;border-radius:3px;display:inline-block}summary{font-size:12px;cursor:pointer}details p{font-size:11px}footer{padding:22px 26px;color:#70908a;font-size:9px;letter-spacing:1.7px}footer small{letter-spacing:0;font-size:11px;display:block;margin-top:7px}main{position:relative;flex:1;min-width:0}#map{height:100%;background:#d8e8e8}.map-top{position:absolute;z-index:800;top:22px;left:25px;right:70px;pointer-events:none;display:flex;align-items:center;gap:10px;letter-spacing:1.5px;font-size:10px;color:#295657;background:#ffffffdc;padding:12px 15px;border:1px solid #fff;border-radius:5px;max-width:460px}.dot{width:7px;height:7px;background:#3b8a70;border-radius:50%}#zoom-label{margin-left:auto;font-size:9px;letter-spacing:0}#inspection{position:absolute;bottom:62px;left:25px;z-index:800;background:#fffef6ee;border-radius:7px;padding:15px 18px;max-width:300px;box-shadow:0 3px 22px #20454915}#inspection p{font-size:12px;margin:7px 0 0}.map-bottom{position:absolute;bottom:0;left:0;right:0;z-index:800;display:flex;justify-content:space-between;padding:11px 25px;background:#f8f8f2ed;font-size:10px;letter-spacing:.7px}#status{position:absolute;z-index:850;top:76px;left:25px;font-size:11px;background:#fffef4;padding:8px 12px;border-radius:5px;max-width:500px}#status:empty{display:none}#menu{display:none}.leaflet-control-zoom{margin-top:22px!important;margin-right:20px!important;border:0!important;box-shadow:0 2px 15px #1e514426!important}.leaflet-control-attribution{bottom:37px}.leaflet-control-scale{margin-bottom:43px!important}.place-label{white-space:nowrap;font-size:11px;color:#385550;text-shadow:0 1px 2px white,1px 0 2px white,-1px 0 2px white;font-weight:600;pointer-events:none}.leaflet-popup-content{font-size:12px;line-height:1.6}.leaflet-popup-content h3{margin:0 0 7px;font-size:14px}@media(max-width:760px){aside{position:absolute;width:310px;height:100%;transform:translateX(-100%);transition:.2s}aside.open{transform:translateX(0)}#menu{display:block;position:absolute;z-index:1100;top:15px;left:15px;background:#fff;border:0;padding:10px;border-radius:5px;color:#214f49}.map-top{top:65px;left:15px;right:15px}#status{top:112px;left:15px}#inspection{left:15px;bottom:65px;max-width:260px}.map-bottom{font-size:8px;padding:12px}header{padding-top:60px}}

#layer-search{display:block;width:calc(100% - 50px);margin:4px 25px 12px;padding:10px 12px;border:1px solid #cbd8ce;border-radius:6px;background:white;color:#214f49}.layer[hidden]{display:none}

.workbench{margin:14px 25px;padding:12px 0;border-top:1px solid #dce3d9}.workbench label{display:block;font-size:11px;margin:8px 0;color:#345954}.workbench input:not([type=checkbox]):not([type=range]),.workbench select{width:100%;padding:9px;border:1px solid #b9cbc1;border-radius:5px;background:#fff;color:#234c47}.form-row,.tool-buttons{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.form-row input{flex:1;min-width:0}.workbench button,.order-controls button,#draw-toolbar button{border:1px solid #b9cbc1;border-radius:5px;padding:7px;background:#fff;color:#234c47;cursor:pointer;font-size:11px}.workbench button.selected{background:#214f49;color:white}.workbench p,.workbench small{font-size:11px}.workbench details{margin:12px 0}.workbench input[type=range]{width:100%}#tool-result{margin-top:10px;font-size:12px;line-height:1.6;max-height:260px;overflow:auto;white-space:normal;background:#eaf0e8;padding:9px;border-radius:5px}.order-controls{display:flex;justify-content:flex-end;gap:5px;margin-top:6px}.order-controls button{padding:2px 8px}.coverage-note{border-left:3px solid #7d9b8f;padding-left:8px}#draw-toolbar{display:none;position:absolute;top:115px;left:25px;z-index:900;gap:8px}body.drawing #draw-toolbar{display:flex}#scene-notes{font-size:11px;line-height:1.5}#compare-divider{position:absolute;top:0;bottom:0;width:2px;background:white;z-index:390;pointer-events:none;display:none}.comparison-label{position:absolute;top:160px;background:#fff;padding:6px;z-index:800;font-size:11px;pointer-events:none}#compare-left-label{left:15px}#compare-right-label{right:15px}@media(max-width:760px){#draw-toolbar{top:118px;left:15px}.workbench{margin:12px 18px}#inspection{max-width:220px;pointer-events:none}.layer-controls{gap:5px}.layer a{white-space:nowrap}}

[hidden]{display:none!important}.workspace-tabs{display:flex;padding:0 20px;gap:5px}.workspace-tabs button{flex:1;padding:9px 3px;border:0;border-bottom:2px solid transparent;background:none;color:#53776d;cursor:pointer}.workspace-tabs button.selected{border-color:#214f49;color:#163d3e;font-weight:700}

#history-map-controls{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);z-index:850;display:flex;gap:12px;align-items:center;background:#fffffff0;border-radius:6px;padding:7px;box-shadow:0 2px 12px #1233;font-size:12px}#history-map-controls button{background:#214f49;color:white;border:0;border-radius:4px;padding:7px 12px;cursor:pointer}#history-map-controls button:disabled{opacity:.3;cursor:default}#history-date{font-size:12px}#history-availability{border-left:3px solid #9b8050;padding-left:8px}.workbench a{color:#286b5e;font-size:11px}@media(max-width:760px){#history-map-controls{bottom:53px}body:has(#history-map-controls:not([hidden])) #inspection{display:none}}
/* Interaction hierarchy and responsive workspace */
body{height:100dvh;overflow:hidden}aside{width:370px;overscroll-behavior:contain;scrollbar-gutter:stable}header{padding:22px 24px 12px}h1{font-size:27px;margin:10px 0}header p{margin:8px 0;font-size:12px}.locations{padding:12px 24px}.workspace-tabs{position:sticky;top:0;z-index:5;background:#f8f8f2;border-bottom:1px solid #cad6ce;padding:5px 16px 0}.workspace-tabs button{min-height:44px;font-size:13px}.workbench{margin:10px 24px;padding:10px 0}.workbench h2{font-size:14px}.workbench p,.workbench label,.workbench small,#scene-notes{font-size:12px;line-height:1.55}.workbench button{min-height:40px;padding:9px 12px;font-size:12px}.workbench input[type=checkbox]{width:18px;height:18px;vertical-align:middle;accent-color:#286b5e}.workbench select,.workbench input{font-size:14px}.map-notes{margin:12px 0!important}.map-notes summary{font-weight:500;font-size:12px;padding:8px 0}.map-notes p{margin:8px 0}.layer{padding:12px 10px;margin-bottom:5px;border:1px solid #dfe5dd;border-radius:8px;background:#fffdf8}.layer.is-active{border-left:3px solid #286b5e;background:#f0f5ef}.layer-heading{min-height:36px}.layer-heading strong{font-size:14px}.layer input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.layer p{font-size:12px;color:#48645f;line-height:1.5;margin-left:30px}.badge{font-size:10px;color:#48645f}.layer-settings{margin:5px 0 0 30px}.layer-settings summary{padding:8px 0;color:#286b5e;font-size:12px}.layer-controls{margin:5px 0;flex-wrap:wrap}.layer-controls a{font-size:12px;padding:8px 2px}.layer input[type=range]{width:110px;min-height:28px}.order-controls button{min-width:44px;min-height:36px;font-size:16px}.order-controls{justify-content:flex-start}.layer .opacity{font-size:12px}#layer-filters{display:flex;gap:6px;flex-wrap:wrap;margin:0 24px 14px}#layer-filters button{border:1px solid #b5c8bc;background:#fffdf8;color:#31564c;border-radius:18px;padding:7px 11px;font-size:12px;min-height:36px;cursor:pointer}#layer-filters button[aria-pressed=true]{background:#214f49;color:white;border-color:#214f49}#empty-layers{margin:18px 25px}#layer-search{font-size:14px;min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c47c24;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}.locations button{min-height:36px;font-size:12px}#map-key{position:absolute;right:20px;bottom:90px;z-index:810;margin:0;background:#fffef8f5;border:1px solid #c6d3c9;border-radius:8px;box-shadow:0 3px 18px #183c3e14;max-width:290px}#map-key summary{padding:12px 16px;font-size:13px;font-weight:600}#legend-content{padding:0 16px 16px;max-height:220px;overflow:auto;display:grid;gap:9px}.key{font-size:12px}.swatch{flex-shrink:0;width:14px;height:14px}#legend-content:empty:after{content:'No classification key for the visible layers.';font-size:12px;line-height:1.5}#inspection{max-width:270px;padding:12px 15px;max-height:220px;overflow:auto;pointer-events:auto}#history-notice{position:absolute;top:75px;left:25px;z-index:810;max-width:430px;background:#fffef5f5;border:1px solid #dbd3b4;border-radius:6px;padding:8px 10px;font-size:12px;display:flex;align-items:center;gap:12px}#history-notice button{background:#214f49;color:white;border:0;border-radius:4px;min-height:36px;white-space:nowrap;padding:8px}#close-panel,#panel-backdrop{display:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:760px){aside{width:min(370px,calc(100vw - 24px));height:100dvh;z-index:1101}#close-panel{display:block;width:100%;position:sticky;top:0;z-index:6;background:#214f49;color:white;border:0;min-height:48px;text-align:right;padding:10px 20px;font-size:14px}.workspace-tabs{top:48px}header{padding-top:16px}#panel-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#102f3659;border:0;z-index:1100}#menu{min-height:44px;font-size:14px;z-index:900}#map-key{right:12px;bottom:105px;max-width:min(260px,70vw)}#map-key[open]{max-width:calc(100vw - 24px)}#legend-content{max-height:180px}#inspection{bottom:65px;padding:8px 12px;max-width:calc(100% - 30px);max-height:100px}#inspection .eyebrow{display:none}#inspection p{margin:0;font-size:11px}#map-key[open]~*{pointer-events:auto}#history-notice{top:112px;left:15px;right:15px;font-size:11px;max-width:none}.comparison-label{top:180px}#status{top:166px;right:15px}#history-map-controls button{min-width:44px;min-height:40px}body:has(#history-map-controls:not([hidden])) #map-key{bottom:122px}.layer-settings summary,.locations button,#layer-filters button{min-height:44px}.layer-controls a{min-height:44px}.map-bottom{font-size:9px}.workbench select,.workbench input:not([type=range]){font-size:16px}}
header p{display:none}header{padding:18px 24px 15px}.locations{gap:4px;padding:12px 20px}.locations button{padding:7px 8px}.section-title{padding-top:4px}#map-key{bottom:110px}#map-key[open]{bottom:90px}@media(max-width:760px){#map-key{bottom:140px}#map-key[open]{bottom:140px}body:has(#map-key[open]) #inspection{display:none}}
@media(max-width:760px){.leaflet-control-attribution{font-size:9px!important;line-height:1.3!important;max-width:100%;bottom:37px}.leaflet-control-scale{margin-bottom:85px!important}#inspection{bottom:105px}#map-key,#map-key[open]{bottom:160px}#history-map-controls{bottom:115px;white-space:nowrap}body:has(#history-map-controls:not([hidden])) #map-key{bottom:180px}#history-notice{max-height:70px}.comparison-label{top:195px}}
/* History is a standalone imagery workspace with no contemporary overlays. */
.history-mode .leaflet-map-pane>.leaflet-pane:not(.leaflet-compare-left-pane):not(.leaflet-compare-right-pane){visibility:hidden!important}.history-mode #draw-toolbar,.history-mode #inspection,.history-mode #map-key{display:none!important}.history-mode #map{background:#e2e9e6}.history-mode .map-top{display:none}#image-context{position:absolute;top:22px;left:25px;right:70px;z-index:820;max-width:530px;background:#fffffff2;border:1px solid #d1dbd4;border-radius:6px;padding:12px 15px;font-size:12px;line-height:1.4}.map-top{display:none}#latest-scene{margin-right:6px}.workspace-tabs button{font-size:12px;padding:9px 6px}.history-mode #history-notice{top:90px}.history-mode .comparison-label{top:160px}@media(max-width:760px){#image-context{top:65px;left:15px;right:15px;font-size:11px;padding:10px}.history-mode #history-notice{top:135px}.history-mode .comparison-label{top:215px}#status{top:215px}}
#history-map-controls{bottom:95px}@media(max-width:760px){#history-map-controls{bottom:115px}}
.workspace-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6px}.workspace-tabs button{min-height:40px}.google-mode main>:not(#google-viewer):not(#menu){visibility:hidden!important}#google-viewer{position:absolute;inset:0;z-index:850;display:flex;flex-direction:column;background:#f8f8f2}.google-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;min-height:64px;font-size:14px}.google-toolbar button{padding:10px 14px;min-height:44px;border:0;border-radius:6px;background:#214f49;color:white;cursor:pointer}#google-viewer iframe{border:0;width:100%;flex:1;min-height:260px;background:#e2e9e6}.google-fallback{font-size:11px;line-height:1.5;padding:10px 16px}.google-fallback a{color:#286b5e}@media(max-width:760px){.google-toolbar{padding:70px 14px 10px;align-items:flex-start;font-size:12px}.google-toolbar button{font-size:12px}.google-fallback{font-size:10px}}
.google-mode .locations{display:none}
#noaa-map-key{display:none;position:absolute;bottom:160px;left:25px;right:25px;z-index:820;background:#fffef5f2;border:1px solid #c6d2c9;border-radius:6px;padding:9px 12px;max-width:600px;font-size:12px;line-height:1.5}.noaa-mode #noaa-map-key{display:block}#noaa-controls{border-left:3px solid #547e73;padding-left:10px;margin:12px 0}@media(max-width:760px){#noaa-map-key{bottom:180px;left:15px;right:15px;font-size:11px;pointer-events:none}}
.noaa-mode .leaflet-compare-right-pane canvas.leaflet-tile{visibility:visible;opacity:1}
.ntl-controls{margin:12px 0 8px 30px;padding-top:10px;border-top:1px solid #cad8ce}.ntl-periods{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ntl-periods label{font-size:11px;color:#31584c}.ntl-periods select{display:block;width:100%;margin-top:5px;padding:9px 4px;border:1px solid #a8beb0;border-radius:5px;background:#fffef8;color:#163d3e;font-size:12px;min-height:42px}.ntl-controls p{margin:9px 0;font-size:11px}.ntl-controls button{background:#214f49;color:white;border:0;border-radius:5px;padding:10px;min-height:44px;font-size:12px;cursor:pointer}.ntl-caveat{border-left:3px solid #b28943;padding-left:9px}.ntl-popup h3{margin:4px 0 8px;font-size:16px}.ntl-popup p{font-size:12px;line-height:1.45;margin:8px 0}.ntl-popup .ntl-result{font-size:22px;color:#163d3e;font-weight:600}.ntl-popup details{margin:8px 0}.ntl-popup summary{padding:8px 0;font-size:12px}.ntl-chart{display:block;width:100%;max-height:115px}.ntl-chart text{font-family:inherit;font-size:10px;fill:#48645f}.ntl-popup table{width:100%;border-collapse:collapse;font-size:12px}.ntl-popup caption{text-align:left;margin:8px 0;font-size:11px;color:#48645f}.ntl-popup th,.ntl-popup td{padding:4px 8px;border-bottom:1px solid #e2e8e1;text-align:right}.ntl-popup th{text-align:left;font-weight:500}@media(max-width:760px){.ntl-periods select{font-size:16px}.ntl-controls{margin-left:0}}

@media(max-width:760px){.ntl-periods{grid-template-columns:1fr;gap:10px}}

/* Visible, grouped legend beside the map zoom controls. */
#map-key,#map-key[open]{top:94px;right:20px;bottom:auto;width:260px;max-width:calc(100% - 40px)}
#map-key summary{padding:11px 14px;min-height:44px}#legend-content{padding:0 14px 12px;max-height:calc(100dvh - 255px);display:block;overscroll-behavior:contain}
.legend-layer{border-top:1px solid #dce3d9;padding:10px 0}.legend-layer h3{font-size:12px;margin:0 0 7px;font-weight:650}.legend-layer p{font-size:11px;line-height:1.45;margin:0 0 7px;color:#48645f}.legend-layer .key{margin:6px 0;line-height:1.35;align-items:flex-start}.legend-layer .swatch{margin-top:1px;border:1px solid #163d3e22}#legend-content:empty:after{content:none}
@media(max-width:760px){#map-key,#map-key[open]{top:132px;right:12px;bottom:auto;width:220px;max-width:calc(100vw - 72px)}#legend-content{max-height:30dvh}#map-key summary{font-size:12px}.legend-layer .key{font-size:11px}}

.backbone-panel{border-bottom:1px solid #cad6ce;padding-bottom:16px}.backbone-panel label{display:block;margin:10px 0}.backbone-panel select,.backbone-panel input{width:100%;padding:10px;border:1px solid #b5c8bc;border-radius:5px;background:#fff}.backbone-panel button{margin:4px 4px 4px 0}.backbone-panel #address-results{max-height:240px;overflow:auto}.backbone-panel #address-results button{display:block;width:100%;text-align:left;background:#fff;border:1px solid #c6d3c9;color:#214f49}.backbone-panel h3{font-size:14px}.backbone-panel #subdivision-details:empty{display:none}

#address-results button{white-space:normal;overflow-wrap:anywhere}#address-results{overflow-x:hidden}

.backbone-panel{margin:8px 20px;padding:4px 0 12px}.backbone-panel>h2{margin:8px 0}.backbone-panel>p{margin:5px 0}.backbone-panel details{margin:10px 0}.backbone-panel details summary{padding:8px 0}.area-years{display:flex;gap:8px}.area-years label{flex:1;margin:0}.area-series{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;font-size:10px}.area-series span{background:#e9efe8;padding:5px;border-radius:4px}.area-series b{display:block;font-size:12px}.backbone-panel .area-caption{font-size:11px;line-height:1.4;margin:6px 0;color:#52685f}#area-summary h3{margin:12px 0 6px}#area-summary h3 small{font-weight:400;font-size:11px}#area-summary h4{font-size:12px;margin:10px 0 5px}#area-summary section{border-top:1px solid #dce3d9;padding:3px 0 7px}#area-summary p{margin:6px 0;font-size:12px}#area-summary select{font-size:12px;padding:7px}.address-tools button{font-size:12px}.backbone-panel #subdivision-details p{font-size:11px}

/* Desktop/phone review: controls stay clear of map content. */
#map-key{width:240px}#map-key summary{font-size:12px}.legend-reference{margin:0!important;border-top:1px solid #dce3d9}.legend-reference>summary{font-weight:400!important;padding:8px 0!important;min-height:36px!important}.legend-reference .legend-layer{border:0;padding-top:0}.legend-reference .legend-layer h3{display:none}#legend-content{max-height:min(50dvh,440px)}
#area-summary>h3{display:flex;justify-content:space-between;align-items:baseline;gap:8px}#area-summary details{margin:6px 0}#area-summary details summary{min-height:36px;padding:8px 0}#area-summary section{padding-bottom:5px}#area-summary #area-light-result{font-weight:600}#area-summary label{margin:5px 0}#area-summary button{min-height:40px}.area-series{margin-bottom:8px}#inspection:has(p:only-of-type){max-width:240px}
@media(max-width:760px){header{padding:12px 20px}header .eyebrow{display:none}h1{font-size:23px;margin:4px 0}h1 span{font-size:16px}.locations{padding:8px 16px}.workspace-tabs{gap:0 4px}#image-context{top:85px;left:12px;right:12px;padding:7px 10px;font-size:10px;max-height:58px;overflow:auto}#map-key,#map-key[open]{top:154px;right:12px;width:220px;max-width:calc(100vw - 24px)}#legend-content{max-height:32dvh}#map-key summary{min-height:44px}#area-summary select,.backbone-panel select,.backbone-panel input{font-size:16px!important;min-height:44px}#area-view-map{width:100%;background:#214f49;color:white;border:0;border-radius:5px}.area-years{gap:8px}.area-years label{min-width:0}.area-caption{overflow-wrap:anywhere}#history-notice{top:151px!important;max-height:85px}.history-mode .comparison-label{top:247px}#noaa-map-key{bottom:190px;font-size:10px;max-height:80px;overflow:auto}.google-toolbar{gap:6px}.google-toolbar strong{max-width:155px}#inspection{display:none}.map-bottom span:last-child{display:none}}

.history-mode.single-history .comparison-label{display:none!important}@media(max-width:760px){#history-notice{font-size:11px;padding:7px 9px}.workbench select{max-width:100%}.leaflet-popup-content{max-width:calc(100vw - 90px);overflow-wrap:anywhere}.backbone-panel details>summary{min-height:44px}#area-summary details>summary{min-height:44px}}