@font-face{font-family:Archivo;src:url('/vendor/fonts/archivo-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:Archivo;src:url('/vendor/fonts/archivo-latin-ext.woff2') format('woff2');font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--ink:#102448;--muted:#50617b;--line:#d5dfeb;--soft:#e6edf4;--bar:#9fb3c8;--gold:#ffd04a;--teal:#14665d;--amber:#9a5b00;--red:#a42a3b;--paper:#fff;--bg:#f0f4f8}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
main{padding:22px 24px 16px}
header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
h1{font-size:23px;line-height:1.2;margin:4px 0 0;letter-spacing:-.4px}
h2{font-size:13px;margin:0 0 2px;letter-spacing:.1px}
.eyebrow{color:#526882;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700}
.badge{font-size:10px;font-weight:700;border:1px solid #b7cfcf;background:#e3f2ed;color:#135f55;padding:6px 9px;border-radius:30px;white-space:nowrap}
.kind{font-size:10px;font-weight:700;color:#526882;letter-spacing:.8px;text-transform:uppercase}
.sub{font-size:11.5px;color:var(--muted);margin:0 0 6px}
button,select,input{font:inherit;color:inherit}
button{cursor:pointer}
button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #167d91;outline-offset:2px}
.num{font-variant-numeric:tabular-nums}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-width:0}
.picker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.picker button{border:1px solid #b4c1d2;background:#fff;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600}
.picker button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.picker select{display:none;width:100%;border:1px solid #b4c1d2;border-radius:8px;padding:8px 10px;background:#fff}
.message{margin:0 0 12px;padding:10px 14px;min-height:66px;border-left:3px solid var(--gold);background:#fff;border-radius:0 10px 10px 0;font-size:13px;color:#233a5e}
.message small{display:block;font-size:10px;color:#6a7b92;letter-spacing:.8px;text-transform:uppercase;font-weight:700;margin-bottom:2px}
svg{display:block;width:100%;height:auto;overflow:visible}
svg text{font-family:Archivo,system-ui,sans-serif;fill:var(--ink)}
svg .t-muted{fill:var(--muted)}
svg .track{fill:var(--soft)}
svg .bar{fill:var(--bar);transform-box:fill-box;transform-origin:left center;transition:transform .45s cubic-bezier(.2,.7,.2,1),fill .3s}
svg .bar.win{fill:var(--ink)}
svg .col{fill:var(--bar);transform-box:fill-box;transform-origin:center bottom;transition:transform .45s cubic-bezier(.2,.7,.2,1),fill .3s}
svg .col.win{fill:var(--ink)}
svg .band{fill:#fff4cf}
svg .dot{fill:var(--ink);stroke:#fff;stroke-width:2;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
svg .marker{fill:var(--gold);stroke:var(--ink);stroke-width:1.2;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.foot{border-top:1px solid #ced9e4;margin-top:12px;padding-top:9px;display:flex;justify-content:space-between;gap:12px;font-size:10.5px;color:#546780}
.foot a{color:#175e8a}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
input[type=range]{width:100%;accent-color:var(--ink);min-height:30px}
@media (prefers-reduced-motion:reduce){svg .bar,svg .col,svg .dot,svg .marker,.cell{transition:none!important}}
@media (max-width:640px){main{padding:16px 14px 12px}h1{font-size:19px}header .badge{display:none}.picker button{display:none}.picker select{display:block}}