.contrast-toggle{margin:0;display:inline-flex;align-items:center}.contrast-toggle .button{font-size:11px;min-height:40px}
/* Deliberate high contrast palette. The server sets the attribute before paint. */
html[data-contrast="high"]{--navy:#000;--ink:#000;--blue:#003b66;--cyan:#005061;--line:#000;--muted:#111;--bg:#fff;--orange:#703800;--green:#00512d;--red:#850020;color-scheme:light}
[data-contrast="high"] body{background:#fff;color:#000;font-size:15px}
[data-contrast="high"] :is(.topbar,.panel,footer,.status-strip,.tag,.message,.notice,.errorlist,.filterbar,.map-caption,.capture-card,.panel-foot,input,select,textarea){background:#fff;color:#000;border-color:#000}
[data-contrast="high"] :is(p,small,label,th,td,dt,dd,code,.eyebrow,.fine,.helptext,.attribution,.attribution small,.section-number,.key,.badge,.status,.empty-cell,.no-capture,.map-caption,.rank){color:#000}
[data-contrast="high"] :is(p,.fine,.helptext,.data-form label,.data-form ul,.form-help p,.form-help dl,.form-help dt,.form-help dd,.attribution,.attribution small,td,th,.map-caption,.metric-list,.metric-list dd){font-size:14px}
[data-contrast="high"] a{color:#003b66;text-decoration:underline;text-underline-offset:3px}
[data-contrast="high"] :is(input,select,textarea,button){font-size:14px}
[data-contrast="high"] input::placeholder,[data-contrast="high"] textarea::placeholder{color:#333;opacity:1}
[data-contrast="high"] :is(.button,.text-button){background:#fff;border:2px solid #000;color:#000;min-height:40px;font-size:13px}
[data-contrast="high"] :is(.button.primary,.button.dark){background:#000;border-color:#000;color:#fff}
[data-contrast="high"] :is(.button:hover,.text-button:hover){filter:none;text-decoration:underline}
[data-contrast="high"] :is(a,button,input,select,textarea):focus-visible{outline:3px solid #850050;outline-offset:4px}
[data-contrast="high"] :is(.utility,.rail,.receiver,.receiver-bar,.receiver-foot){background:#000;color:#fff;border-color:#fff}
[data-contrast="high"] :is(.utility,.rail,.receiver) :is(span,p,b,small,label,.scale-label,.rx-ruler){color:#fff}
[data-contrast="high"] :is(.utility,.rail,.receiver) a{color:#fff}
[data-contrast="high"] #utc-clock{color:#fff}
[data-contrast="high"] .receiver :is(input,select,button){background:#fff;color:#000;border-color:#fff}
[data-contrast="high"] .receiver button.active{outline:3px solid #fff;outline-offset:2px}
[data-contrast="high"] :is(.message.error,.errorlist){border:2px solid #850020;color:#000!important}
[data-contrast="high"] .message.success{border:2px solid #00512d;color:#000}
[data-contrast="high"] :is(.status,.badge,.tag){background:#fff;border:1px solid #000}
[data-contrast="high"] .leaflet-control-attribution{background:#fff!important;color:#000!important;font-size:12px!important}
@media(forced-colors:active){.contrast-toggle button{border:2px solid ButtonText}}
[data-contrast="high"] .topbar{flex-wrap:wrap;gap:20px}
[data-contrast="high"] .topbar nav{font-size:14px;flex-wrap:wrap;gap:16px}
[data-contrast="high"] .topbar nav a{color:#003b66}
[data-contrast="high"] .account{font-size:13px}
[data-contrast="high"] footer{font-size:13px;flex-wrap:wrap;align-items:center}
[data-contrast="high"] .panel-heading h2{font-size:15px}
@media(max-width:550px){[data-contrast="high"] .utility{height:auto;min-height:32px;flex-wrap:wrap;font-size:9px;gap:5px;padding:6px 12px}[data-contrast="high"] .topbar nav{justify-content:flex-start;gap:12px}[data-contrast="high"] .wordmark small{font-size:8px}}