:root{color-scheme:dark;--bg:#090e13;--panel:#10181f;--line:#26333c;--muted:#8fa3b1;--text:#eff4f5;--amber:#ffbd59;--cyan:#64d7db;--green:#ade394;--red:#fc7f75;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,a,select{touch-action:manipulation}button,select{font:inherit;color:inherit;background:#17232d;border:1px solid #354550;border-radius:4px;padding:9px 13px;cursor:pointer}button:hover,select:hover{border-color:var(--amber)}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a{color:inherit;text-decoration:none}.masthead{height:92px;padding:0 3.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:850;letter-spacing:1.2px}.brand .brand-logo{display:block;height:54px;width:54px;object-fit:contain;flex-shrink:0}.brand small{display:block;font:10px var(--mono);color:var(--muted);letter-spacing:2px;margin-top:6px}.header-right{display:flex;gap:24px;align-items:center}time{font:12px var(--mono);color:#c5d2db}.signal{font:10px var(--mono);letter-spacing:1.5px;color:var(--amber);display:flex;align-items:center;gap:8px}.signal:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%;box-shadow:0 0 12px currentColor}.signal.live{color:var(--green)}#presentation{font-size:12px}#presentation span{margin-left:12px;color:var(--amber)}.nav-row{display:flex;align-items:center;justify-content:space-between;margin:0 3.2vw;border-bottom:1px solid var(--line);height:66px}nav{display:flex;height:100%;gap:32px}nav a{display:flex;align-items:center;gap:9px;font-weight:600;color:#97a8b3;border-bottom:2px solid transparent}nav a span{font:10px var(--mono);color:#657b8b}nav a.active{color:var(--amber);border-bottom-color:var(--amber)}nav a.active span{color:var(--amber)}.station-tag{font:10px var(--mono);letter-spacing:1.1px;color:#c4d1da}.crosshair{color:var(--amber);margin-right:9px;font-size:19px}.dim{color:var(--muted)}main{max-width:1800px;margin:auto;padding:30px 3.2vw 50px}.page-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.eyebrow{font:10px var(--mono);letter-spacing:2px;color:var(--amber);margin-bottom:10px}h1{font-size:clamp(28px,3.1vw,48px);letter-spacing:-1.7px;margin:0;font-weight:650;line-height:1.05}h1 em{font-style:normal;color:var(--muted);font-weight:400}p.subtitle{color:var(--muted);font-size:13px;line-height:1.6;margin:12px 0 0}.observation{border-left:1px solid var(--line);padding-left:22px;min-width:180px}.observation strong{font:15px var(--mono);display:block;margin-top:6px}.observation small{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.notice{font:11px var(--mono);line-height:1.6;padding:11px 14px;border-left:2px solid var(--amber);background:#211e17;color:#d9c29f;margin-bottom:20px}.notice[hidden]{display:none}.hero-grid{display:grid;grid-template-columns:1.1fr 1.1fr .85fr;gap:14px;margin-bottom:14px}.hero{position:relative;overflow:hidden;min-height:240px;border:1px solid var(--line);background:linear-gradient(120deg,#16212a,#10171e);padding:25px}.hero:after{content:'';position:absolute;right:-50px;bottom:-150px;width:310px;height:310px;border:1px solid #2e3d47;border-radius:50%;box-shadow:0 0 0 25px #20303933,0 0 0 50px #20303922,0 0 0 75px #20303911;pointer-events:none}.hero.wind:after{display:none}.label{font:10px var(--mono);letter-spacing:1.8px;color:var(--muted);text-transform:uppercase}.hero .label{color:#c7d3db}.big-number{font-family:var(--mono);font-size:clamp(56px,6.8vw,106px);letter-spacing:-7px;line-height:1.15;font-weight:500;position:relative;z-index:1;margin:15px 0 7px}.big-number small{font:22px var(--mono);letter-spacing:0;color:var(--muted);margin-left:10px}.amber{color:var(--amber)}.cyan{color:var(--cyan)}.hero-note{font:11px var(--mono);color:var(--muted);position:relative;z-index:1;line-height:1.6}.instrument{display:flex;align-items:center;gap:14px;margin-top:14px}.compass{width:150px;max-width:45%;flex-shrink:0;overflow:visible}.compass text{font:10px var(--mono);fill:#91a4b0}.compass .needle{fill:var(--cyan)}.wind-data .big-number{font-size:clamp(38px,4.5vw,70px);letter-spacing:-3px;margin:2px 0}.wind-data .big-number small{font-size:16px}.direction{font:14px var(--mono);color:var(--cyan);margin-top:12px}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:14px 0 30px}.metric{padding:20px 18px;border:1px solid var(--line);background:var(--panel);min-width:0}.metric-value{font:clamp(24px,2.5vw,38px) var(--mono);letter-spacing:-1px;margin-top:16px;white-space:nowrap}.metric-value small{font:12px var(--mono);color:var(--muted);margin-left:5px}.metric-note{color:var(--muted);font-size:10px;line-height:1.5;margin-top:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:26px 0 14px}h2{font-size:16px;font-weight:600;margin:0}h2 span{color:var(--muted);font-weight:400;margin-left:10px;font-size:12px}.ranges{display:flex;gap:5px}.ranges button{padding:6px 10px;font:10px var(--mono);background:transparent}.ranges button.active{background:var(--amber);border-color:var(--amber);color:#101820}.charts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.panel{background:var(--panel);border:1px solid var(--line);min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 19px;border-bottom:1px solid var(--line)}.panel-head h3{font-size:13px;font-weight:500;margin:0}.panel-head .unit{color:var(--muted);font:10px var(--mono)}.expand{border:0;background:transparent;padding:0 3px;color:var(--muted);font-size:16px;margin-left:10px}.plot{position:relative;padding:8px 10px 0;min-height:200px}.plot svg{display:block;width:100%;height:200px;overflow:visible}.plot text{font:9px var(--mono);fill:var(--muted)}.plot .grid{stroke:#2a3944;stroke-dasharray:2 5}.chart-bottom{display:flex;justify-content:space-between;gap:8px;padding:0 17px 14px;font:9px var(--mono);color:var(--muted)}.legend{display:flex;gap:15px;font:10px var(--mono);color:var(--muted);padding:13px 18px 0}.legend i{display:inline-block;width:14px;height:2px;background:var(--amber);vertical-align:middle;margin-right:6px}.legend .second i{background:var(--cyan)}.empty-plot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#718695;font:10px var(--mono);pointer-events:none}.empty-plot b{font-size:25px;font-weight:300;color:#526a7b}.plot-tooltip{position:absolute;left:15%;right:15%;top:4px;background:#0a1119ed;border:1px solid var(--line);padding:7px;color:var(--text);font:10px var(--mono);text-align:center;z-index:5;pointer-events:none}.science-note{font-size:11px;line-height:1.7;color:var(--muted);padding:18px 0}.science-note b{color:#c4d2dc;font-weight:500}.split{display:grid;grid-template-columns:2fr 1fr;gap:14px}.map{height:390px;background:#0e1820}.map-note{font:10px var(--mono);color:var(--muted);padding:12px 17px;line-height:1.5}.leaflet-tile-pane{filter:invert(95%) hue-rotate(175deg) saturate(.28) brightness(.82)}.leaflet-control-attribution{background:#10181fe8!important;color:#a1b5c2!important;font:9px var(--mono)!important}.leaflet-control-attribution a{color:#b5c6ce!important}.leaflet-bar a{background:#15222c!important;color:white!important;border-color:#3a4d5b!important}.leaflet-tooltip{color:var(--text);background:#10181ff2;border:1px solid #3b5262;box-shadow:none;font:11px var(--mono)}.leaflet-tooltip-top:before{border-top-color:#3b5262}.map-status{position:absolute;z-index:450;left:50%;top:45%;transform:translate(-50%,-50%);padding:14px 18px;text-align:center;background:#0b121bec;border:1px solid #304451;color:#acbdc8;font:11px var(--mono);width:max-content;max-width:85%;pointer-events:none}.map-wrap{position:relative}.flight-list{padding:9px;min-height:120px;max-height:250px;overflow:auto}.flight{width:100%;display:flex;justify-content:space-between;text-align:left;border:1px solid transparent;border-radius:0;background:transparent;padding:13px 11px;margin-bottom:3px}.flight.active{background:#25313a;border-color:#41515b;border-left:2px solid var(--amber)}.flight strong{display:block;font:13px var(--mono)}.flight small{font:10px var(--mono);color:var(--muted);display:block;margin-top:6px}.flight .age{font:10px var(--mono);color:var(--amber)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;padding:0 18px 15px;gap:17px}.detail-grid strong{font:23px var(--mono);display:block;margin:7px 0}.detail-grid small{font:11px var(--mono);color:var(--muted)}.detail-grid .label{font-size:9px;letter-spacing:.8px}.selection-title{display:flex;align-items:center;gap:15px;padding:19px;border-top:1px solid var(--line)}.selection-title strong{font:18px var(--mono);color:var(--amber)}.selection-title small{font:9px var(--mono);color:var(--muted)}.sounding-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.skewt-body{min-height:370px;display:flex;align-items:center;justify-content:center;position:relative;background:#192329}.skewt-body img{width:100%;max-height:660px;object-fit:contain}.skewt-body img[hidden]{display:none}.sounding-side{display:flex;flex-direction:column;gap:14px}.hodograph{width:100%;height:285px;display:block}.hodograph text{font:10px var(--mono);fill:var(--muted)}.quality{display:flex;gap:12px;align-items:start;padding:18px;border-top:1px solid var(--line);font-size:12px;line-height:1.6;color:var(--muted)}.quality b{color:var(--amber);font-weight:400}.foot-note{font:10px var(--mono);padding:14px 18px;line-height:1.6;color:var(--muted)}.focus-panel{position:fixed!important;inset:15px!important;z-index:2000!important;overflow:auto;display:flex;flex-direction:column;box-shadow:0 0 0 100px #090e13}.focus-panel .plot{flex:1;min-height:400px}.focus-panel .plot svg{height:100%}.focus-panel .map{height:calc(100vh - 140px)}.focus-panel .skewt-body{flex:1}.focus-panel .skewt-body img{max-height:calc(100vh - 160px)}.focus-panel .hodograph{flex:1;max-height:85vh;height:100%}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:23px 3.2vw;color:#7b93a3;font:9px var(--mono);letter-spacing:1px}footer b{color:var(--amber);margin:0 6px}.presentation .masthead{height:64px}.presentation .brand small,.presentation .station-tag,.presentation footer,.presentation .subtitle{display:none}.presentation main{padding-top:20px}.presentation .nav-row{height:50px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 20px;border:1px solid var(--line);background:#24313b;z-index:3000;font-size:13px}.empty-list{font:11px var(--mono);color:var(--muted);padding:28px 15px;line-height:1.7}.mini-live{font:9px var(--mono);color:var(--green)}
@media(min-width:1700px){.hero{min-height:270px}.plot svg{height:235px}.plot{min-height:235px}}@media(max-width:1100px){.hero-grid{grid-template-columns:1fr 1fr}.hero-grid .pressure{display:none}.metric-grid{grid-template-columns:repeat(3,1fr)}.charts{grid-template-columns:repeat(2,1fr)}.header-right{gap:14px}.station-tag .dim{display:none}.big-number{font-size:75px}.wind-data .big-number{font-size:62px}.split{grid-template-columns:1.5fr 1fr}.sounding-layout{grid-template-columns:1.2fr 1fr}}@media(max-width:720px){.masthead{height:75px;padding:0 18px}.brand{font-size:14px;gap:9px}.brand .brand-logo{width:42px;height:42px}.brand small{font-size:7px;letter-spacing:1px}.header-right{gap:8px}.header-right time,#presentation{display:none}.signal{font-size:8px;letter-spacing:.5px}.nav-row{margin:0 18px;height:57px}.station-tag{display:none}nav{width:100%;justify-content:space-between;gap:10px}nav a{font-size:12px;gap:5px}nav a span{font-size:8px}main{padding:24px 18px}.page-intro{align-items:start;gap:10px}h1{font-size:31px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1px}.subtitle{max-width:270px}.observation{min-width:105px;padding-left:10px}.observation small{font-size:8px}.observation strong{font-size:11px}.hero-grid{gap:10px}.hero{padding:18px 13px;min-height:203px}.big-number{font-size:57px;letter-spacing:-4px}.big-number small{font-size:15px;margin-left:5px}.hero .label{font-size:8px;letter-spacing:1px}.hero-note{font-size:9px}.instrument{gap:6px;flex-direction:column;margin-top:7px;align-items:start}.compass{position:absolute;width:75px;right:-4px;bottom:10px;opacity:.55}.wind-data .big-number{font-size:44px;letter-spacing:-2px;margin-top:13px}.direction{font-size:11px;margin-top:7px}.metric-grid{gap:10px;margin-bottom:25px}.metric{padding:16px 10px}.metric .label{font-size:8px;letter-spacing:.5px}.metric-value{font-size:26px}.metric-value small{font-size:9px}.metric-note{font-size:9px}.charts,.split,.sounding-layout{grid-template-columns:1fr}.charts{gap:12px}.map{height:330px}.section-heading h2{font-size:14px}.section-heading h2 span{display:none}.ranges button{font-size:9px;padding:6px 8px}.plot,.plot svg{min-height:200px}.skewt-body{min-height:320px}footer{flex-wrap:wrap;gap:12px;padding:20px 18px;font-size:8px}footer span:nth-child(2){display:none}.focus-panel{inset:5px!important}.metric-grid.sonde-metrics{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
[hidden]{display:none!important}.hero.pressure .big-number{font-size:clamp(44px,5.1vw,78px);letter-spacing:-5px;margin-top:26px}.hero.pressure .big-number small{font-size:15px;letter-spacing:0}
/* Analysis layout: aligned instruments, explicit quantities and compact plots. */
body{background:radial-gradient(ellipse at 80% 0,#10233066,transparent 45%),var(--bg)}
.page-intro{margin-bottom:24px}h1{font-size:clamp(28px,3.2vw,48px);letter-spacing:-1.7px}.hero{min-height:225px;background:linear-gradient(130deg,#172731,#0d171e)}.hero:after{display:none}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#5d829209 1px,transparent 1px),linear-gradient(90deg,#5d829209 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.hero-grid{grid-template-columns:1fr 1fr 1fr}.hero .big-number{font-size:clamp(48px,5.5vw,88px);letter-spacing:-5px}.hero .big-number small{font-size:17px}.hero.wind .big-number{font-size:clamp(38px,4.2vw,65px)}.rain-hero{border-top:2px solid var(--cyan)}.hero:first-child{border-top:2px solid var(--amber)}.hero.wind{border-top:2px solid #729daf}.microplot{height:40px;color:var(--amber);margin-top:10px;opacity:.75}.microplot svg{width:100%;height:40px}.rain-hero .microplot{color:var(--cyan)}.hero-note{text-transform:uppercase;font-size:10px}.hero-note span{color:var(--text)}.metric-grid.derived{grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.derived .metric{border:0;background:#101c25;padding:18px 22px;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 15px}.derived .metric-value{margin:0;font-size:31px;color:var(--cyan)}.derived .metric-note{grid-column:1 / -1;margin:0}.derived .label{font-size:9px;line-height:1.5;letter-spacing:1px}.observed .metric-value{font-size:30px}.section-heading>.unit{font:10px var(--mono);color:var(--cyan);letter-spacing:2px}.charts{grid-template-columns:repeat(2,minmax(0,1fr))}.chart .panel-head{background:#12212b}.chart .panel-head h3{font-size:13px}.plot svg{height:225px}.plot{min-height:225px}.chart-bottom{border-top:1px solid #26333c77;margin:8px 16px 0;padding:12px 0;font-size:9px;letter-spacing:.35px}.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.diagnostic-grid svg{width:100%;display:block}.diagnostic-grid svg text{font:11px var(--mono);fill:var(--muted)}#wind-rose{height:290px}#thermal-scale{height:180px}.moisture-panel .detail-grid{padding:22px;border-top:1px solid var(--line)}.methods{margin-top:28px;border:1px solid var(--line);padding:16px 20px;font:11px/1.7 var(--mono);color:var(--muted)}.methods summary{cursor:pointer;color:var(--text)}.methods a{color:var(--cyan);text-decoration:underline}.methods p{max-width:1100px}.focus-panel .plot svg{height:100%}.focus-panel .plot{flex:1}.subtitle{font-size:12px}.plot-tooltip{left:8%;right:8%}
@media(min-width:1700px){.charts{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid.derived{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding:20px 16px}.hero .big-number{font-size:52px;letter-spacing:-3px}.hero.wind .big-number{font-size:45px}.compass{width:90px}.hero .big-number small{font-size:12px;margin-left:5px}.derived .metric{display:block;padding:16px}.derived .metric-value{margin:10px 0}.metric-grid.derived{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.hero-grid{grid-template-columns:1fr 1fr}.rain-hero{grid-column:1 / -1;min-height:140px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.rain-hero .label{grid-column:1 / -1}.rain-hero .big-number{grid-row:2 / 4;margin:4px 0}.rain-hero .hero-note{grid-column:2;font-size:8px}.rain-hero .microplot{grid-column:2;width:100%;height:30px}.rain-hero .microplot svg{height:30px}.hero .big-number{font-size:53px}.hero.wind .big-number{font-size:44px}.hero{padding:18px 13px}.hero .label{font-size:8px}.hero .big-number small{font-size:12px}.metric-grid.derived{grid-template-columns:repeat(2,minmax(0,1fr))}.derived .metric{padding:15px 12px}.derived .metric:last-child{grid-column:1 / -1}.derived .metric-value{font-size:29px}.metric-grid.observed{grid-template-columns:repeat(2,minmax(0,1fr))}.observed .metric-value{font-size:28px}.charts,.diagnostic-grid{grid-template-columns:1fr}.compass{width:80px;right:2px}.chart-bottom{font-size:8px;letter-spacing:0}.page-intro h1{font-size:29px}.subtitle{font-size:10px}.section-heading h2{font-size:13px}.section-heading>.unit{font-size:8px}.methods{padding:14px;font-size:10px}}

.sounding-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:16px 0;color:#b5cbd7;font-size:12px}.sounding-controls a{color:#ffbd59;text-decoration:underline}.sounding-controls select{background:#162632;color:#ecf1f4;border:1px solid #355064;padding:8px;border-radius:4px}.sounding-controls span{flex-basis:100%}

/* Native SPC image needs the full content width to keep its tables legible. */
.sounding-layout{grid-template-columns:1fr}.sounding-side{display:grid;grid-template-columns:1fr 1fr}.skewt-body img{max-height:none;height:auto}.skewt-body{background:#000}@media(max-width:720px){.sounding-side{grid-template-columns:1fr}}

.sounding-waiting .skewt-body{min-height:64px;background:transparent}.sounding-waiting .foot-note{display:none}.live-skewt-body img{max-height:720px;width:100%;object-fit:contain}.sounding-controls a[hidden]{display:none}

/* Public reading experience: clear text, touch targets and optional detail. */
.skip-link{position:fixed;top:12px;left:16px;z-index:4000;transform:translateY(-180%);padding:13px 18px;background:var(--amber);color:var(--bg);font-weight:600}
.skip-link:focus{transform:none}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
main:focus{outline:none}
.notice{font-size:13px;line-height:1.6}
.metric-note,.hero-note,.foot-note,.map-note,.legend,.flight small,.flight .age{font-size:11px}
.metric-note{line-height:1.6}.subtitle{font-size:13px;line-height:1.6}
.empty-plot{font-size:12px;text-align:center;padding:12px}.empty-plot b{font-size:20px}
.metric-value{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;white-space:normal}
.metric-value small{margin-left:0;font-size:12px}.metric-value>span{min-width:0}
.label,.derived .label,.detail-grid .label{font-size:10px;line-height:1.5}
.expand{min-width:40px;min-height:40px;margin-left:6px;border:1px solid var(--line);border-radius:4px}
.expand:hover{background:#263946;color:var(--text)}
.panel-head{padding:12px 16px}.panel-head>div{display:flex;align-items:center;justify-content:flex-end;gap:5px}
.panel-head .unit{line-height:1.5;text-align:right}
.ranges button,#fit-map{min-height:40px;font-size:11px}.ranges button{padding:8px 12px}
.coverage-note{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.coverage-note summary{cursor:pointer;padding:15px 18px;color:var(--text)}
.coverage-note .foot-note{padding-top:0}.sounding-waiting .coverage-note{display:none}
.methods{font-size:12px;line-height:1.8}.methods summary{min-height:24px;font-size:13px}
#sounding-csv,#sounding-png{display:inline-flex;align-items:center;min-height:42px;border:1px solid #355064;border-radius:4px;padding:8px 12px;text-decoration:none;background:#162632}
#sounding-csv:hover,#sounding-png:hover{background:#263946}
.sounding-controls select{min-height:42px}.sounding-controls small{font-size:11px;line-height:1.6}
.flight>span:first-child{min-width:0}.flight strong{overflow-wrap:anywhere}.flight .age{flex-shrink:0;margin-left:10px}
@media(max-width:1100px){.derived .metric-value{display:flex}}
@media(max-width:720px){
 .subtitle{font-size:12px}.hero .label,.metric .label,.derived .label{font-size:10px;letter-spacing:.5px}
 .metric-note,.hero-note,.rain-hero .hero-note{font-size:11px}
 .hero .big-number{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:clamp(36px,10vw,53px);letter-spacing:-2px}
 .hero .big-number small{margin-left:0;font-size:13px}.hero.wind .big-number{font-size:clamp(32px,9vw,44px)}
 .hero-note{line-height:1.6}.hero.wind .hero-note{max-width:125px;padding-bottom:50px}
 .rain-hero{gap:6px 12px}.rain-hero .hero-note{grid-row:2}.rain-hero .microplot{grid-row:3}
 .metric-grid{gap:10px}.observed .metric-value,.derived .metric-value{font-size:27px;letter-spacing:-1px}
 .section-heading{flex-wrap:wrap}.section-heading h2{font-size:15px}.section-heading>.unit{font-size:10px;letter-spacing:1px}
 .ranges button{padding:8px 10px}.chart-bottom{font-size:10px;flex-wrap:wrap}.legend{flex-wrap:wrap;gap:8px 14px}
 .panel-head{padding:10px 12px}.panel-head h3{line-height:1.5}.panel-head .unit{font-size:10px}
 .observation small{font-size:10px}.brand small{font-size:8px}.signal{font-size:9px;max-width:115px;line-height:1.6}
 .selection-title{flex-wrap:wrap;gap:8px}.selection-title small{font-size:11px}
}
@media(max-width:480px){
 .page-intro{display:block}.page-intro h1{font-size:32px}.subtitle{max-width:none}
 .observation{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;text-align:left;border-left:0;border-top:1px solid var(--line);padding:12px 0 0;margin-top:18px}
 .observation small,.observation strong{margin:0}.observation small:first-child{flex-basis:100%;letter-spacing:1px}
 .masthead{padding:0 14px}.nav-row{margin:0 14px}main{padding:22px 14px}.brand{gap:7px}
 nav a{font-size:12px}nav a span{display:none}.detail-grid strong{font-size:21px}
 .flight strong{font-size:12px}.flight .age{font-size:10px}
}