@font-face{font-family:Manrope;src:url('/kondracki/assets/fonts/font-0.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/kondracki/assets/fonts/font-2.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/kondracki/assets/fonts/font-3.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/kondracki/assets/fonts/font-4.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
:root{color-scheme:light;--ink:#173a32;--muted:#53665d;--paper:#f7f8f2;--white:#fff;--line:#d8dfd5;--accent:#dfebb2;--teal:#478c80;--orange:#c66d31;--purple:#785887;--good:#bdccc2;--gray:#8c9691;--font:Manrope,system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:400 15px/1.6 var(--font)}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-underline-offset:3px}button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b66528;outline-offset:3px}button:focus:not(:focus-visible){outline:none}h1,h2,h3,p{margin:0}button{border:0}input[type=search]::-webkit-search-cancel-button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:16px;padding:12px;background:var(--ink);color:white;z-index:3000}.skip-link:focus{top:12px}.site-header{min-height:86px;display:flex;align-items:center;gap:32px;padding:18px 32px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;font-size:27px;font-weight:800;letter-spacing:-1.2px;line-height:1.1;flex:none}.brand svg{width:33px;height:30px;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round}.brand-question{color:#65806d}.header-descriptor{color:var(--muted);font-size:13px;line-height:1.35}.site-header nav{margin-left:auto;display:flex;gap:25px;align-items:center;font-size:13px}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.atlas-link{padding-left:25px;border-left:1px solid var(--line)}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);max-width:1800px;margin:0 auto;border-bottom:1px solid var(--line)}.sidebar{background:var(--white);border-right:1px solid var(--line);min-width:0}.search-section,.local-result,.forecast-section,.stations-section{padding:25px 26px}.search-section{border-bottom:1px solid var(--line)}.search-section h2{font-size:17px;font-weight:700;letter-spacing:-.4px;margin-bottom:12px}.search-box{display:flex;min-width:0;border:1px solid #aab9ae;border-radius:7px;background:white}.search-box:focus-within{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.search-box input{border:0;background:none;min-width:0;width:100%;padding:11px 10px 11px 13px;font-size:14px;color:var(--ink)}.search-box input:focus{outline:none}.search-box button{display:grid;place-items:center;width:44px;flex:none;background:none;color:var(--ink)}#search-form{position:relative}.search-results{position:absolute;top:calc(100% + 5px);left:0;right:0;background:white;border:1px solid var(--line);box-shadow:0 10px 30px #173a321a;border-radius:7px;z-index:1200;max-height:330px;overflow:auto}.search-results button{display:block;text-align:left;background:white;color:var(--ink);padding:11px 14px;width:100%;border-bottom:1px solid var(--line);line-height:1.4}.search-results button:last-child{border:0}.search-results button:hover,.search-results button:focus{background:var(--paper)}.search-results strong,.search-results span{display:block}.search-results strong{font-size:14px;font-weight:700}.search-results span{font-size:12px;color:var(--muted);margin-top:3px}.search-results p{padding:12px 14px;font-size:13px}.search-hint{font-size:11px;color:var(--muted);margin-top:6px}.location-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:5px 0;background:transparent;color:var(--ink);font-size:12px;font-weight:600;line-height:1.4;text-decoration:none}.text-button:not(:disabled):hover{text-decoration:underline;text-underline-offset:4px}.action-feedback{font-size:12px;margin-top:8px;line-height:1.5}.action-feedback:empty{display:none}.result-heading{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-bottom:9px}.eyebrow{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;font-weight:700;color:var(--muted)}.kind-tag{font-size:9px;letter-spacing:.6px;font-weight:700;text-transform:uppercase;border:1px solid #9caea2;padding:3px 7px;border-radius:3px;line-height:1.35}.kind-tag.is-forecast{background:var(--accent);border-color:var(--accent)}.kind-tag.is-stale{border-style:dashed;color:var(--muted)}#place-title{font-size:29px;font-weight:800;letter-spacing:-1px;line-height:1.2;overflow-wrap:anywhere}.place-subtitle{font-size:12px;color:var(--muted);line-height:1.5;margin-top:7px}.condition-title{font-size:17px;font-weight:600;line-height:1.35;margin-top:23px}.visibility-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:8px 0 0;line-height:1.1;letter-spacing:-2px;font-size:51px;font-weight:700;font-variant-numeric:tabular-nums}.visibility-value span:last-child{font-size:23px;letter-spacing:-.6px;font-weight:400}.visibility-caption{font-size:12px;color:var(--muted);margin-top:8px}.result-message{font-size:13px;line-height:1.65;margin-top:16px}.source-facts{margin-top:19px;padding-top:15px;border-top:1px solid var(--line);display:grid;gap:10px}.source-fact{display:grid;gap:2px;font-size:12px}.source-fact dt{color:var(--muted);font-size:10px;letter-spacing:.2px}.source-fact dd{margin:0}.empty-result{display:flex;align-items:center;gap:15px;margin:28px 0 7px;padding-top:23px;border-top:1px solid var(--line);font-size:13px}.empty-result span:not(.empty-cross){color:var(--muted);font-size:12px}.empty-cross{display:grid;place-items:center;width:39px;height:39px;flex:none;border:1px dashed #9aada0;border-radius:50%;font-size:26px;font-weight:400}.forecast-section{border-top:1px solid var(--line);padding-top:20px;padding-bottom:20px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-label h3{font-size:12px;font-weight:700;line-height:1.5}.section-label>span{font-size:11px;color:var(--muted);white-space:nowrap}.visibility-chart{width:100%;margin:13px 0 5px;min-height:118px}.visibility-chart svg{display:block;width:100%;overflow:visible}.chart-axis{font:10px var(--font);fill:var(--muted)}.chart-line{stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.chart-grid{stroke:var(--line);stroke-width:1;fill:none}.chart-threshold{stroke:var(--orange);stroke-dasharray:3 3;stroke-width:1;fill:none}.chart-active{fill:var(--ink);stroke:var(--white);stroke-width:2}.fog-window{font-size:12px;line-height:1.65}.hour-details{margin-top:13px;font-size:12px}.hour-details summary,.all-stations summary{color:var(--muted);cursor:pointer;list-style:disclosure-closed}.hour-details[open] summary,.all-stations[open] summary{list-style:disclosure-open}.hour-table-wrap{margin-top:10px;max-height:330px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{font-weight:600;color:var(--muted)}td,th{padding:8px 4px;border-bottom:1px solid var(--line);vertical-align:top}th:first-child,td:first-child{padding-left:0}td:nth-child(2){font-variant-numeric:tabular-nums;white-space:nowrap}tr.is-selected{background:var(--paper)}.stations-section{border-top:1px solid var(--line);padding-top:18px}.icon-button{display:grid;place-items:center;padding:6px;background:transparent;border-radius:50%;color:var(--ink);flex:none}.icon-button:hover{background:var(--paper)}.subtle{font-size:11px;color:var(--muted);line-height:1.5}.station-list{list-style:none;padding:0;margin:12px 0 0}.station-list li+li{border-top:1px solid #e7ebe4}.station-list button{display:flex;align-items:center;text-align:left;width:100%;padding:11px 0;gap:10px;background:none;color:var(--ink)}.station-list button:hover .station-name{text-decoration:underline;text-underline-offset:3px}.station-dot{width:9px;height:9px;border-radius:50%;flex:none;border:1px solid #173a3240}.station-copy{flex:1;min-width:0;display:grid}.station-name{font-size:12px;font-weight:600;line-height:1.4}.station-meta{font-size:10px;color:var(--muted);line-height:1.5;margin-top:3px}.station-distance{font-size:10px;color:var(--muted)}.station-visibility{font-size:15px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.all-stations{margin-top:13px;font-size:11px}.inline-error{padding:12px 0;font-size:12px;color:#89451c}.inline-error button{color:inherit}.map-section{min-width:0;padding:22px 24px 26px;align-self:start;position:sticky;top:0}.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px;flex-wrap:wrap}.mode-switch{display:flex;gap:0;padding:3px;background:#e8ede2;border-radius:8px;max-width:100%}.mode-switch button{padding:8px 15px;background:transparent;color:var(--ink);border-radius:5px;font-size:13px;font-weight:700;line-height:1.4}.mode-switch button span{font-size:11px;font-weight:400;color:var(--muted);margin-left:5px}.mode-switch button[aria-pressed=true]{background:white;box-shadow:0 1px 3px #173a3219}.mode-switch button:hover{color:#0f251f}.map-toolbar>.text-button{font-size:11px}.map-wrap{position:relative;height:clamp(430px,61vh,750px);min-height:430px;border:1px solid #ccd5c8;border-radius:3px;overflow:hidden;background:#e1e7dc}#map{height:100%;width:100%;background:#e3e8df;font-family:var(--font);outline-offset:-4px}.leaflet-tile-pane{filter:saturate(.42)}.leaflet-container{font:400 12px var(--font)}.leaflet-control-attribution{font-size:9px!important;background:#ffffffed!important;color:#243e32!important;padding:3px 6px!important;max-width:95%;white-space:normal}.leaflet-control-attribution a{color:#243e32!important}.leaflet-control-zoom{border:1px solid #b3c0b5!important;box-shadow:0 2px 5px #173a3210!important}.leaflet-control-zoom a{background:#fffffdf5;color:var(--ink);width:35px!important;height:35px!important;line-height:35px!important;font-size:21px!important}.leaflet-bottom.leaflet-left{bottom:5px}.leaflet-top.leaflet-left{top:62px}.leaflet-control-scale-line{background:#ffffffe0;border-color:var(--ink);color:var(--ink)}.map-caption{position:absolute;top:16px;left:16px;right:16px;z-index:500;pointer-events:none;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.map-caption>span{background:#fffffff0;border:1px solid #ccd7cb;padding:7px 10px;border-radius:3px;color:#294537;font-size:10px;font-weight:600;box-shadow:0 2px 4px #173a3208}.map-caption>span:last-child{font-weight:400;text-align:right}.map-message{position:absolute;z-index:550;left:50%;top:50%;transform:translate(-50%,-50%);background:#fffffff5;border:1px solid var(--line);padding:17px 21px;max-width:min(88%,410px);width:max-content;border-radius:6px;text-align:center;box-shadow:0 5px 18px #173a3214;font-size:13px;line-height:1.6}.map-message button{display:block;margin:10px auto 0;padding:7px 11px;border-radius:4px;background:var(--ink);color:white;font-size:12px}.map-message[hidden],#search-results[hidden],[hidden]{display:none!important}.tile-error{position:absolute;z-index:500;bottom:30px;left:15px;right:15px;background:#fff8df;border:1px solid #dcc999;padding:8px 12px;font-size:11px;color:#684a23}.map-legend{display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center;padding:13px 0 11px;color:var(--muted);font-size:10px;line-height:1.5}.map-legend>span{display:inline-flex;align-items:center;gap:5px}.legend-label{font-weight:700;color:var(--ink)}.swatch{display:inline-block;width:11px;height:11px;border-radius:3px;border:1px solid #173a3230;flex:none}.swatch.dense{background:var(--purple)}.swatch.low{background:var(--orange)}.swatch.reduced{background:var(--teal)}.swatch.clear{background:var(--good)}.swatch.missing{background:repeating-linear-gradient(135deg,#f5f6f1 0px,#f5f6f1 3px,#a8b2aa 3px,#a8b2aa 4px);border-color:#9ca69f}.timeline{margin-top:6px;border-top:1px solid var(--line);padding-top:19px}.timeline-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.selected-time{font-size:23px;letter-spacing:-.7px;font-weight:700;line-height:1.3;margin-top:3px}.tomorrow-button{display:flex;align-items:center;gap:17px;background:var(--accent);color:var(--ink);font-size:12px;font-weight:700;padding:11px 15px;border-radius:5px;line-height:1.4;flex:none}.tomorrow-button:hover{background:#d4e3a0}#time-slider{display:block;width:100%;margin:22px 0 5px;accent-color:var(--ink);height:18px;cursor:pointer}#time-slider:disabled{cursor:default;opacity:.4}.time-ticks{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.map-explanation{font-size:11px;color:var(--muted);line-height:1.65;margin-top:15px;max-width:750px}.observation-marker{border:none;background:none}.observation-marker .obs-pin{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:27px;transform:translate(-7px,-4px);border:1px solid #fff;border-radius:5px;color:white;font:700 11px var(--font);white-space:nowrap;box-shadow:0 2px 5px #173a3240}.observation-marker .obs-pin::after{content:'';position:absolute;left:calc(50% - 3px);bottom:-4px;width:6px;height:6px;transform:rotate(45deg);background:inherit;border-bottom:1px solid white;border-right:1px solid white}.observation-marker .obs-pin.is-clear{color:var(--ink);border-color:#506859;background:#dfe8df!important}.observation-marker .obs-pin.is-stale{background:#f5f6f0!important;color:#667368;border:1px dashed #748177;box-shadow:none}.selected-point{background:none;border:none}.selected-point span{display:block;width:18px;height:18px;border-radius:50%;background:var(--ink);border:3px solid white;box-shadow:0 0 0 2px var(--ink),0 2px 7px #0004}.leaflet-tooltip{border-color:var(--line)!important;color:var(--ink)!important;box-shadow:0 2px 10px #173a3215!important;border-radius:3px!important;font:400 11px var(--font)!important;padding:8px 10px!important}.leaflet-tooltip strong{display:block;font-weight:700}.leaflet-tooltip span{display:block;margin-top:3px}.methodology{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:65px;max-width:1250px;padding:60px 40px 65px;margin:0 auto}.method-intro h2{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:10px 0 16px}.method-intro>p:last-child{font-size:13px;color:var(--muted);line-height:1.8;max-width:290px}.method-details details{border-bottom:1px solid var(--line)}.method-details details:first-child{border-top:1px solid var(--line)}.method-details summary{font-size:14px;font-weight:600;padding:18px 25px 18px 0;cursor:pointer;line-height:1.5}.method-details details>div{padding:0 0 20px;color:var(--muted);font-size:12px;line-height:1.8}.method-details details p+p{margin-top:12px}.method-details a{color:var(--ink)}.site-footer{border-top:1px solid var(--line);padding:25px 32px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.site-footer>a{font-weight:600;text-decoration:none;color:var(--ink)}.noscript-note{position:fixed;bottom:0;left:0;right:0;padding:20px;background:#fff8df;border-top:1px solid #dcc999;z-index:2000;color:var(--ink)}[aria-busy=true] .visibility-value{opacity:.5}
@media(min-width:1550px){.workspace{grid-template-columns:390px minmax(0,1fr)}.search-section,.local-result,.forecast-section,.stations-section{padding-left:32px;padding-right:32px}.map-section{padding:25px 32px 30px}}
@media(max-width:1050px){.workspace{grid-template-columns:320px minmax(0,1fr)}.search-section,.local-result,.forecast-section,.stations-section{padding-left:21px;padding-right:21px}.map-section{padding:20px 18px}.header-descriptor{display:none}.map-caption{flex-wrap:wrap;gap:5px}.map-caption>span:last-child{text-align:left}.map-wrap{height:60vh;min-height:410px}.map-legend{gap:8px 10px}.mode-switch button{padding:8px 12px}.mode-switch button span{display:block;margin:2px 0 0}.methodology{gap:38px;padding:45px 30px}}
@media(max-width:760px){body{font-size:14px}.site-header{padding:18px 19px;min-height:75px;gap:16px}.brand{font-size:24px;gap:9px}.brand svg{width:29px}.site-header nav{gap:15px;font-size:11px}.site-header .atlas-link{display:none}.workspace{display:flex;flex-direction:column}.sidebar{display:contents;border:0}.search-section{order:0;padding:21px 20px 17px;border-bottom:0}.search-section h2{font-size:15px;margin-bottom:9px}.search-box input{font-size:16px}.search-hint{font-size:11px}.location-actions{justify-content:flex-start;gap:25px;margin-top:9px}.location-actions .text-button{min-height:35px;font-size:12px}.map-section{order:1;position:static;padding:0 16px 22px}.map-toolbar{margin-bottom:12px;gap:10px}.mode-switch button{font-size:12px;padding:8px 14px}.mode-switch button span{display:inline;font-size:10px;margin:0 0 0 4px}.map-wrap{height:48vh;min-height:330px;max-height:520px}.map-caption{top:10px;left:10px;right:10px}.map-caption>span{padding:5px 7px;font-size:9px}.map-legend{padding-top:11px;font-size:10px;gap:7px 12px}.map-legend .legend-label{display:none}.timeline{padding-top:15px;margin-top:4px}.selected-time{font-size:22px}.tomorrow-button{padding:10px 12px;font-size:11px;gap:12px}#time-slider{margin-top:18px;height:24px}.map-explanation{font-size:11px;margin-top:13px}.local-result{order:2;border-top:1px solid var(--line);padding:25px 22px;background:white}.forecast-section{order:3;padding:20px 22px;background:white}.stations-section{order:4;padding:23px 22px 28px;background:white}.empty-result{margin-top:18px;margin-bottom:0;padding-top:18px}.source-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.source-fact{font-size:12px}.source-fact dt{font-size:10px}#place-title{font-size:29px}.condition-title{font-size:18px}.visibility-value{font-size:52px}.section-label h3{font-size:13px}.station-name{font-size:13px}.station-meta,.station-distance{font-size:11px}.station-list button{padding:12px 0;min-height:49px}.station-visibility{font-size:17px}.station-dot{width:10px;height:10px}.subtle{font-size:12px}.all-stations{font-size:12px}.hour-details{font-size:13px}table{font-size:12px}.fog-window{font-size:13px}.methodology{grid-template-columns:1fr;gap:24px;padding:35px 22px 40px}.method-intro h2{font-size:27px;margin-top:8px;margin-bottom:10px}.method-intro>p:last-child{max-width:500px}.method-details summary{font-size:13px;padding:17px 16px 17px 0}.site-footer{padding:23px 22px;display:grid;gap:10px}.map-toolbar>.text-button{font-size:10px}.search-results{max-height:300px}.icon-button{min-height:36px;min-width:36px}.visibility-chart{max-width:650px}}
@media(max-width:370px){.site-header{padding:17px 15px}.brand{font-size:22px}.site-header nav{font-size:10px}.search-section{padding:19px 16px 14px}.map-section{padding:0 10px 20px}.map-toolbar{gap:8px}.mode-switch button{padding:8px 10px}.mode-switch button span{display:block;margin:1px 0 0}.map-caption>span{font-size:9px;max-width:100%}.map-wrap{min-height:330px;height:45vh}.map-legend{font-size:9px;gap:7px 10px}.map-explanation{font-size:10px}.timeline-heading{gap:8px}.tomorrow-button{font-size:10px;padding:10px}.selected-time{font-size:21px}.source-facts{grid-template-columns:1fr}.local-result,.forecast-section,.stations-section{padding-left:18px;padding-right:18px}.methodology{padding-left:18px;padding-right:18px}.visibility-value{font-size:47px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.source-fact{margin:0}.chart-note{font-size:10px;color:var(--muted);margin:5px 0 0}
.site-header,.location-actions{flex-wrap:wrap}.station-copy{overflow-wrap:anywhere}.site-header nav{flex-wrap:wrap}.brand{max-width:100%;flex-shrink:1}.brand>span{overflow-wrap:anywhere}.brand svg{flex:none}.map-toolbar>.text-button{white-space:normal}
.skip-link{top:0;transform:translateY(-150%)}.skip-link:focus{top:12px;transform:translateY(0)}
/* Layer controls and independent observation sources. */
select{font:inherit;color:var(--ink);background:white;border:1px solid #aab9ae;border-radius:5px;min-width:0;max-width:100%;width:100%;padding:9px 28px 9px 10px;line-height:1.4}
select:focus-visible{outline:3px solid #b66528;outline-offset:3px}
.mode-switch{flex-wrap:wrap;gap:3px}.mode-switch button{flex:1 1 auto;min-width:max-content;max-width:100%;overflow-wrap:normal}.mode-switch button span{display:block;margin:2px 0 0}
.observation-controls{display:flex;flex-wrap:wrap;gap:12px;margin:-3px 0 15px}.observation-controls label{flex:1 1 180px;display:grid;gap:4px;min-width:0;max-width:330px;font-size:10px;font-weight:600;color:var(--muted)}.observation-controls select{font-size:12px;font-weight:400;background:#fffffff2}
.station-records{padding:13px 0 0;border-top:1px solid var(--line);margin-top:18px}.station-records label{display:block;font-size:11px;font-weight:600;margin-bottom:7px}.station-records select{font-size:12px}.station-records p{font-size:10px;color:var(--muted);margin-top:6px}
.source-notice{font-size:11px;color:#75481f;border-left:2px solid #c69654;padding-left:9px;margin-top:10px;line-height:1.6}.source-details{font-size:11px;margin-top:14px}.source-details summary{cursor:pointer;color:var(--muted)}.source-status{padding-top:10px;margin-top:10px;border-top:1px solid var(--line);font-size:11px;overflow-wrap:anywhere}.source-status p+p{margin-top:4px;color:var(--muted)}
.observation-marker.is-compact .obs-pin{width:13px;height:13px;transform:translate(2px,2px);border-radius:50%;box-shadow:0 1px 3px #173a3259}.observation-marker.is-compact .obs-pin::after{display:none}.observation-marker.is-compact .obs-pin.is-stale{box-shadow:none}
.satellite-controls{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.satellite-product{display:flex;align-items:end;flex-wrap:wrap;justify-content:space-between;gap:10px 16px;margin-bottom:19px}.satellite-product label{display:grid;gap:5px;flex:1 1 240px;max-width:450px;min-width:0;color:var(--muted);font-size:10px;font-weight:600}.satellite-product select{font-size:12px;font-weight:400}.satellite-product>.text-button{margin-bottom:3px}.timeline-heading{flex-wrap:wrap}.timeline-heading>div{min-width:0}.tomorrow-button{max-width:100%;overflow-wrap:anywhere;flex-shrink:1}
#satellite-slider{width:100%;display:block;margin:20px 0 5px;accent-color:var(--ink);height:22px;cursor:pointer}#satellite-slider:disabled{opacity:.4;cursor:default}.satellite-controls .time-ticks{gap:15px;line-height:1.5}.satellite-controls .time-ticks span:last-child{text-align:right}.opacity-control{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0 16px}.opacity-control label{display:flex;gap:13px;font-size:11px;font-weight:600;align-items:center}.opacity-control output{font-size:11px;color:var(--muted);font-weight:400;font-variant-numeric:tabular-nums}#satellite-opacity{width:140px;max-width:100%;accent-color:var(--ink);height:20px;cursor:pointer}.satellite-legend{font-size:11px;line-height:1.7;max-width:750px}.satellite-interpretation{font-weight:600}.satellite-legend ul{padding-left:17px;margin:7px 0 0;color:var(--muted)}.history-notice{padding:9px 12px;margin-top:10px;border-left:2px solid #b18449;background:#f1ecdd;color:#644c2d}.satellite-source{font-size:10px;color:var(--muted);margin-top:13px;overflow-wrap:anywhere}
.location-context,.road-context{padding:20px 26px;border-top:1px solid var(--line);background:white;min-width:0}.location-context h3,.road-context h3{font-size:12px;line-height:1.5}.location-context .section-label{align-items:start}.location-context .section-label h3{overflow-wrap:anywhere}.context-link,.road-context a{display:inline-block;font-size:11px;font-weight:600;margin-top:11px;line-height:1.6}.road-context p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:7px}.road-context a{padding:9px 11px;background:var(--paper);border:1px solid var(--line);border-radius:4px;text-decoration:none}.road-context a:hover{text-decoration:underline}.warning-item{border-top:1px solid var(--line);margin-top:11px;padding-top:10px;font-size:11px;line-height:1.7}.warning-item summary{cursor:pointer;font-weight:700}.warning-item p{margin-top:8px;overflow-wrap:anywhere}.warning-item .warning-validity{font-variant-numeric:tabular-nums;color:var(--muted)}.boundary-note{font-size:10px;color:var(--muted);line-height:1.6;margin-top:11px}
@media(min-width:1550px){.location-context,.road-context{padding-left:32px;padding-right:32px}}
@media(max-width:1050px){.location-context,.road-context{padding-left:21px;padding-right:21px}}
@media(max-width:760px){.observation-controls{gap:8px;margin:0 0 12px}.observation-controls label{max-width:none;flex-basis:160px}.observation-controls select,.satellite-product select{font-size:13px;min-height:40px}.location-context{order:3;padding:20px 22px}.forecast-section{order:4}.stations-section{order:5}.road-context{order:6;padding:20px 22px}.location-context h3,.road-context h3{font-size:13px}.road-context p,.context-link,.road-context a,.warning-item{font-size:12px}.station-records select{font-size:13px}.station-records p,.boundary-note{font-size:11px}.source-details,.source-status,.source-notice{font-size:12px}.satellite-controls{padding-top:14px;margin-top:14px}.satellite-legend{font-size:12px}.satellite-source{font-size:11px}.satellite-product label{font-size:11px}.opacity-control label,.opacity-control output{font-size:12px}.satellite-product{gap:7px;margin-bottom:15px}.mode-switch button span{display:block;margin:1px 0 0}}
@media(max-width:370px){.location-context,.road-context{padding-left:18px;padding-right:18px}.mode-switch{width:100%}.mode-switch button{padding:8px 7px}.observation-controls label{flex-basis:140px}}