/* Design tokens (colours, sizes, fonts), reset, icon base. Change brand colours / sizes HERE. */
:root{--bg:#f1f5fb;--ink:#0b1b3a;--mut:#5b6b86;--line:#cfd9e8;--acc:#1d6bf3;--navy:#0b2a5b;--bad:#d1122f;--ok:#0b7a4f;--warn:#d97706;
--fv:clamp(20px,min(3.4vh,2.2vw),34px);--ch:clamp(32px,4.2vh,46px);--gap:clamp(6px,1.1vh,12px);--pv:clamp(6px,1.1vh,12px);--ff:"Segoe UI",Inter,system-ui,-apple-system,Roboto,sans-serif}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:15px/1.3 var(--ff);overflow:hidden}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
a:focus-visible,button:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 45%,transparent);outline-offset:2px}
@media(max-height:800px){:root{--ch:30px;--gap:5px;--pv:5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}