*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;font:18px/1.65 system-ui,sans-serif;background:#f5f7fa;color:#192331}main{max-width:800px;margin:auto;padding:32px 24px 64px}h1{line-height:1.2;font-size:2rem}h2{line-height:1.3;font-size:1.4rem;margin-top:2rem}a{color:#1458bd}nav{display:flex;gap:20px;flex-wrap:wrap}section{padding:20px 0;border-top:1px solid #ccd5df}footer{margin-top:40px;font-size:.9rem}li{margin:12px 0}@media(prefers-color-scheme:dark){body{background:#111923;color:#e5ecf5}a{color:#90bdff}section{border-color:#344155}}