:root{color-scheme:light}*{box-sizing:border-box}body{font:18px/1.7 system-ui,sans-serif;color:#25334a;background:#f7f8fb;max-width:800px;margin:4rem auto;padding:0 1.5rem}a{color:#2755a6;text-underline-offset:.18em}nav{border-bottom:1px solid #d8deea;padding-bottom:1rem;display:flex;gap:1.5rem;flex-wrap:wrap}h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.15;letter-spacing:-.035em}h2{line-height:1.35}article{margin:2rem 0;padding:1.5rem 0;border-bottom:1px solid #d8deea}footer{margin-top:4rem;font-size:.85rem;color:#586477}.intro{font-size:1.2rem;color:#586477}a:focus-visible{outline:2px solid #2755a6;outline-offset:4px}@media(max-width:500px){body{margin:2rem auto;font-size:16px}}