/* Preserve the existing dashboard palette; improve web readability and navigation. */
body{font-size:16px}.masthead{padding:17px 0}.eyebrow,.edition{font-size:12px}
h1{font-size:clamp(28px,3.2vw,40px);margin:18px 0 10px}
.resource-nav{display:flex;gap:10px 24px;flex-wrap:wrap;padding-top:12px;font-size:14px}
.resource-nav a{text-underline-offset:3px}.notice{font-size:14px;margin:15px 0}
.controls{margin-top:16px}.control-top{padding:18px;gap:18px}
.control-top label,.driving p,.range-labels,.range-controls p,.playline label,.jump button{font-size:14px}
.control-top p,.driving label,.mapkey,.method p,.method details,.assumptions,.assumptions th{font-size:14px!important}
.driving{padding:14px 18px}.range-controls{padding:12px 18px}
#demand-note,.live-note,.column-label small,.row-title p,.row-status,.card-head strong,
.card-head span,.metric-label,.paired-note,.loss-delta,.waiting,.range-caption,.range-status,
.ticks,.legend,.comparison-intro p,footer,.export,#loading{font-size:12px}
.column-label,.row-title h3{font-size:18px}.card-head{flex-wrap:wrap}
.minutes small,.delta{font-size:14px}.range-context{font-size:14px}
.method{scroll-margin-top:110px}.assumptions{scroll-margin-top:110px}
pre{font:14px/1.6 ui-monospace,monospace}.load-line{display:flex;align-items:center;gap:12px;min-height:34px}
button[hidden]{display:none}.busy .range-panel{opacity:.5}.busy .maps{opacity:.5}
.busy .range-panel,.busy .maps{pointer-events:none}#retry{font-size:14px;padding:4px 10px}
@media(max-width:850px){.resource-nav{gap:8px 18px}.card-head span{overflow-wrap:anywhere}.column-label small{font-size:12px}.metric-label,.row-status,.loss-delta,.delta{font-size:12px}.card-head{display:flex}.map-foot .loss{overflow-wrap:anywhere}}
@media(max-width:480px){.resource-nav{font-size:14px}.row-title{align-items:flex-start;flex-wrap:wrap}.row-title h3{font-size:17px}.row-title p{font-size:12px}.column-label{font-size:14px}.playline label,.jump button{font-size:14px}.mapkey{font-size:12px}.clock{font-size:22px}.card-head{padding:10px 8px}.minutes small{font-size:12px}.column-label small{font-size:12px}.maps{align-items:stretch}.comparison-intro .legend{white-space:normal;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}