:root{color:#132a26;--brand:#176b58;--focus:#d26a00;background:#f6f8f7;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{grid-template:auto 1fr/minmax(14rem,18rem) 1fr;min-height:100vh;display:grid}header{color:#fff;background:#163832;grid-column:1/-1;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;display:flex}nav{background:#fff;flex-direction:column;gap:.25rem;padding:1rem;display:flex}nav a{color:#173f35;border-radius:.25rem;padding:.65rem;text-decoration:none}nav a.active{background:#d9eee8;font-weight:700}main{max-width:75rem;padding:clamp(1rem,3vw,2.5rem)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}form{gap:1rem;max-width:30rem;display:grid}label{gap:.35rem;font-weight:650;display:grid}input,button{min-height:2.75rem;font:inherit;padding:.65rem}button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:.25rem}button:disabled{opacity:.65;cursor:wait}[role=alert]{border-left:.3rem solid #a22;padding:.75rem}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;margin-block:1.5rem;display:grid}.cards article{background:#fff;border:1px solid #c8d6d2;border-radius:.4rem;padding:1rem}.cards h2{font-size:1rem}.metric{font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:750}.skip-link{color:#000;z-index:10;background:#fff;padding:.75rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}@media (width<=48rem){.app-shell{display:block}header{flex-direction:column}nav{flex-direction:row;overflow-x:auto}nav a{white-space:nowrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}