@font-face{
  font-family:"Manrope";src:url("/fonts/manrope-latin-ext.woff2") format("woff2");font-weight:700 800;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Manrope";src:url("/fonts/manrope-latin.woff2") format("woff2");font-weight:700 800;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Inter";src:url("/fonts/inter-latin-ext.woff2") format("woff2");font-weight:400 800;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Inter";src:url("/fonts/inter-latin.woff2") format("woff2");font-weight:400 800;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{font-family:"DM Mono";src:url("/fonts/38f8abefb8f859c4.ttf") format("truetype");font-weight:400;font-display:swap}

:root{
  color-scheme:light;
  --page:#f2f8f8;--surface:#fff;--surface-muted:#edf4f2;--ink:#102e35;--muted:#506973;
  --line:#cee1e4;--line-strong:#bbcecf;--teal:#08758c;--teal-dark:#073a46;--teal-light:#e0f2f4;
  --green:#28754e;--amber:#85500c;--red:#c5323d;
  --radius:19px;--shadow:0 3px 8px #123d4510;
  --display:"Manrope",Arial,sans-serif;--sans:"Inter",Arial,sans-serif;--mono:"DM Mono",ui-monospace,monospace;
  --title-size:clamp(36px,5.4vw,64px);
  --section-size:clamp(25px,3.4vw,40px);
  --card-title-size:clamp(19px,1.85vw,24px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;background:var(--page);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;letter-spacing:-.025em}
h1{font-size:var(--title-size);font-weight:800;line-height:1.08;letter-spacing:-.04em}
h2{font-size:var(--section-size);line-height:1.16;letter-spacing:-.035em}
h3{font-size:var(--card-title-size);line-height:1.23}
time,.data-label,.unit{font:400 12px/1.45 var(--mono);letter-spacing:0}
a{color:var(--teal);text-underline-offset:.22em}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:progress;opacity:.65}
a,button,input,select,summary{touch-action:manipulation}
:focus-visible{outline:3px solid #146f9c;outline-offset:4px}
::selection{background:#b9e9e7;color:var(--ink)}
[hidden]{display:none!important}
.wrap,.dashboard > section{width:min(1248px,calc(100% - 88px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip{position:fixed;z-index:1500;left:12px;top:-100px;padding:10px 14px;border-radius:8px;background:var(--surface);font-weight:700}
.skip:focus{top:12px}
.icon{display:inline-grid;place-items:center;width:20px;height:20px;vertical-align:middle;flex:none}
.icon-inline{width:1em;height:1em;vertical-align:-.14em}
.icon::before,summary::before,.leaflet-control-zoom a::before,a.leaflet-popup-close-button::before {
  content:"";
  background:currentColor;
  mask:var(--glyph) center/contain no-repeat;
}
.icon::before{display:block;width:100%;height:100%}
.icon-air{--glyph:url("/icons/phosphor/wind.svg")}
.icon-pin{--glyph:url("/icons/phosphor/map-pin.svg")}
.icon-arrow{--glyph:url("/icons/phosphor/arrow-right.svg")}
.icon-up{--glyph:url("/icons/phosphor/arrow-up.svg")}
.icon-close{--glyph:url("/icons/phosphor/x.svg")}
.icon-layers{--glyph:url("/icons/phosphor/stack.svg")}
.icon-factory{--glyph:url("/icons/phosphor/factory.svg")}
.icon-clock{--glyph:url("/icons/phosphor/clock.svg")}
.icon-chart{--glyph:url("/icons/phosphor/chart-line-up.svg")}
.icon-refresh{--glyph:url("/icons/phosphor/arrows-clockwise.svg")}
.icon-info{--glyph:url("/icons/phosphor/info.svg")}
.icon-file{--glyph:url("/icons/phosphor/file-text.svg")}
.icon-calendar{--glyph:url("/icons/phosphor/calendar-blank.svg")}
.icon-home{--glyph:url("/icons/phosphor/house-line.svg")}
.weather-icon{--glyph:url("/icons/phosphor/cloud-slash.svg")}
.weather-icon[data-weather="sun"]{--glyph:url("/icons/phosphor/sun.svg")}
.weather-icon[data-weather="moon"]{--glyph:url("/icons/phosphor/moon.svg")}
.weather-icon[data-weather="cloud"]{--glyph:url("/icons/phosphor/cloud.svg")}
.weather-icon[data-weather="rain"]{--glyph:url("/icons/phosphor/cloud-rain.svg")}
.weather-icon[data-weather="snow"]{--glyph:url("/icons/phosphor/cloud-snow.svg")}
.weather-icon[data-weather="fog"]{--glyph:url("/icons/phosphor/cloud-fog.svg")}
.weather-icon[data-weather="storm"]{--glyph:url("/icons/phosphor/cloud-lightning.svg")}
summary{list-style:none}
summary::-webkit-details-marker{display:none}
summary::before{
  --glyph:url("/icons/phosphor/caret-right.svg");
  display:inline-block;
  width:.9em;
  height:.9em;
  margin-inline-end:.35em;
  vertical-align:-.06em;
}
details[open] > summary::before{transform:rotate(90deg)}

.mast{position:sticky;inset:0 0 auto;z-index:900;border-bottom:1px solid var(--line);background:var(--surface)}
.mast-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:73px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font:800 25px/1 var(--display);letter-spacing:-.045em;text-decoration:none;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--teal-light)}
.brand img{object-fit:contain}
.brand-accent{color:var(--teal)}
.brand small{display:block;margin-top:5px;color:var(--muted);font:400 11px/1.25 var(--mono);letter-spacing:.04em}
.mast nav{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}
.mast nav a{display:inline-flex;align-items:center;min-height:38px;padding:6px 10px;border-radius:9px;color:var(--muted);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.mast nav a:hover,.mast nav a[aria-current]{background:var(--teal-light);color:var(--teal-dark)}
.mast nav .mobile-source{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:11px;background:var(--surface);color:var(--teal-dark);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .18s,border-color .18s}
.btn:hover{background:var(--teal-light);border-color:#90b7b8}
.btn-small{min-height:38px}
.btn-small .icon,.subtle .icon{width:17px;height:17px}
.btn-primary{padding-inline:14px;background:var(--teal);border-color:var(--teal);color:var(--surface)}
.btn-primary:hover{background:var(--teal-dark);border-color:var(--teal-dark)}
.btn-primary .end-icon{margin-left:3px;width:17px;height:17px;transition:transform .18s}
.btn-primary:hover .end-icon{transform:translateX(2px)}
.subtle{display:inline-flex;align-items:center;gap:6px;min-height:36px;border:0;border-radius:8px;padding:4px 8px;background:none;color:var(--teal);font-size:14px;font-weight:600}
.subtle:hover{background:#e3efed}

.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:5px 13px;font:400 11px/1.45 var(--mono);color:var(--muted)}
.crumb>span{display:inline-flex;align-items:center;gap:5px;color:var(--teal);text-transform:uppercase;letter-spacing:.05em}
.crumb .icon{width:15px;height:15px}
.crumb time:not(:empty){padding-left:13px;border-left:1px solid var(--line-strong)}
.textlink,.inline-link{display:inline-flex;align-items:center;gap:5px;color:var(--teal);font-size:14px;font-weight:600;text-decoration:none}
.textlink:hover,.inline-link:hover{text-decoration:underline}
.textlink span,.inline-link span{margin-left:2px}

.overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.iconbox,.section-icon{display:inline-grid;place-items:center;flex:none;width:39px;height:39px;border-radius:11px;background:#e5f2ed;color:var(--teal)}
.iconbox .icon{width:22px;height:22px}
.iconbox.sky{background:#e2f2f8;color:#155d77}
.iconbox.peach{background:#e4eef7;color:#245a76}
.stat-value{margin:0 0 6px;color:var(--ink);font:700 clamp(22px,2.7vw,33px)/1.13 var(--display);letter-spacing:-.035em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.tone-good{color:var(--green)}.tone-mid{color:var(--amber)}.tone-poor{color:var(--red)}
.badge{display:inline-flex;align-items:center;max-width:100%;padding:4px 8px;border-radius:7px;background:#eef3f2;color:#435f61;font:400 11px/1.35 var(--mono);letter-spacing:.025em;text-transform:uppercase}
.badge.measure{background:#e2f1de;color:#315932}
.badge.model{background:#e0f2f4;color:#16576c}
.metrics{display:flex;flex-wrap:wrap;gap:5px 12px;margin:5px 0 2px;color:var(--muted);font-size:13px}
.metrics b{padding-left:2px;color:var(--ink);font-variant-numeric:tabular-nums}
.fine,.data-note,.bodycopy{color:var(--muted);font-size:13px;line-height:1.5}
.fine{margin:7px 0 0;font-size:12px}
.bodycopy{margin:0;font-size:16px;line-height:1.6}
.inline-link{margin-top:8px}
.data-note{display:flex;align-items:flex-start;gap:7px;margin:10px 2px 0;font-size:12px}
.data-note .icon{width:16px;height:16px;color:var(--teal)}

.region{margin-top:clamp(45px,6.5vw,79px)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:14px}
.section-head h2{margin:4px 0 3px}
.section-head p:not(.eyebrow){max-width:680px;margin:0;color:var(--muted);font-size:16px}
.eyebrow{display:flex;align-items:center;gap:7px;margin:0;color:var(--teal);font:400 11px/1.45 var(--mono);letter-spacing:.065em}
.eyebrow i{background:#60943a}
.section-icon{width:42px;height:42px;background:#e4efef;color:var(--teal)}
.section-icon .icon{width:24px;height:24px}

.map-frame{overflow:hidden}
.map-toolbar,.plot-top,.doc-tools{display:flex;align-items:center;justify-content:space-between;gap:11px}
.map-toolbar{padding:12px 15px}
.segments{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0}
.segments button{min-height:37px;padding:6px 10px;border:1px solid transparent;border-radius:8px;background:#edf4f3;color:#36585d;font-size:14px;font-weight:600;transition:background .16s,color .16s}
.segments button:hover{border-color:#a0bdc0}
.segments button[aria-pressed=true]{background:var(--teal-dark);color:#fff}
.map-pane{position:relative;min-height:434px;background:#e3efea}
#map{position:absolute;inset:0;background:#e3efea}
#map.picking,#map.picking *{cursor:crosshair}
.map-wait{position:absolute;inset:0;z-index:450;display:grid;place-items:center;padding:14px;pointer-events:none;text-align:center;color:#244e4b;font-weight:700}
.map-side{border-left:1px solid var(--line);padding:17px;background:#f8fbfa}
.map-side-title{display:flex;align-items:center;gap:7px;margin:0 0 11px;font-size:16px;letter-spacing:-.026em}
.map-side-title .icon{color:var(--teal);width:18px;height:18px}
.layers{display:grid;gap:3px;border:0;margin:0 0 8px;padding:0}
.layers label{display:flex;align-items:center;gap:7px;min-height:32px;padding:3px 5px;border-radius:7px;font-size:13px;cursor:pointer}
.layers label:hover{background:#e9f3f0}
.layers input{accent-color:var(--teal);width:16px;height:16px;margin:0;flex:none}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
.dot.plant{background:#a95727}.dot.station{background:#206d99}.dot.wind{background:#167956}.dot.sector{background:#60943a}.dot.plan{background:#8054a2}
.map-wind{border-top:1px solid var(--line);margin:6px 0 8px;padding-top:9px;font-size:13px;font-weight:700}
.field-label{display:block;margin-bottom:4px;font-size:12px;font-weight:700}
select,input[type=search],.coords input{min-height:39px;max-width:100%;border:1px solid var(--line-strong);border-radius:8px;padding:7px 9px;background:#fff}
.map-side select{width:100%}
.local{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px}
.local h3,.report h3{margin:0}
.local p{margin:3px 0 7px;color:var(--muted)}
.local ul{margin:8px 0;padding-left:18px;font-size:13px}
.local ul:empty{display:none}
.coords{display:flex;align-items:end;flex-wrap:wrap;gap:8px}
.coords label{display:grid;gap:3px;color:var(--muted);font-size:11px;font-weight:700}
.coords input{width:111px;font-size:13px}
.leaflet-tile-pane{filter:saturate(.73)}
.leaflet-popup-content{font-family:var(--sans)}
.leaflet-control-zoom-in{--glyph:url("/icons/phosphor/plus.svg")}
.leaflet-control-zoom-out{--glyph:url("/icons/phosphor/minus.svg")}
.leaflet-popup-close-button{--glyph:url("/icons/phosphor/x.svg")}
.leaflet-control-zoom a > span,a.leaflet-popup-close-button > span{display:none}
.leaflet-control-zoom a::before,a.leaflet-popup-close-button::before{display:inline-block;width:16px;height:16px;vertical-align:middle}
.leaflet-container .wind-glyph{display:grid;place-items:center;border:0;background:none;color:#0a634d}
.wind-glyph > span{transform:rotate(var(--angle));transition:transform .25s}
.wind-glyph .icon{width:28px;height:28px;filter:drop-shadow(0 1px 2px #fff)}

.plot-card{padding:clamp(13px,2.25vw,24px)}
.plot-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 9px;margin:13px 0 6px}
.plot-label{grid-column:1/-1;color:var(--muted);font:400 11px/1.5 var(--mono);text-transform:uppercase}
.plot-summary strong{color:var(--teal-dark);font:700 clamp(28px,3.6vw,42px)/1.2 var(--display);letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.plot-wind{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:13px}
.plot-wind .icon{width:17px;height:17px}
.chart{display:grid;align-items:center;min-height:152px;min-width:0}
.chart svg{display:block;width:100%;height:auto;overflow:visible}
.chart svg text{fill:#4b686b;font:12px var(--mono)}
.chart-empty{display:grid;place-items:center;min-height:148px;border:1px dashed var(--line-strong);border-radius:10px;padding:12px;color:var(--muted);text-align:center;font-size:14px}
.range-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:7px 0 10px;padding:8px 10px;border-radius:10px;background:#edf5f3;color:var(--muted);font-size:13px;font-weight:700}
.range-row input{width:100%;min-width:0;min-height:26px;accent-color:var(--teal)}
.range-row output{min-width:56px;color:var(--teal-dark);text-align:right;font-variant-numeric:tabular-nums}
.data-table{border-top:1px solid var(--line);padding:8px 0;font-size:13px}
.data-table summary,.explain summary{color:var(--teal-dark);font-weight:700;cursor:pointer}
.data-table>div{max-height:300px;overflow:auto}
table{width:100%;border-collapse:collapse;margin-top:7px;text-align:left;font-size:13px}
td,th{border-bottom:1px solid var(--line);padding:6px 8px;white-space:nowrap}
thead{background:#f1f6f5}
.form-row{display:flex;flex-wrap:wrap;gap:8px}
.form-row label,.catalog-bar{color:var(--muted);font-size:13px;font-weight:700}
.form-row select{margin-left:3px}
.history-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:13px 0}
.history-stats>div{padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#f3f8f6;font-size:13px}
.history-stats strong{display:block;color:var(--teal-dark);font:700 22px/1.4 var(--display);letter-spacing:-.035em}
.catalog-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.plant-card{padding:16px}
.plant-card h3{margin:7px 0 2px;font-size:19px;letter-spacing:-.035em}
.plant-card p{margin:0 0 8px;color:var(--muted)}
.plant-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:11px}
.plant-links a{font-size:12px;font-weight:700}
.document-card{padding:12px 15px}
.doc-tools{padding:3px 0 12px}
.doc-row{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0;border-top:1px solid var(--line)}
.doc-row .iconbox{width:35px;height:35px}
.doc-row h3{margin:2px 0;font-size:19px}
.doc-row p{margin:0;color:var(--muted);font-size:12px}
.doc-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.doc-meta time{color:var(--muted);font:400 11px var(--mono)}
.sources-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}
.explain,.report{padding:16px}
.explain details{border-bottom:1px solid var(--line);padding:9px 0}
.explain details:first-child{padding-top:0}
.explain details:last-child{border:0}
.explain p,.report p{margin:7px 0;color:var(--muted)}
.explain a{font-size:13px}
.report h3{margin-top:8px}
.report .btn{margin-top:5px;white-space:normal}
.footer{margin-top:52px;padding:9px 0;border-top:1px solid var(--line);color:var(--muted)}
.footer p,.footer-inner>a:last-child{font-size:13px}
.noscript{padding:12px;text-align:center}

@media(max-width:1000px){
  .wrap,.dashboard > section{width:calc(100% - 48px)}
  .mast-inner{gap:13px}
  .mast nav a{padding-inline:7px}
  .mast-source{display:none}
  .mast nav .mobile-source{display:inline-flex}
}
@media(min-width:756px) and (max-width:810px){
  .mast nav a{padding-inline:4px}
}
@media(max-width:755px){
  html{scroll-padding-top:115px}
  .wrap,.dashboard > section{width:calc(100% - 34px)}
  .mast-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-height:0;padding-block:8px 6px}
  .brand{font-size:23px}
  .brand-mark{width:33px;height:33px;border-radius:9px}
  .brand-mark img{width:17px;height:23px}
  .mast nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;gap:2px;padding:4px}
  .mast nav a{min-height:36px;padding-inline:9px;flex:none}
  .card-top{margin-bottom:6px}
  .map-pane{min-height:clamp(290px,64vw,395px)}
  .map-side{border-top:1px solid var(--line);border-left:0;padding:12px}
  .layers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .layers label{min-height:36px;padding-inline:2px}
  .map-toolbar,.doc-tools{flex-wrap:wrap}
  .overview{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .wrap,.dashboard > section{width:calc(100% - 28px)}
  .crumb{gap:4px 8px}
  .crumb time:not(:empty){padding-left:8px}
  .stat-value{font-size:25px}
  .section-icon{display:none}
  .plot-top{align-items:flex-start;flex-wrap:wrap}
  .plot-summary{grid-template-columns:1fr}
  .plot-wind{margin-top:3px}
  .range-row{grid-template-columns:1fr auto;gap:3px}
  .range-row input{grid-column:1/-1;grid-row:2}
  .range-row output{grid-column:2;grid-row:1}
  .history-stats strong{font-size:18px}
  .overview,.sources-grid{grid-template-columns:minmax(0,1fr)}
  .doc-row{grid-template-columns:30px minmax(0,1fr);gap:7px}
  .doc-row .iconbox{width:28px;height:28px}
  .doc-row .btn{grid-column:2;justify-self:start}
  .footer-inner{align-items:flex-start;flex-direction:column;gap:6px}
  .footer p{margin:0}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

.industry-filters { align-items:end; gap:9px 13px; }
.industry-filters label { display:grid; gap:4px; }
.industry-filters select { min-width:116px; }
#prtr-summary { margin:0 0 12px; }
#map-mode-note { margin:6px 0 11px; }
#plant-details-open { margin-top:9px; }
.dot.project { background:#785290; }
.detail-dialog {
  width:min(100%,650px);
  max-width:100%;
  max-height:100%;
  height:100dvh;
  margin:0 0 0 auto;
  padding:0;
  overflow:auto;
  overscroll-behavior:contain;
  border:0;
  background:var(--surface);
  color:var(--ink);
  box-shadow:-10px 0 45px #0a2d4350;
}
.detail-dialog::backdrop { background:#07273269; }
.detail-header {
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:12px;
  padding:18px 22px 13px;
  border-bottom:1px solid var(--line);
  background:#fafdfe;
}
.detail-header h2 { margin:2px 0 0; font-size:clamp(23px,5vw,32px); line-height:1.12; }
.detail-content { padding:10px 22px 26px; }
.detail-content section { padding:12px 0; border-bottom:1px solid var(--line); }
.detail-content h3 { margin:0 0 5px; font-size:17px; letter-spacing:-.025em; }
.detail-content p,.detail-content ul { margin:6px 0; color:var(--muted); font-size:14px; }
.detail-content ul { padding-left:19px; }
.daily-dialog {
  width: min(650px, calc(100% - 28px));
  height: fit-content;
  max-height: calc(100dvh - 28px);
  margin: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: 0 22px 64px #07273250;
}
.daily-dialog::backdrop { backdrop-filter: blur(3px); }
.daily-dialog .detail-header { align-items: center; background: var(--page); }
.daily-dialog .detail-content { padding-block-start: 18px; }
.daily-dialog .detail-header .btn { gap: 6px; padding-inline: 10px; }
.daily-dialog .detail-header .icon { width: 16px; height: 16px; }
.daily-dialog .detail-content > p:empty { display: none; }
.daily-air-reading {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--page);
}
.daily-air-reading .stat-value { display: inline; margin-inline-end: 5px; font-size: 18px; }
.air-particles { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin: 12px 0; }
.air-particles > div { padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; }
.air-particles dt, .particle-origin { color: var(--muted); font: 400 12px/1.45 var(--mono); }
.air-particles dd { margin: 4px 0 0; font: 700 22px/1.2 var(--display); }
.particle-origin { display: block; margin-top: 3px; }
.industry-facts { display:grid; grid-template-columns:minmax(80px,auto) minmax(0,1fr); gap:5px 11px; margin:10px 0; font-size:13px; }
.industry-facts dt { font-weight:700; }
.industry-facts dd { margin:0; overflow-wrap:anywhere; }
.source-panel { margin-top:12px; padding:14px 16px; }
.source-panel>h3 { margin:0 0 8px; font-size:18px; }
.source-panel>.btn { margin-top:12px; }
.source-row,.monitor-entry { border-top:1px solid var(--line); padding:9px 0; }
.source-row summary { cursor:pointer; color:var(--teal-dark); }
.source-row summary .badge { margin-left:7px; }
.source-row p { margin:3px 0; font-size:13px; color:var(--muted); }
.monitor-entry h4 { margin:2px 0; font-size:15px; }
@media(max-width:755px){
  .mast nav { overflow-x:auto; }
}
@media(max-width:480px){
  .changes-region .section-head { align-items:start; flex-direction:column; gap:8px; }
  .detail-header,.detail-content { padding-inline:13px; }
}
.permit-change { margin-top:5px; font-size:13px; }
.permit-change summary { cursor:pointer; color:var(--teal); font-weight:700; }

.explain-inline{margin:6px 0;font-size:13px}
.explain-inline summary{min-height:28px;padding:3px 0;font-weight:700;color:var(--teal-dark);cursor:pointer}
.explain-inline p{margin:3px 0 8px;max-width:65ch}
.map-guide{padding:8px 14px;border-top:1px solid var(--line);background:#f1f7f5}
.map-guide summary{min-height:30px;cursor:pointer;font-weight:800;color:var(--teal-dark)}
.map-guide ul{margin:6px 0 8px;padding-left:22px;font-size:14px}
.map-guide li{margin:4px 0}
.layer-entry{min-width:0}
.layer-explain{margin:0 0 4px 9px;color:var(--muted)}
.layer-explain summary{min-height:25px;font-size:12px}
.chart-title{margin:16px 0 2px;font-size:18px;line-height:1.25;letter-spacing:-.03em}
.chart-conclusion{margin:4px 0 12px;font-size:14px;font-weight:700}

.forecast-at-a-glance {
  margin: 10px 0 16px;
  padding: 12px 15px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--page);
}
.forecast-at-a-glance p { margin: 3px 0; }
.forecast-weather { font: 700 var(--card-title-size)/1.25 var(--display); letter-spacing: -.025em; }
.weather-value { white-space: nowrap; font: 700 clamp(28px, 2.7vw, 42px)/1.12 var(--display); letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.forecast-details { margin-top: 12px; }
.doc-row > div > p > a { display: inline-flex; align-items: center; min-height: 25px; }

.today-panel {
  position: relative;
  isolation: isolate;
  padding-top: clamp(20px, 3vw, 38px);
}
.today-panel::before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: min(38%, 360px);
  height: 145px;
  background: url("/images/daily/contours.svg") right top / 100% auto no-repeat;
  mask-image: linear-gradient(110deg, transparent, #000 38%);
  opacity: .48;
  content: "";
  pointer-events: none;
}
.daily-landscape {
  min-height: clamp(132px, 16vw, 238px);
  margin-top: clamp(14px, 2vw, 26px);
  background:
    linear-gradient(to bottom, var(--page), #f2f8f829 28%, #f2f8f819 66%, var(--page)),
    linear-gradient(90deg, #f2f8f865, #f2f8f848 52%, #f2f8f865),
    url("/images/daily/landscape.webp") center 94% / cover no-repeat;
}
.daily-landscape + .region { margin-top: clamp(20px, 2.7vw, 38px); }
.daily-header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-bottom: 16px;
  padding-inline: clamp(3px, 1.4vw, 21px);
}
.daily-header .eyebrow {
  gap: 8px;
  color: var(--teal-dark);
  font-size: 12px;
}
.daily-header .eyebrow .icon { width: 19px; height: 19px; color: #087960; }
.daily-header h1 { margin: 7px 0 0; }
.daily-header h1::after {
  display: block;
  width: 51px;
  height: 5px;
  margin-top: 11px;
  border-radius: 999px;
  background: linear-gradient(90deg, #78c77a, #3f9d6e);
  content: "";
}
.daily-date { display: flex; align-items: center; gap: 8px; padding-bottom: 13px; color: var(--muted); }
.daily-date .icon { width: 19px; height: 19px; }
.daily-board {
  padding: clamp(12px, 1.45vw, 19px);
  border-radius: 23px;
  background: linear-gradient(135deg, var(--surface), #fbfdfd 70%, #f5f9f9);
  box-shadow: 0 12px 29px #073a4618, 0 2px 6px #073a460c;
}
.daily-overview { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(9px, 1.05vw, 14px); }
.daily-air {
  align-content: center;
  padding: clamp(17px, 2.6vw, 32px);
  background: linear-gradient(90deg, #073a4680 10%, #073a4640 58%, transparent),
    url("/images/daily/air.webp") right center / cover no-repeat var(--teal-dark);
  color: var(--surface);
  border-radius: calc(var(--radius) - 5px);
}
.daily-kicker { display: flex; align-items: center; gap: 10px; color: var(--surface); font: 400 12px/1.45 var(--mono); letter-spacing: .055em; }
.daily-kicker .icon { width: clamp(19px, 2.25vw, 31px); height: clamp(19px, 2.25vw, 31px); }
.daily-air[data-tone="good"] .daily-kicker .icon { color: #a1e5b7; }
.daily-air[data-tone="mid"] .daily-kicker .icon { color: #f7dc9d; }
.daily-air[data-tone="poor"] .daily-kicker .icon { color: #ffb9bc; }
.daily-air h2 { margin: 10px 0 7px; max-width: 20ch; font-size: clamp(28px, 3.1vw, 44px); line-height: 1.1; text-wrap: balance; }
.daily-air p { margin: 4px 0 8px; font-size: clamp(16px, 1.25vw, 17px); max-width: 52ch; }
.daily-air :focus-visible { outline-color: #b4eefa; }
.daily-dialog-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 38px;
  padding: 4px 0;
  border: 0;
  background: none;
  color: var(--teal-dark);
  font-size: 14px;
  font-weight: 600;
  text-align: start;
}
.daily-dialog-link:hover { text-decoration: underline; text-underline-offset: .23em; }
.daily-air .daily-dialog-link {
  color: #e2f4f5;
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: .23em;
}
.daily-air .daily-dialog-link:hover { color: var(--surface); }
.daily-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(8px, 1vw, 13px);
  margin: 0;
}
.daily-metric {
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: 222px;
  overflow: hidden;
  padding: clamp(11px, 1.25vw, 18px);
  border: 1px solid var(--line);
  border-radius: 15px;
  background-color: #f3f8fa;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-shadow: 0 4px 12px #073a460c;
}
.daily-metric dt { display: flex; align-items: center; gap: clamp(5px, .65vw, 9px); margin-bottom: 11px; color: var(--ink); font: 700 clamp(18px, 1.65vw, 22px)/1.2 var(--display); letter-spacing: -.025em; }
.daily-icon {
  display: inline-grid;
  flex: none;
  place-items: center;
  width: clamp(31px, 3.1vw, 43px);
  height: clamp(31px, 3.1vw, 43px);
  color: #075363;
}
.daily-icon .icon { width: 78%; height: 78%; }
.daily-metric dd { margin: 0; overflow-wrap: anywhere; }
.daily-metric dd strong { display: block; margin: 0 0 5px; font: 700 clamp(19px, 1.65vw, 23px)/1.2 var(--display); letter-spacing: -.025em; }
.daily-metric dd > span:not(:empty) { display: block; margin: 3px 0; color: var(--muted); font-size: 16px; }
.daily-metric-weather {
  background: #edf6fb url("/images/daily/weather.jpg") center / 111% 109% no-repeat;
}
.daily-metric-wind { background-image: url("/images/daily/windsock.webp"); }
.daily-metric-window {
  --window-surface: #f0f6f8;
  --window-border: var(--line);
  --window-ink: var(--teal-dark);
  --window-art-filter: grayscale(1);
  border-color: var(--window-border);
  background-color: var(--window-surface);
}
.daily-metric-window::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("/images/daily/ventilation.jpg") center / 111% 109% no-repeat;
  filter: var(--window-art-filter);
  opacity: .86;
  pointer-events: none;
}
.daily-metric-window:has(.tone-good) {
  --window-surface: #e0f4e8;
  --window-border: #a1cdb2;
  --window-ink: var(--green);
  --window-art-filter: none;
}
.daily-metric-window:has(.tone-mid) {
  --window-surface: #fff1d7;
  --window-border: #dec293;
  --window-ink: var(--amber);
  --window-art-filter: hue-rotate(-90deg) saturate(1.25);
}
.daily-metric-window:has(.tone-poor) {
  --window-surface: #fbe7e9;
  --window-border: #dda9af;
  --window-ink: var(--red);
  --window-art-filter: hue-rotate(-133deg) saturate(1.25);
}
.daily-metric-window .daily-icon { color: var(--window-ink); }
.daily-forecast { margin-top: clamp(17px, 2.1vw, 30px); }
.daily-section-title { display: flex; align-items: center; justify-content: space-between; gap: 7px 13px; margin-bottom: 10px; }
.daily-section-title h2 { margin: 0; font-size: clamp(22px, 2.6vw, 36px); }
.daily-section-title .inline-link { flex: none; min-height: 34px; margin: 0; font-size: 15px; }
.daily-section-title .icon { width: 18px; height: 18px; }
.daily-hours { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(8px, .95vw, 13px); }
.daily-hours > a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  padding: clamp(10px, 1.2vw, 16px);
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  background: linear-gradient(145deg, #fff, #f3f8f8);
  color: var(--ink);
  font-size: clamp(13px, 1.2vw, 16px);
  line-height: 1.27;
  text-decoration: none;
  box-shadow: 0 4px 11px #073a460a;
  transition: border-color .18s, background .18s, box-shadow .18s;
}
.daily-hours > a:hover { border-color: var(--teal); background: var(--page); box-shadow: 0 5px 13px #073a4615; }
.daily-hours > a[data-hour="0"] { border-color: var(--teal); }
.daily-hour-time { padding: 3px 10px; border-radius: 999px; background: #e7eef0; color: #35515c; font: 400 12px/1.45 var(--mono); }
.daily-hours > a[data-hour="0"] .daily-hour-time { background: #d9f5e8; color: var(--teal-dark); }
.daily-hour-reading { display: flex; align-items: center; gap: clamp(7px, .95vw, 13px); width: 100%; }
.daily-hour-reading .daily-icon { width: clamp(30px, 3.7vw, 51px); height: clamp(30px, 3.7vw, 51px); }
.daily-hour-reading > span:last-child { min-width: 0; padding-inline-start: clamp(7px, .95vw, 13px); border-inline-start: 1px solid var(--line); overflow-wrap: anywhere; }
.daily-hours strong { display: block; color: var(--ink); font: 700 clamp(28px, 2.3vw, 34px)/1.12 var(--display); letter-spacing: -.035em; }
.daily-hours .weather-value { font: inherit; white-space: normal; }
.daily-hours small { margin-top: auto; color: var(--muted); font-size: clamp(12px, 1.1vw, 15px); }
.daily-hours > p { grid-column: 1/-1; }
.daily-context { display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: 0 18px; margin-top: clamp(12px, 1.5vw, 21px); }
.daily-disclosures, .daily-freshness { display: flex; flex-wrap: wrap; align-items: start; gap: 0 14px; }
.daily-freshness { align-items: center; gap: 0 10px; }
.daily-freshness .data-note { margin: 0; font-size: clamp(12px, 1.1vw, 14px); }
.daily-freshness .data-note .icon { width: 18px; height: 18px; }
.daily-freshness .subtle { min-height: 38px; padding-left: 10px; border-inline-start: 1px solid var(--line); border-radius: 0; }
.daily-freshness .subtle .icon { width: 20px; height: 20px; }

.map-pane { min-height: clamp(300px, 38vw, 490px); }
.map-tools { display: flex; flex-wrap: wrap; align-items: start; gap: 0 16px; padding: 7px 16px; border-top: 1px solid var(--line); }
.map-guide, .map-options { flex: 0 1 auto; padding: 0; margin: 0; border: 0; background: var(--surface); font-size: 14px; }
.map-tools > details[open] { flex-basis: 100%; }
.map-tools summary, .forecast-details > summary { cursor: pointer; color: var(--teal-dark); font-size: 14px; font-weight: 600; min-height: 34px; padding-block: 5px; }
.map-side { max-width: 760px; border: 0; padding: 10px; border-radius: 10px; background: var(--page); }
.map-side select { width: auto; }
.map-options .segments { margin: 5px 0; }
.local { display: block; border-top: 1px solid var(--line); padding: clamp(13px, 2vw, 22px); }
.place-search { display: flex; align-items: stretch; gap: 7px; margin: 9px 0 7px; max-width: 570px; }
.place-search input { flex: 1; min-width: 0; }
.place-search .btn { min-height: 40px; }
.local select { margin-right: 5px; }
.local .place-results { display: flex; flex-wrap: wrap; gap: 6px; padding: 0; list-style: none; }
.local .place-results:empty { display: none; }
.local p:empty { display: none; }
.leaflet-container .map-pin { display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; background: #8f4727; color: #fff; font: 800 14px var(--sans); box-shadow: 0 2px 5px #102e3560; }
.leaflet-container .map-pin-project { background: #65487d; }
.leaflet-container .map-pin:focus-visible { outline: 3px solid var(--teal); outline-offset: 2px; }
.map-popup-item + .map-popup-item { border-top: 1px solid var(--line); margin-top: 7px; padding-top: 7px; }
.map-popup-item .subtle { padding-inline: 0; }

.changes-stories { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-block: 1px solid var(--line); }
.changes-story { padding: 14px clamp(13px, 1.7vw, 22px); }
.changes-story + .changes-story { border-left: 1px solid var(--line); }
.changes-story h3 { margin: 6px 0; }
.changes-story h3 a { color: var(--teal-dark); text-decoration: none; }
.changes-story h3 a:hover { text-decoration: underline; }
.changes-story h3 a span, .inline-link span { display: inline-block; color: var(--teal); transition: transform .18s; }
.changes-story h3 a:hover span, .inline-link:hover span { transform: translate(2px,-2px); }
.changes-story .kb-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; color: var(--muted); font-size: 12px; }
.changes-story > p { margin: 7px 0; }
.changes-story dl { display: grid; gap: 8px; margin: 10px 0 0; padding-top: 9px; border-top: 1px solid var(--line); font-size: 13px; }
.changes-story dt { font-weight: 800; }
.changes-story dd { margin: 1px 0 0; color: var(--muted); }
.local-numbers { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--line); }
.local-numbers > div { padding: clamp(12px, 2vw, 20px); background: var(--surface); }
.local-numbers dt { color: var(--muted); font-size: 14px; }
.local-numbers dd { margin: 2px 0 0; }
.local-numbers strong { display: block; color: var(--teal-dark); font: 700 clamp(19px, 3vw, 36px)/1.17 var(--display); letter-spacing: -.035em; }
.local-numbers small { color: var(--muted); font: 400 12px/1.45 var(--mono); }
.more-links { display: flex; flex-wrap: wrap; gap: 7px; }
#wiecej .region { margin-top: clamp(31px, 4.2vw, 54px); }

@media (max-width: 950px) {
  .daily-overview { grid-template-columns: minmax(0,1fr); }
}
@media (min-width: 951px) and (max-width: 1080px) {
  .daily-metric dt { gap: 6px; font-size: 17px; }
  .daily-metric .daily-icon { width: 28px; height: 28px; }
}
@media (max-width: 755px) {
  .mast nav { padding-inline: 0; justify-content: space-between; }
  .mast nav a { padding-inline: clamp(5px, 1.8vw, 10px); }
  .section-head { flex-wrap: wrap; gap: 6px 12px; }
  .changes-stories, .local-numbers { grid-template-columns: minmax(0,1fr); }
  .changes-story + .changes-story { border-left: 0; border-top: 1px solid var(--line); }
  .daily-date { padding-bottom: 0; }
  .daily-metric { min-height: 184px; }
}
@media (max-width: 650px) {
  .daily-hours { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .daily-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .daily-metric { min-height: 0; }
  .daily-metric-wind, .daily-metric-window { padding-bottom: 34px; }
  .daily-metric-weather { grid-column: 1/-1; }
  .daily-metric dt { margin-bottom: 7px; }
  .daily-metric dd > span:not(:empty) { font-size: 14px; }
}
@media (max-width: 480px) {
  .daily-section-title { flex-wrap: wrap; }
  .daily-freshness .subtle { padding-left: 0; border-inline-start: 0; }
  .place-search .btn { padding-inline: 8px; }
}
@media (max-width: 380px) {
  .daily-metric .daily-icon { width: 28px; height: 28px; }
}
@media (max-width: 350px) {
  .daily-metrics { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .daily-hours > a, .changes-story h3 a span, .inline-link span { transition: none; }
}

/* The panel and map keep a shared frame, including while the panel is resized. */
.map-workspace {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 28%);
  grid-template-rows: clamp(560px, 58vw, 660px);
}
.map-workspace .map-pane { grid-area: 1 / 1; min-height: 0; isolation: isolate; }
.analysis-panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  border-inline-start: 1px solid var(--line);
  background: var(--surface);
}
.analysis-panel-head { display: flex; flex-direction: column; gap: 7px; padding: 11px 14px; background: var(--page); border-bottom: 1px solid var(--line); }
.analysis-panel-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.analysis-panel-top h3 { margin: 0; font-size: 17px; }
.analysis-panel-top .btn { padding-inline: 9px; }
.analysis-preview { margin: 0; color: var(--teal-dark); font-size: 13px; font-weight: 600; }
#map-edit-selection { align-self: flex-start; min-height: 32px; padding: 0; font-size: 13px; text-decoration: underline; text-underline-offset: .15em; }
#analysis-plant-picker:not([open]) + #map-plant-status { display: none; }
#map-sheet-grip { display: none; }
.analysis-panel-body { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 0 14px 12px; }
.analysis-step { min-width: 0; padding: 13px 0; border-bottom: 1px solid var(--line); }
.analysis-step:last-child { border-bottom: 0; }
.analysis-step h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 9px; font-size: 16px; }
.analysis-step h3 > span { display: grid; place-items: center; flex: none; width: 25px; height: 25px; border-radius: 50%; background: var(--teal-light); color: var(--teal-dark); font: 400 12px var(--mono); }
.analysis-step p { margin: 6px 0; }
.analysis-step > p { color: var(--muted); font-size: 13px; }
.analysis-step summary { min-height: 38px; padding-block: 7px; font-size: 13px; font-weight: 700; color: var(--teal-dark); cursor: pointer; }
.analysis-step .place-search { flex-wrap: wrap; }
.analysis-step .place-search input { flex: 1 1 125px; min-width: 0; padding-inline: 9px; }
#map-plant-search { width: 100%; min-width: 0; padding-inline: 9px; }
.analysis-step .place-search button { flex: none; }
.analysis-step #place-district { max-width: 100%; margin: 0 4px 6px 0; }
.analysis-step #place-results { display: flex; flex-wrap: wrap; gap: 5px; margin: 5px 0; padding: 0; list-style: none; }
.analysis-step #place-results .btn { white-space: normal; text-align: left; }
.analysis-step #local-text { color: var(--ink); }
.analysis-compare { display: flex; align-items: center; gap: 6px; min-height: 38px; font-size: 13px; }
.analysis-plant-list { margin: 0; padding: 0; list-style: none; }
.analysis-plant-option { display: flex; width: 100%; align-items: flex-start; gap: 8px; padding: 7px 8px; margin: 0 0 4px; min-height: 44px; text-align: left; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 8px; }
.analysis-plant-option:hover, .analysis-plant-option[aria-pressed="true"] { background: var(--page); border-color: var(--teal); }
.analysis-plant-option .icon { width: 17px; height: 17px; color: var(--teal); }
.analysis-plant-option strong, .analysis-plant-option small { display: block; }
.analysis-plant-option strong { font-size: 13px; }
.analysis-plant-option small { color: var(--muted); font-size: 11px; }
.analysis-selection, .analysis-result { margin: 7px 0; padding: 9px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--page); overflow-wrap: anywhere; }
.analysis-selection[data-focused="true"] { border-color: var(--teal); }
.analysis-selection p { color: var(--muted); font-size: 12px; }
.analysis-selection-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; font-size: 12px; }
.analysis-selection-actions .subtle { min-height: 35px; font-size: 12px; padding: 0 4px; }
.analysis-result[data-relation="towards"] { background: #e4f2ee; border-color: #8fbcb1; }
.analysis-result[data-relation="weak"], .analysis-result[data-relation="close"] { background: #faf3e3; border-color: #dfcba4; }
.analysis-result h4 { display: flex; gap: 6px; align-items: start; margin: 5px 0; font-size: 15px; }
.analysis-result p, .analysis-empty { font-size: 13px; }
.analysis-result .analysis-result-plant, .analysis-result .analysis-next { color: var(--muted); font-size: 12px; }
.analysis-times { gap: 5px; margin: 8px 0 3px; }
.analysis-times button { min-height: 37px; padding-inline: 8px; font-size: 12px; }
.analysis-hours { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 4px; }
.analysis-hours button { display: grid; place-items: center; min-height: 40px; padding: 2px; color: var(--ink); background: var(--page); border: 1px solid var(--line); border-radius: 6px; }
.analysis-hours button time { font-size: 10px; }
.analysis-hours button[data-relation="towards"] { background: #d9efe7; }
.analysis-hours button[data-relation="weak"], .analysis-hours button[data-relation="close"] { background: #faf3e3; }
.analysis-hours button[aria-pressed="true"] { border-color: var(--teal-dark); box-shadow: inset 0 0 0 1px var(--teal-dark); }
#map-analysis-history-list { padding-inline-start: 18px; }
#map-analysis-history-list li { margin-block: 5px; }
.map-workspace[data-sheet="collapsed"] { grid-template-columns: minmax(0,1fr); }
.map-workspace[data-sheet="collapsed"] .analysis-panel { grid-area: 1 / 1; z-index: 2; align-self: start; justify-self: end; width: min(270px, calc(100% - 72px)); margin: 10px; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); }
.map-workspace[data-sheet="collapsed"] .analysis-panel-head { border: 0; border-radius: inherit; }
.leaflet-container .map-pin-selected { background: var(--teal-dark); outline: 2px solid #a0d6cb; }
.leaflet-container .map-pin-focused { outline: 3px solid #46a89a; }
.leaflet-container .map-pin-home { background: #075363; }
.map-cluster-choices { display: grid; gap: 4px; margin-top: 6px; }
.map-cluster-choices .btn { white-space: normal; }

@media (max-width: 800px) {
  .map-workspace { display: block; }
  .map-workspace .map-pane { min-height: clamp(260px, 38dvh, 380px); }
  .map-workspace[data-sheet="collapsed"] .map-pane { min-height: clamp(340px, 58dvh, 520px); }
  .map-workspace[data-sheet="full"] .map-pane { min-height: clamp(160px, 23dvh, 225px); }
  .map-workspace .analysis-panel, .map-workspace[data-sheet="collapsed"] .analysis-panel {
    position: relative;
    z-index: 1;
    width: auto;
    margin: 0;
    border: 0;
    border-top: 1px solid var(--line);
    border-radius: 14px 14px 0 0;
    box-shadow: 0 -3px 10px #0a2d4315;
  }
  .analysis-panel-head { padding-top: 0; }
  #map-sheet-grip { order: -1; display: grid; place-items: center; width: 100%; min-height: 26px; padding: 0; border: 0; background: none; touch-action: none; cursor: ns-resize; }
  #map-sheet-grip span { width: 42px; height: 4px; border-radius: 5px; background: #729298; }
  .map-workspace[data-sheet="partial"] .analysis-panel-body { max-height: min(42dvh, 360px); }
  .map-workspace[data-sheet="full"] .analysis-panel-body { max-height: min(72dvh, 620px); }
  .analysis-step .place-search input { width: auto; flex: 1 1 135px; }
  .analysis-times button, .analysis-plant-option, .analysis-hours button { min-height: 44px; }
}