@font-face{font-family:Manrope;src:url('/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:light;--ink:#172c46;--muted:#4d6179;--blue:#2455bd;--rule:#d6e2ee}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:400 1rem/1.8 Manrope,system-ui,sans-serif}
header,footer{max-width:1120px;margin-inline:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
header img{display:block;width:176px;height:88px;object-fit:contain}
a{color:var(--blue);text-underline-offset:.2em;overflow-wrap:anywhere}
a:hover{color:#173d90}a:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:2px}
::selection{background:#cfe6ff;color:#172c46}
main{max-width:74ch;margin:40px auto 88px;padding-inline:24px}
h1{font-size:clamp(2rem,4.5vw,3rem);font-weight:500;line-height:1.18;letter-spacing:-.03em;text-wrap:balance;margin:0 0 24px}
.intro{font-size:1.15rem;line-height:1.75}.updated{font-size:.875rem;color:var(--muted);margin-top:24px}
section{margin-top:44px}h2{font-size:1.35rem;line-height:1.4;font-weight:650;margin:0 0 12px;text-wrap:balance}
p{margin:0 0 16px}footer{border-top:1px solid var(--rule);font-size:.875rem;color:var(--muted)}
@media(max-width:600px){header,footer{padding:20px;gap:16px}header img{width:140px;height:70px}main{margin-top:24px;padding-inline:20px}.intro{font-size:1.05rem}}