@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#253e36;background:#f7f8f4;--ink:#233f35;--muted:#748078;--line:#e1e7df;--green:#386c50}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}a{color:var(--green)}button:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #e5b566;outline-offset:3px}[hidden]{display:none!important}header{height:76px;background:#fff;display:flex;align-items:center;padding:0 30px;gap:28px;border-bottom:1px solid var(--line);position:relative;z-index:500}.brand{display:flex;align-items:center;color:var(--ink);font-size:22px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand-mark{display:inline-grid;place-items:center;background:#edf2e6;color:#657f47;width:35px;height:35px;border-radius:11px;margin-right:9px;font-size:26px}.brand-dot{color:#a9b873}.header-note{font-size:12px;color:#849087}.city-tag{margin-left:auto;font-size:10px;letter-spacing:1.5px;color:#71816e;white-space:nowrap}main{height:calc(100dvh - 76px);display:grid;grid-template-columns:minmax(0,1fr) 445px}.map-side{position:relative;min-width:0;overflow:hidden}#map{position:absolute;inset:0;background:#e8ede4}.leaflet-tile-pane{filter:saturate(.63)}.leaflet-control-attribution{font-size:9px!important}.leaflet-top.leaflet-left{top:86px}.leaflet-control-zoom{border:0!important;box-shadow:0 2px 10px #233f3520!important}.map-search{position:absolute;top:22px;left:22px;right:22px;max-width:470px;z-index:450;display:flex;background:#fff;border-radius:12px;padding:6px 8px;align-items:center;box-shadow:0 6px 24px #233f3518;border:1px solid #ffffffaa}.map-search>span{font-size:25px;margin:0 10px;color:#758371}.map-search select{min-width:0;width:100%;border:0;background:#fff;padding:11px 2px;color:var(--ink);font-size:14px;font-weight:600}.map-search button{border:0;background:#edf2e8;color:#5d7651;border-radius:7px;font-size:22px;width:38px;height:38px;margin-left:10px}.map-instruction{position:absolute;z-index:420;bottom:90px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;border-radius:12px;background:#fffffff2;padding:13px 20px;text-align:center;box-shadow:0 3px 20px #233f3510;font-size:14px;font-weight:600;pointer-events:none}.map-instruction small{display:block;margin-top:4px;font-size:11px;font-weight:400;color:#7a897d}.map-bottom{position:absolute;bottom:23px;left:20px;right:20px;z-index:440}.map-scale-note{font-size:10px;color:#52624f;text-align:center;background:#ffffffdb;border-radius:5px;padding:5px;width:max-content;max-width:100%;margin:10px auto 0}.map-scale-note span{display:block;color:#8d573b}#coordinate-form{position:absolute;top:80px;left:22px;z-index:460;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;max-width:calc(100% - 44px);box-shadow:0 5px 20px #0001;display:flex;gap:8px;flex-wrap:wrap}#coordinate-form label{font-size:10px;flex:1;min-width:90px}#coordinate-form input{width:100%;display:block;border:1px solid #cbd6c8;border-radius:5px;padding:8px;margin-top:4px}#coordinate-form button{align-self:end;background:var(--green);color:white;border:0;border-radius:6px;padding:9px 15px}#coordinate-error{font-size:11px;color:#a4442a;margin:0;width:100%}.report-side{background:#fff;border-left:1px solid var(--line);overflow-y:auto;padding:27px 28px 35px}.report-top{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#839175;font-weight:700;margin:0 0 9px}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.6px}h1{font-size:27px;line-height:1.2;margin:0}#location-coordinates{font-size:10px;color:#899387;margin:7px 0 0}.save-button{border:1px solid #dce5d7;border-radius:8px;background:#f7f9f3;color:#59714c;padding:8px 11px;white-space:nowrap;font-size:12px}.save-button:disabled{opacity:.6;cursor:default}.summary-card{border-radius:12px;padding:20px;background:#eef3e6;border:1px solid #e0e8d6;margin-bottom:22px}.summary-card.attention{background:#faf0e2;border-color:#efdfc7}.summary-card h2{font-size:23px;line-height:1.35;margin:5px 0 10px}.summary-card p{font-size:13px;line-height:1.65;color:#65715d;margin:0}.summary-card .kicker{font-size:9px;letter-spacing:1.3px;color:#728257;font-weight:700}.findings-label{font-size:11px;color:#85917d;display:flex;justify-content:space-between;margin:0 0 8px}.finding{border-top:1px solid var(--line);padding:21px 0}.finding-heading{display:flex;gap:11px;align-items:center;margin-bottom:11px}.finding-icon{height:30px;width:30px;display:grid;place-items:center;border-radius:9px;background:#eff3e9;color:#7b9061;font-size:18px;flex-shrink:0}.finding h3{font-size:15px;margin:0;line-height:1.4}.finding .category{font-size:9px;letter-spacing:1px;color:#87917f;text-transform:uppercase;margin-bottom:3px}.finding>p{font-size:12px;line-height:1.75;color:#6d796b;margin:8px 0}.finding .action-line{padding:10px 12px;background:#f7f8f3;border-radius:7px;font-size:11px;color:#54664d;line-height:1.6;margin:12px 0}.finding .action-line b{display:block;font-size:9px;letter-spacing:1px;margin-bottom:3px;color:#869175}.evidence-button{border:0;background:none;color:#5b7d50;padding:4px 0;font-size:11px;font-weight:600}.finding details{font-size:10px;color:#859080;margin-top:9px;line-height:1.7}.finding summary{cursor:pointer}.finding details p{margin:8px 0}.facts{display:flex;gap:8px;margin:13px 0}.fact{flex:1;border:1px solid var(--line);border-radius:8px;padding:9px}.fact span{display:block;font-size:9px;color:#8a9585}.fact strong{font-size:15px;font-weight:600;display:block;margin-top:4px;color:#4c6542}.finding .pending{color:#909787;font-size:11px}.report-footer{border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:#8a9484;line-height:1.8}.report-footer strong{font-size:11px;color:#66745b}.report-footer p{margin:5px 0 12px}.report-footer summary{cursor:pointer}.loading{padding:30px 0;font-size:13px;color:#85917d}#evidence-banner{position:absolute;top:88px;left:66px;right:22px;max-width:420px;z-index:450;background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 5px 24px #0002}#evidence-label{font-size:12px;font-weight:650}#evidence-close{float:right;background:none;border:0;font-size:21px;color:#8c947f;padding:0 0 4px 10px}#evidence-controls{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}#evidence-controls button{border:1px solid #dce3d3;background:#f5f7ef;border-radius:5px;font-size:11px;padding:6px 9px;color:#59754c}#evidence-controls button.active{background:#59754c;color:#fff}#evidence-controls img{max-height:160px;max-width:100%}#map-status{font-size:10px;color:#8b947d;margin:8px 0 0}#saved-places{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.saved-chip{background:#fff;border:1px solid #dce5d5;padding:8px 10px;border-radius:7px;box-shadow:0 2px 10px #0001;max-width:180px;font-size:11px;display:flex;align-items:center;gap:8px}.saved-chip button{background:none;border:0;color:#48633b;padding:0;font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.saved-chip button:last-child{font-size:15px;color:#8a9280}#compare-button{background:#365c3e;color:#fff;border:0;border-radius:7px;padding:8px 13px;font-size:11px}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;width:min(970px,94vw);color:var(--ink)}dialog::backdrop{background:#1e362c55}#close-compare{float:right;border:0;background:none;font-size:25px;color:#829078}#compare-content{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.comparison{border:1px solid var(--line);border-radius:10px;padding:18px}.comparison h3{font-size:18px;margin:0 0 10px}.comparison p{font-size:12px;line-height:1.7;color:#73806b}.comparison strong{font-size:14px}.comparison button{border:0;background:#edf2e5;padding:8px 12px;border-radius:7px;color:#48623c;font-size:11px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000;background:#233f35;color:#fff;padding:10px 18px;border-radius:8px;font-size:12px;display:none}#toast.visible{display:block}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(min-width:1700px){main{grid-template-columns:minmax(0,1fr) 510px}.report-side{padding:35px 38px}.summary-card h2{font-size:27px}}@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 390px}.report-side{padding:23px 22px}.header-note{display:none}.map-instruction{font-size:12px}}@media(max-width:720px){header{height:62px;padding:0 16px}.brand{font-size:19px}.brand-mark{width:29px;height:29px;font-size:22px}.city-tag{font-size:8px;letter-spacing:1px}main{height:auto;display:block}.map-side{height:49dvh;min-height:330px}.report-side{overflow:visible;border-left:0;border-top:1px solid var(--line);padding:23px}.map-search{top:14px;left:14px;right:14px;padding:3px 6px}.map-search select{font-size:12px}.map-instruction{display:none}.map-bottom{left:10px;right:10px;bottom:18px}.map-scale-note{font-size:8px}.saved-chip{max-width:120px;padding:6px}.leaflet-top.leaflet-left{top:76px}#evidence-banner{top:74px;left:55px;right:14px;padding:11px}#evidence-controls img{max-height:100px}#compare-content{grid-template-columns:1fr}dialog{padding:20px}.report-top{margin-bottom:18px}#coordinate-form{top:68px;left:14px;right:14px;max-width:none}}
.access-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6e7c65;gap:12px;margin:-4px 0 12px}.access-toolbar select{border:1px solid #dce4d5;border-radius:7px;padding:7px 10px;color:#49613c;background:#f7f9f3;font-size:12px}#preferences{font-size:11px;color:#77866c;margin:0 0 20px}#preferences summary{cursor:pointer}#priority-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px 0}#priority-list label{display:flex;gap:7px;align-items:center}#priority-list input{accent-color:#547646}.strip-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;color:#8a937f;margin:0 0 13px}.strip-heading button{border:0;background:none;color:#58764c;font-size:10px;padding:0;font-weight:600}.strip-heading button:disabled{opacity:.5}.strip-list{display:grid;gap:9px}.finding-strip{border:1px solid var(--strip-border);border-left:4px solid var(--strip-accent);border-radius:9px;background:var(--strip-bg);overflow:hidden}.severity-attention{--strip-accent:#bc6152;--strip-bg:#fcf0ec;--strip-border:#edcfc5}.severity-caution{--strip-accent:#c39343;--strip-bg:#fcf7e9;--strip-border:#eadebc}.severity-unknown{--strip-accent:#99a29a;--strip-bg:#f4f5f2;--strip-border:#e0e3dc}.severity-good{--strip-accent:#6f9562;--strip-bg:#f0f6e9;--strip-border:#dae6cf}.strip-toggle{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;text-align:left;padding:13px 11px 13px 12px;color:#3b4c34}.strip-icon{font-size:20px;color:var(--strip-accent);width:23px;flex-shrink:0;text-align:center}.strip-copy{flex:1;min-width:0}.strip-title{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:12px;font-weight:700;margin-bottom:5px}.severity-label{font-size:8px;text-transform:uppercase;letter-spacing:.6px;font-weight:500;color:var(--strip-accent)}.strip-summary{display:block;font-size:11px;line-height:1.55;color:#69715e}.strip-chevron{color:var(--strip-accent);font-size:19px;flex-shrink:0}.strip-body{border-top:1px solid var(--strip-border);padding:13px 14px 15px;background:#ffffffa8}.strip-body>p{font-size:11px;line-height:1.7;color:#6b7561;margin:0 0 10px}.strip-source{font-size:10px;color:#8a947f;line-height:1.7;margin-top:10px}.strip-source summary{cursor:pointer}.strip-source p{margin:8px 0}.detail-actions{display:flex;gap:7px;margin:10px 0}.detail-actions button{border:1px solid #d7dfce;background:#f5f8ef;border-radius:5px;padding:6px 10px;color:#61794e;font-size:10px}.facility-row{display:flex;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #e7ebdf}.facility-row b{font-size:11px;font-weight:600;line-height:1.5;display:block;color:#56644b}.facility-row small{font-size:10px;color:#89937b;display:block;margin-top:4px}.route-dot{width:22px;height:22px;display:inline-grid;place-items:center;color:#fff;border-radius:50%;font-size:10px;font-weight:700;flex-shrink:0}.route-note{font-size:10px!important;line-height:1.6!important;color:#89917e!important;margin:10px 0!important}.route-key{display:flex;align-items:center;gap:8px;width:100%;padding:5px 0}.route-key b{font-size:11px;font-weight:600;display:block;color:#4d5f43}.route-key small{display:block;font-size:10px;color:#88947c;margin-top:3px}.facility-marker span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid white;box-shadow:0 2px 5px #0003;color:white;font-size:11px;font-weight:700}.routing-status{font-size:9px;line-height:1.6;color:#8c967f;margin:14px 0 20px}.report-footer{margin-top:18px;padding-top:14px}.report-top{margin-bottom:20px}#evidence-banner{max-height:calc(100% - 190px);overflow:auto}@media(max-width:720px){.strip-toggle{padding:12px 10px}.strip-summary{font-size:11px}.strip-heading{font-size:9px}.strip-title{font-size:12px}.report-side{padding:20px}.severity-label{font-size:7px}.access-toolbar{margin-bottom:12px}#evidence-banner{max-height:calc(100% - 110px)}}
.edit-priorities{display:flex;width:100%;align-items:center;gap:7px;padding:10px 12px;background:#f3f5ec;border:1px solid #dfe6d6;border-radius:8px;color:#536a45;font-size:11px;margin:0 0 18px}.edit-priorities>span:last-child{margin-left:auto;font-size:10px}.severity-context{--strip-accent:#5b8a77;--strip-bg:#eef5f0;--strip-border:#d5e5d9}#priorities-dialog{width:min(850px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;background:#fbfcf7;border:1px solid #e2e8da;border-radius:22px}#priorities-dialog::backdrop{background:#172d24a6;backdrop-filter:blur(6px)}.priorities-shell{padding:34px 40px 0}.priorities-intro h2{font-size:32px;line-height:1.2;margin:10px 0 12px;letter-spacing:-1px}.priorities-intro>p:last-child{font-size:13px;color:#7a8771;margin:0 0 23px}.profile-options{display:grid;grid-template-columns:repeat(3,1fr) 100px;gap:10px}.profile-option{padding:15px 13px;border:1px solid #dfe5d6;border-radius:12px;background:#fff;text-align:left;color:#617453}.profile-option>span{display:block;font-size:24px;margin-bottom:7px}.profile-option b{display:block;font-size:12px}.profile-option small{display:block;font-size:10px;line-height:1.55;color:#839078;margin-top:7px}.profile-option[aria-pressed=true]{background:#eaf0dd;border:2px solid #6f884f;padding:14px 12px;color:#3d5932;box-shadow:0 3px 10px #68804b0a}.priorities-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 14px}.priorities-subhead h3{font-size:14px;margin:0}.priorities-subhead span{font-size:10px;color:#869079}#interest-options{display:grid;grid-template-columns:1fr 1fr;gap:17px 24px}#interest-options fieldset{border:0;padding:0;margin:0;min-width:0}#interest-options legend{font-size:9px;text-transform:uppercase;letter-spacing:1.1px;color:#8b957f;font-weight:600;margin-bottom:8px}.interest-group{display:flex;flex-wrap:wrap;gap:7px}.interest-chip{display:flex;align-items:center;gap:7px;border:1px solid #dfe5d8;border-radius:8px;background:#fff;color:#8b9581;font-size:11px;padding:9px 10px}.interest-chip[aria-pressed=true]{background:#edf3e2;border-color:#b8cba4;color:#446239}.interest-chip .chip-check{margin-left:3px;color:#7e9861;font-size:12px}.priority-distance{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;margin-top:20px;border-top:1px solid #e2e7da}.priority-distance b{font-size:11px;display:block}.priority-distance small{font-size:10px;color:#8b957f;display:block;margin-top:4px}.priority-distance select{padding:8px 12px;border:1px solid #dbe3d1;border-radius:8px;background:white;color:#567044;font-size:12px}.priorities-actions{position:sticky;bottom:0;background:#fbfcf7;border-top:1px solid #e2e7da;margin:0 -40px;padding:17px 40px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.priorities-actions p{font-size:10px;color:#7d896e;margin:0}.priorities-actions>div{display:flex;gap:10px;align-items:center}.priorities-actions button{font-size:12px;border:0;border-radius:9px;padding:12px 17px}#priorities-apply{background:#3e653f;color:white}#priorities-apply span{margin-left:14px}#priorities-cancel{background:none;color:#819072}.green-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}.green-fact{padding:12px;background:#f0f5eb;border:1px solid #dfe9d6;border-radius:8px}.green-fact b{font-size:22px;display:block;color:#527347}.green-fact span{display:block;font-size:10px;line-height:1.5;color:#7b8b6b;margin-top:5px}.green-detail-label{font-size:11px;color:#5b7350;margin:15px 0 5px}.nearby-options{display:grid;gap:6px;margin-top:10px}.nearby-option{border:1px solid #dce6d5;background:#fff;border-radius:7px;padding:9px;text-align:left;color:#61744e;font-size:11px}.nearby-option[aria-pressed=true]{background:#eef5e6;border-color:#a5bd8e}.nearby-option small{display:block;font-size:10px;margin-top:4px;color:#879677}.more-places{font-size:11px;background:#edf3e6;border:1px solid #d9e4ce;color:#557444;padding:8px 10px;border-radius:7px;margin-top:10px}.green-legend{display:flex;gap:10px;font-size:10px;color:#708562;flex-wrap:wrap}.green-legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--key);margin-right:5px}.empty-findings{font-size:13px;line-height:1.7;padding:20px 0;color:#7b8b70}.facility-route-label{font-size:9px}
@media(max-width:720px){#priorities-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:15px}.priorities-shell{padding:23px 20px 0}.priorities-intro h2{font-size:26px}.priorities-intro>p:last-child{font-size:12px;line-height:1.6}.profile-options{grid-template-columns:repeat(3,1fr);gap:7px}.profile-option{padding:11px 9px}.profile-option[aria-pressed=true]{padding:10px 8px}.profile-option small{font-size:9px}.profile-option[data-profile=custom]{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:8px 12px}.profile-option[data-profile=custom]>span{font-size:17px;margin:0}.priorities-subhead{display:block;margin-top:20px}.priorities-subhead span{display:block;margin-top:6px}#interest-options{grid-template-columns:1fr;gap:15px}.interest-chip{font-size:11px}.priorities-actions{margin:0 -20px;padding:13px 20px;flex-wrap:wrap;gap:8px}.priorities-actions>div{width:100%}.priorities-actions #priorities-apply{flex:1}.priorities-actions p{font-size:9px}.priority-distance select{font-size:11px}.green-fact b{font-size:20px}}

/* ---------- Explore mode (spike) ---------- */
.mode-switch{display:flex;background:#f1f4ee;border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}
.mode-switch button{border:0;background:transparent;color:#5d6c62;padding:7px 14px;border-radius:7px;font-size:13px;font-weight:600}
.mode-switch button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 4px #233f3522}
#explore-legend{display:none}





#explore-legend b{display:block;color:var(--ink);font-size:12px;margin-bottom:7px}
#explore-legend small{display:block;margin-top:6px;line-height:1.4}
.lg-ramp{height:10px;border-radius:5px}
.lg-ends{display:flex;justify-content:space-between;margin-top:3px}
.lg-steps{display:flex;flex-wrap:wrap;gap:4px 10px}
.lg-steps span{display:flex;align-items:center;gap:4px}
.lg-steps i{display:inline-block;width:11px;height:11px;border-radius:3px}



.lg-cov{color:#8a948c}
#explore-tip{position:absolute;left:0;top:0;z-index:460;pointer-events:none;background:#1f3329;color:#fff;font-size:12px;padding:6px 9px;border-radius:7px;max-width:280px;box-shadow:0 4px 14px #0003}
.ex-proto{background:#fff8e6;border:1px dashed #e2c98a;border-radius:10px;padding:8px 10px;margin-bottom:20px}
.ex-proto>span{display:block;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#8a6a1f;font-weight:700;margin-bottom:6px}
.ex-variants{display:flex;gap:5px;flex-wrap:wrap}
.ex-variants button{border:1px solid #e6d6ab;background:#fff;border-radius:7px;padding:5px 10px;font-size:12px;color:#5b4a1c}
.ex-variants button[aria-pressed="true"]{background:#5b4a1c;color:#fff;border-color:#5b4a1c}
.ex-title{font-size:27px;margin:0 0 8px}
.ex-lead{font-size:13px;color:#5f6d64;line-height:1.55;margin:0 0 16px}
.ex-prefs{margin-bottom:6px}
.ex-label{font-size:9px;letter-spacing:1.5px;color:#839175;font-weight:700;text-transform:uppercase;margin:18px 0 8px}
.ex-chips{display:flex;flex-wrap:wrap;gap:6px}


.ex-card{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fbfcf9}
.ex-card h2{font-size:18px;margin:0 0 4px}
.ex-sub{font-size:12px;color:var(--muted);margin:0 0 10px}
.ex-items{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.ex-items li{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;border-radius:8px;padding:7px 9px;background:#fff;border:1px solid var(--line);border-left:4px solid #c9cfc6}
.ex-items li.on{box-shadow:0 0 0 2px #9fbd8d}
.ex-items b{display:block;font-size:12.5px}.ex-items small{display:block;font-size:11px;color:var(--muted)}
.ex-items em{font-style:normal;font-size:9px;letter-spacing:.6px;text-transform:uppercase;font-weight:600}
.ex-items .st-met{border-left-color:#6f9562}.ex-items .st-met em{color:#4f7a44}
.ex-items .st-partly{border-left-color:#c39343}.ex-items .st-partly em{color:#a07425}
.ex-items .st-not{border-left-color:#bc6152}.ex-items .st-not em{color:#a24a3c}
.ex-items .st-unknown em{color:#8b948c}
.ex-ic{font-size:15px;text-align:center}
.ex-sentence{font-size:12.5px;line-height:1.55;color:#3f5248;margin:12px 0}
.ex-check{width:100%;border:0;background:var(--green);color:#fff;border-radius:9px;padding:11px;font-weight:600}
.ex-empty{border:1px dashed #d3ddd0;border-radius:12px;padding:16px;font-size:12.5px;color:#68766c;margin-top:16px;line-height:1.5}.ex-empty b{display:block;color:var(--ink);margin-bottom:4px}
.ex-axes{display:grid;gap:6px;margin:8px 0}.ex-axes div{display:grid;grid-template-columns:90px 1fr;align-items:center;font-size:12px}
.ex-axes i{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,#4e7f6a var(--v),#eef1ec var(--v))}
.ex-method{margin-top:18px;font-size:11.5px;color:#68766c;line-height:1.5}.ex-method summary{cursor:pointer;font-weight:600;color:var(--ink)}
@media(max-width:1050px){.header-note{display:none}}
@media(max-width:720px){.mode-switch button{padding:6px 9px;font-size:11px}.city-tag{display:none}}
@media(max-width:720px){.brand{white-space:nowrap;font-size:17px}header{gap:10px}}
.ex-scale{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ex-scale button{border:1px solid #dce5d7;background:#fff;border-radius:9px;padding:8px 10px;text-align:left;font-size:12.5px;font-weight:600;color:var(--ink)}
.ex-scale button small{display:block;font-weight:400;font-size:10.5px;color:var(--muted);margin-top:2px}
.ex-scale button[aria-pressed="true"]{background:#e7f0df;border-color:#9fbd8d}
.ex-items li{cursor:pointer}
.ex-scale-status{font-size:11.5px;color:#5f6d64;background:#f3f6f0;border-radius:8px;padding:7px 10px;margin:12px 0 0;line-height:1.45}
.ex-scale-status b{color:var(--ink)}
.ex-views{margin-top:16px}

.ex-axis-pick{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.ex-axis-pick label{display:flex;align-items:center;gap:4px;min-width:0;flex:1 1 140px}
.ex-axis-pick select{min-width:0;width:100%;border:1px solid #dce5d7;border-radius:7px;padding:5px 6px;background:#fff;font-size:12px;color:var(--ink)}
.ex-link{display:inline-block;border:0;background:none;color:var(--green);font-size:12px;text-decoration:underline;padding:0;margin-top:12px}
.ex-items small.ex-also{color:#8a948c;font-size:10.5px;margin-top:1px}




#explore-legend{display:block;position:absolute;z-index:450;right:14px;top:22px;max-width:280px;background:#fffffff2;border-radius:12px;padding:11px 13px;box-shadow:0 6px 24px #233f3520;font-size:11px;color:#55645a}
.ex-head{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:10px}
.ex-head .eyebrow{margin-bottom:4px}
.ex-title-sm{font-size:17px;margin:0}
.ex-prefs-sm{border:1px solid #dce5d7;background:#fff;border-radius:8px;padding:5px 9px;font-size:11px;color:#59714c;white-space:nowrap}
.ex-more{margin-top:10px;font-size:12px}
.ex-more>summary{cursor:pointer;color:var(--green);font-weight:600;font-size:12px}
.ex-more[open]>summary{margin-bottom:8px}







.ex-scale-status{font-size:11px;color:#6d7b71;margin:10px 0 0}
.ex-spot{margin-top:10px;border-top:1px solid var(--line);padding-top:10px;font-size:12.5px}
.ex-spot>b{display:block;margin-bottom:6px;color:var(--ink)}
.ex-spot>small{display:block;color:#5f6d64;line-height:1.5;margin-top:6px}


@media(max-width:720px){#explore-legend{top:auto;bottom:60px;right:8px;left:8px;max-width:none;padding:8px 10px}}

/* map search: any town or address in Croatia (Nominatim) */
#search-button{margin:0 8px 0 0!important}#search-form{position:absolute;top:80px;left:22px;z-index:460;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;width:min(470px,calc(100% - 44px));box-shadow:0 5px 20px #0001;display:flex;gap:8px;flex-wrap:wrap}#search-form[hidden]{display:none}#search-form label{font-size:10px;flex:1;min-width:180px}#search-form input{width:100%;display:block;border:1px solid #cbd6c8;border-radius:5px;padding:8px;margin-top:4px;font-size:14px}#search-form>button{align-self:end;background:var(--green);color:white;border:0;border-radius:6px;padding:9px 15px}#search-results{width:100%;display:flex;flex-direction:column;gap:2px}#search-results button{text-align:left;border:0;background:#f3f6f0;border-radius:6px;padding:8px 10px;font-size:13px;cursor:pointer}#search-results button small{display:block;color:#6b7768;font-size:11px}#search-results button:hover{background:#e6eee0}#search-error{font-size:11px;color:#a4442a;margin:0;width:100%}@media (max-width:700px){#search-form{top:68px;left:14px;right:14px;width:auto}}