:root{--ink:#142d36;--muted:#52646b;--paper:#f5f4ef;--green:#27654a;--blue:#245e85;--line:#e2e6df;--gold:#ebcb72;font-family:'Segoe UI',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b07d24;outline-offset:4px}.skip{position:absolute;top:-100px;z-index:4;padding:12px;background:white}.skip:focus{top:10px}aside{position:fixed;inset:0 auto 0 0;width:252px;background:var(--ink);color:#f5f4ef;padding:34px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:650;letter-spacing:1.2px;font-size:22px}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#c3d2d0;margin-top:4px}.navlabel{font-size:10px;letter-spacing:2px;color:#b0c1c1;margin:48px 12px 16px}nav{display:grid;gap:7px}nav a{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;text-decoration:none;font-size:14px;border-radius:9px;color:#cfdbd9}nav a:hover{background:#233f48}nav a[aria-current=page]{background:#e5eddd;color:#163a2b;font-weight:650}hr{border:0;border-top:1px solid #385058;width:100%;margin:17px 0}.dot{width:7px;height:7px;border-radius:50%}.green{background:#91bf98}.blue{background:#8ebed9}.count{font-size:11px;background:#4b5c59;color:white;border-radius:6px;padding:2px 7px}.sidefoot{margin-top:auto;font-size:13px;padding:22px 10px 0;color:#d3dfd9}.sidefoot small{display:block;font-size:11px;line-height:1.7;color:#a8bcb9;margin-top:8px}.localdot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:6px}.workspace{margin-left:252px}header{height:78px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.pill{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.3px;padding:6px 10px;border-radius:5px;background:#e9ece6;color:#41534e}.pill.warn{background:#fbefd1;color:#72500b}.pill.blue{background:#e6f0f6;color:var(--blue)}main{max-width:1480px;margin:auto;padding:37px 42px 45px;min-height:calc(100vh - 138px)}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;color:var(--green);margin:0 0 10px}h1{font-size:36px;letter-spacing:-1px;line-height:1.15;margin:0 0 12px;font-weight:650}h2{font-size:19px;letter-spacing:-.3px;margin:0 0 9px}h3{font-size:16px;margin:0 0 10px}p{line-height:1.65}.intro{color:var(--muted);margin:0 0 26px;max-width:790px;font-size:14px}.notice{border-left:3px solid #bc9444;background:#f8edda;padding:12px 16px;margin:21px 0 25px;font-size:13px;line-height:1.55;border-radius:0 7px 7px 0}.hero{background:var(--ink);border-radius:16px;padding:28px 30px;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px}.hero h2{font-size:25px;color:#fff}.hero p{font-size:13px;color:#c3d2d0;margin:7px 0 0}.hero .bigdate{color:var(--gold);font-size:24px;white-space:nowrap}.grid{display:grid;gap:20px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px;min-width:0}.area{padding:25px;position:relative;border-top:4px solid var(--green)}.area.climate{border-top-color:var(--blue)}.area h2{font-size:25px;margin-top:15px}.area p{font-size:13px;color:var(--muted)}.area .meta{display:flex;justify-content:space-between;margin-top:19px;padding-top:16px;border-top:1px solid var(--line);font-size:12px}.area a{display:inline-block;margin-top:22px;font-size:13px;font-weight:600;text-decoration:none}.muted{color:var(--muted)}.section{margin-top:30px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.sectionhead h2{margin:0}.caption{font-size:12px;color:var(--muted)}.metric .value{font-size:29px;letter-spacing:-.7px;font-weight:600;font-variant-numeric:tabular-nums;margin:12px 0}.metric .value small{font-size:13px;font-weight:400;margin-left:4px;letter-spacing:0}.metric .label{font-size:12px;color:var(--muted)}.metric .detail{font-size:11px;line-height:1.6;color:var(--muted)}.filters{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin:24px 0}.filters label{display:grid;gap:7px;font-size:12px;color:var(--muted)}select,input[type=date]{height:41px;background:white;border:1px solid #bbc7c4;border-radius:7px;padding:7px 11px;color:var(--ink)}button{background:var(--ink);color:white;border:0;border-radius:7px;padding:11px 18px;cursor:pointer}button:hover{background:#2b4f59}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:11px;letter-spacing:.5px;color:var(--muted);font-weight:600;padding:0 12px 13px;border-bottom:1px solid var(--line)}td{padding:15px 12px;border-bottom:1px solid #edf0eb;white-space:nowrap;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}td.wrap{white-space:normal;min-width:230px;line-height:1.6}.subtext{font-size:11px;color:var(--muted);display:block;margin-top:5px}.schedule{display:grid;gap:0}.schedule>div{padding:17px 0;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);font-size:13px}.schedule>div:last-child{border-bottom:0}.schedule strong{display:block;font-weight:600}.schedule small{color:var(--muted);display:block;margin-top:5px}.time{font-size:24px;color:var(--green);font-variant-numeric:tabular-nums}.chart{width:100%;height:190px;display:block}.chart rect{fill:var(--green)}.chart .axis{stroke:#dbe3dd}.chart text{font-family:inherit;fill:var(--muted);font-size:11px}.empty{padding:32px 5px}.empty p{max-width:650px;color:var(--muted);font-size:14px}.emptyicon{font-size:38px;color:var(--blue);margin-bottom:18px}.list{padding-left:18px;color:var(--muted);font-size:14px;line-height:1.85}.loading{padding:40px}footer{border-top:1px solid var(--line);padding:18px 42px;font-size:11px;color:var(--muted)}.link{color:var(--green);font-weight:600}.full{grid-column:1/-1}@media(min-width:1700px){main{padding-top:50px}}@media(max-width:1100px){aside{width:214px;padding:28px 14px}.workspace{margin-left:214px}header,main{padding-left:26px;padding-right:26px}.four{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr}h1{font-size:31px}}@media(max-width:760px){aside{position:static;width:auto;padding:18px 18px 10px}.brand{font-size:20px}.brand img{width:38px;height:38px}.navlabel,.sidefoot,nav hr{display:none}nav{display:flex;overflow-x:auto;margin-top:16px;gap:4px;padding-bottom:6px}nav a{font-size:12px;padding:10px 12px;white-space:nowrap;gap:8px}nav .dot{display:none}.workspace{margin-left:0}header{height:55px;padding:0 20px;font-size:11px}.pill{font-size:10px}main{padding:26px 20px;min-height:70vh}.two,.four{grid-template-columns:1fr}.hero{padding:23px;display:block}.hero .bigdate{display:block;margin-top:18px}h1{font-size:30px}.card{padding:20px}.sectionhead{align-items:start;flex-wrap:wrap}.metric .value{font-size:28px}footer{padding:18px 20px;line-height:1.6}.chart{height:165px}}
:root .hero .caption{color:#c3d2d0}
@media(max-width:760px){nav{scrollbar-width:none}nav::-webkit-scrollbar{display:none}}
:root .simple-area{padding:32px;min-height:310px}.simple-area h2{font-size:24px}.headline-value{font-size:54px;font-weight:650;letter-spacing:-2px;margin-top:25px;font-variant-numeric:tabular-nums}.headline-value small{font-size:22px;font-weight:400;letter-spacing:0}.simple-area a.primary-link{display:inline-block;padding:13px 22px;border-radius:8px;background:var(--green);color:white;font-size:15px;text-decoration:none;margin-top:18px}.simple-area a.climate-link{background:var(--blue)}.quiet-note{font-size:12px;color:var(--muted);margin:21px 0}.nav-more{margin-top:16px;font-size:13px}.nav-more summary{padding:12px 14px;cursor:pointer;color:#c3d2d0}.navlabel{margin-top:40px;margin-bottom:12px}details>summary{cursor:pointer}main>.intro:empty{display:none}.quality-detail{margin:0 0 18px;font-size:12px;color:var(--muted)}@media(max-width:760px){:root .simple-area{padding:24px;min-height:0}.headline-value{font-size:43px}.nav-more{margin:0}.nav-more summary{white-space:nowrap;padding:10px 12px}.nav-more[open]{min-width:130px}}
.weather-temp{font-size:40px;font-weight:600;letter-spacing:-1px;margin:18px 0 0;font-variant-numeric:tabular-nums}.weather-line{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.weather-line strong{font-variant-numeric:tabular-nums;font-weight:550}.weather-status{margin-top:18px;margin-bottom:0}.climate-station{border-top:3px solid var(--blue)}
.filters input[type=month]{height:41px;background:white;border:1px solid #bbc7c4;border-radius:7px;padding:7px 11px;color:var(--ink);min-width:165px}.filters button{height:41px;display:inline-flex;align-items:center;justify-content:center}.filters{align-items:flex-end}
.station-period{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:15px;font-size:15px}.station-period strong{font-weight:600;text-transform:capitalize}
.invoice-form label{display:grid;gap:7px;font-size:13px}.invoice-form input,.invoice-form select{width:100%;min-width:0;border:1px solid #bbc7c4;border-radius:7px;padding:10px;background:white;color:var(--ink);font:inherit}.invoice-form h2{margin-bottom:20px}.invoice-form [hidden]{display:none}.invoice-form input[type=date]{height:42px}.invoice-form button:disabled{opacity:.65;cursor:wait}
.consumption-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.consumption-grid .value{font-size:29px}@media(max-width:760px){.consumption-grid{grid-template-columns:1fr}}
.invoice-actions{display:flex;align-items:center;gap:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:7px;border:1px solid #bbc7c4;background:#f0f3ed;color:var(--ink)}
/* Dense consultation views: keep data visible and secondary details collapsed. */
main[data-page=energia],main[data-page=clima]{padding-top:24px}
main[data-page=energia] .sectionhead,main[data-page=clima] .sectionhead{margin-bottom:10px;gap:10px}
main[data-page=energia] .filters,main[data-page=clima] .filters{margin:14px 0;gap:12px}
main[data-page=energia] .notice{margin:12px 0;padding:8px 12px}
main[data-page=energia] .quality-detail{margin:0 0 10px}
main[data-page=energia] .section{margin-top:16px}
main[data-page=energia] .card{padding:16px}
.energy-metrics{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.energy-metrics .value{font-size:28px;margin:7px 0 0}
.energy-metrics .detail:empty{display:none}
.chart-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin:8px 0;color:var(--muted)}
.chart-legend span{display:inline-flex;gap:6px;align-items:center}.chart-legend i{width:11px;height:11px;border-radius:2px;display:inline-block}
.legend-fv{background:#e8ad24}.legend-grid{background:var(--blue)}
.chart .bar-fv{fill:#e8ad24}
.chart .bar-grid{fill:var(--blue)}.chart-note{margin:4px 0 0;line-height:1.4}
.climate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.climate-station{padding:16px}.climate-station h2{font-size:18px}
.climate-station .weather-temp{font-size:32px;margin:8px 0 0}
.climate-station .caption{margin:5px 0;line-height:1.45}
.climate-station .station-period{padding:6px 0;margin-bottom:8px;font-size:12px;gap:6px}
.climate-station .pill{font-size:10px;padding:4px 7px;letter-spacing:0}
.weather-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.weather-facts .weather-line{display:block;padding:0;border:0;font-size:11px;color:var(--muted)}
.weather-facts strong{display:block;margin-top:4px;font-size:14px;color:var(--ink);white-space:nowrap}
.climate-station .weather-status{margin:10px 0 0;padding-top:8px;border-top:1px solid var(--line)}
@media(max-width:760px){.energy-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.climate-grid{grid-template-columns:1fr}.climate-station{padding:14px}.chart{height:auto;min-height:150px}main[data-page=energia] .filters>label:nth-child(2){flex:1;min-width:150px}}
@media(min-width:1600px){.climate-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.workspace:has(main[data-page=energia]) header,.workspace:has(main[data-page=clima]) header{height:52px}
main[data-page=energia] h1,main[data-page=clima] h1{font-size:30px;margin-bottom:6px}
main[data-page=energia]>.notice{display:none}
.range-controls{border-top:1px solid var(--line);padding-top:12px}.range-totals{gap:12px;background:#f5f7f2;border-radius:8px;padding:12px;margin-bottom:12px}.range-totals .value{font-size:27px;font-weight:600;margin:4px 0}.range-totals small{font-size:13px;font-weight:400}.range-totals p{margin:4px 0 0;line-height:1.5}
/* Keep the five daily measures together; chart labels also serve as its legend. */
.energy-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}
main[data-page=energia] .energy-metrics .card{border:0;border-radius:0;padding:12px 10px;background:none;border-right:1px solid var(--line)}
.energy-metrics .card:last-child{border-right:0}
.energy-metrics:has(>.card:only-child){grid-template-columns:1fr}
.energy-metrics:has(>.card:nth-child(6)){grid-template-columns:repeat(3,minmax(0,1fr))}
.energy-metrics .label{min-height:30px;line-height:1.3}
.energy-metrics .value{font-size:25px;white-space:nowrap;margin:5px 0 0}.energy-metrics .value small{font-size:11px;margin-left:3px}
.chart-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.chart-toolbar h2{margin:0;white-space:nowrap;font-size:18px}
main[data-page=energia] .chart-toolbar .filters{margin:0;padding:0;border:0;gap:8px;align-items:center;flex-wrap:wrap}
.chart-toolbar .range-label{display:flex;align-items:center;gap:6px}.chart-toolbar select{height:34px;padding:5px 8px}
.chart-toolbar .caption{font-size:11px;line-height:1.3}
.range-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.range-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.range-head>span{font-size:13px;white-space:nowrap}
.range-head i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px}
.range-head strong{font-size:25px;white-space:nowrap;font-variant-numeric:tabular-nums}.range-head small{font-size:12px;font-weight:400}
.range-source .caption{margin:2px 0 0;font-size:11px;line-height:1.4}
.energy-cost{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin:8px 0 5px}.energy-cost strong{font-size:18px}.energy-cost span{font-size:11px;color:var(--muted)}.contract-settings summary{font-size:14px;font-weight:600}.contract-settings .section{margin-top:16px}.contract-settings .grid{gap:12px}
.contract-settings .three{grid-template-columns:repeat(3,minmax(0,1fr))}.contract-settings .four{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.contract-settings .four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.contract-settings .three{grid-template-columns:1fr}}
.tariff-totals{margin:10px 0;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.tariff-heading{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.tariff-heading>span{font-size:11px;color:var(--muted)}.tariff-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 0}.tariff-values>div{display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}.tariff-values span{color:var(--muted);font-size:11px}.tariff-values strong{font-size:21px;font-variant-numeric:tabular-nums}.tariff-values small{font-size:11px;font-weight:400}.tariff-totals p{margin:5px 0 0;line-height:1.4}
.chart-method{margin:2px 0 7px}.chart-method p{margin:6px 0}
.climate-chart .chart rect{fill:#176b91}.climate-chart{margin-bottom:12px}
.climate-chart{padding:16px}.climate-chart .chart-toolbar{gap:10px;margin-bottom:8px}.climate-chart form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.climate-chart label{font-size:11px;display:grid;gap:3px}.climate-chart select,.climate-chart input,.climate-chart button{height:32px;padding:5px 8px;font-size:12px}.climate-chart input{width:135px}.climate-chart-summary{display:flex;gap:20px;flex-wrap:wrap;border-block:1px solid var(--line);padding:9px 0;font-size:12px}.climate-chart-summary strong{margin-left:6px;font-size:17px}.climate-chart-summary small{color:var(--muted);margin-left:6px}.temp-key,.rain-key{display:inline-block;width:10px;height:10px;margin-right:3px;background:#b75221}.rain-key{background:#176b91}.climate-chart>.caption{font-size:11px;margin:4px 0 8px}.climate-chart .chart{max-height:250px}.climate-chart .chart text{font-size:10px}@media(max-width:600px){.climate-chart-summary{gap:7px}.climate-chart-summary>span{width:100%}.climate-chart form{width:100%}.climate-chart input{width:125px}}
.energy-source-status .caption{margin:4px 0}.fv-auto{font-size:11px}.fv-auto.good{color:#315e47}.fv-auto.warn{color:#925819}
.upload-energy{padding:12px;margin:0 0 14px}.upload-energy form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.upload-energy label{font-size:12px;display:grid;gap:4px}.upload-energy input[type=file]{max-width:280px;font-size:12px}.upload-energy select,.upload-energy button{height:36px;padding:7px 10px;font-size:12px}.upload-energy p{margin:8px 0 0;font-size:11px}
.forecast-evolution summary{font-size:14px;font-weight:600;cursor:pointer}.forecast-evolution .sectionhead{margin:12px 0 6px;gap:10px;flex-wrap:wrap}.forecast-evolution label{display:flex;align-items:center;gap:8px;font-size:12px}.forecast-evolution select{height:32px;padding:4px 8px}.forecast-evolution th,.forecast-evolution td{padding:9px 10px}.forecast-evolution td:nth-child(2),.forecast-evolution td:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.forecast-evolution .subtext{font-size:11px}.forecast-evolution>p{margin-bottom:0}
@media(max-width:900px){.energy-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.energy-metrics .card{grid-column:span 2}.energy-metrics .card:nth-last-child(-n+2){grid-column:span 3}.range-head{align-items:flex-start;flex-direction:column;gap:2px}}
@media(max-width:520px){.energy-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-metrics .card,.energy-metrics .card:nth-last-child(-n+2){grid-column:auto}.energy-metrics .card:last-child{grid-column:1/-1}.range-summary{gap:12px}.range-head strong{font-size:23px}.chart-toolbar .filters .caption{flex-basis:100%}}

.climate-chart .chart rect.solar-bar{fill:#d18a16}

.process-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.process-source{padding:12px 14px;min-width:0}.process-source .sectionhead{margin-bottom:8px;gap:6px;align-items:center}.process-source .sectionhead .caption{margin:0}.process-date{font-size:13px;margin-bottom:8px}.process-date>span{color:var(--muted)}.process-source summary{font-size:12px}.process-source details p{margin:8px 0}.process-warning{border-top:3px solid #bd7b17}.process-source .weather-line{gap:8px}@media(max-width:700px){.process-overview{grid-template-columns:1fr}.process-source .sectionhead{margin-bottom:4px}.process-date{display:inline-block;margin:0 12px 4px 0}}

.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.dashboard-metric{padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}.dashboard-number{font-size:30px;line-height:1.2}.dashboard-number small{font-size:13px;font-weight:400}.dashboard-metric p{margin:0;min-height:32px}.dashboard-metric .link{margin-top:auto}.dashboard-evolution{padding:14px 16px;margin-bottom:12px}.dashboard-evolution h2,.dashboard-weather h2,.dashboard-footer h2{font-size:17px;margin:0}.dashboard-evolution .sectionhead{margin-bottom:5px;align-items:center}.dashboard-legend{display:flex;align-items:center;gap:7px;margin:0 0 5px}.dashboard-evolution .chart{height:175px}.dashboard-evolution>p:last-child{margin:2px 0 0}.dashboard-weather{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;margin-bottom:16px}.dashboard-weather p{margin:4px 0 0}.dashboard-weather>div>span{display:block;font-size:12px;color:var(--muted)}.dashboard-weather>div>strong{display:block;font-size:22px;margin-top:4px}.dashboard-footer>h2{margin-bottom:8px}.dashboard-footer .process-overview{gap:8px;align-items:start;margin-bottom:0}.dashboard-footer .process-source{padding:9px 12px}.dashboard-footer .process-source .sectionhead{margin-bottom:5px}.dashboard-footer .process-date{font-size:12px;margin-bottom:5px}@media(max-width:700px){.dashboard-metrics{grid-template-columns:1fr}.dashboard-metric p{min-height:0}.dashboard-number{font-size:27px}.dashboard-weather{flex-wrap:wrap}.dashboard-weather>div:first-child{width:100%}.dashboard-legend{flex-wrap:wrap}}

.dashboard-legend i{display:inline-block;width:10px;height:10px;flex:0 0 10px;border-radius:2px}

.comparison-indicators{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 0;border-bottom:1px solid var(--line);gap:0}.comparison-indicators>div{min-width:0;padding:0 12px;border-right:1px solid var(--line)}.comparison-indicators>div:first-child{padding-left:0}.comparison-indicators>div:last-child{border-right:0}.comparison-indicators span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.comparison-indicators strong{display:block;font-size:23px;line-height:1.2}.comparison-indicators small{font-size:12px;font-weight:400;white-space:nowrap}.comparison-cutoff{margin:7px 0 3px;font-size:11px}@media(max-width:480px){.comparison-indicators>div{padding:0 7px}.comparison-indicators strong{font-size:18px}.comparison-indicators span,.comparison-indicators small{font-size:10px}}

.station-latest-date{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--blue)}.station-latest-date span{margin-left:7px;font-size:11px;font-weight:400;color:var(--muted)}

.access-shell{max-width:420px;margin:6vh auto;padding:24px}.access-shell.cloud-open{max-width:1100px}.cloud-stations{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0}.cloud-stations .card{padding:12px}.cloud-temp{font-size:1.6rem}#cloud-climate{margin-top:20px}@media(max-width:760px){.cloud-stations{grid-template-columns:repeat(2,minmax(0,1fr))}.access-shell{margin:12px;padding:16px}}