*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,sans-serif;background:#eef2f7;color:#152539}main{max-width:840px;margin:48px auto;padding:32px;background:#fff;border:1px solid #cdd8e3;border-radius:16px}nav{display:flex;gap:18px;flex-wrap:wrap;border-bottom:1px solid #cdd8e3;padding-bottom:18px}a{color:#075fa2}h1{line-height:1.2;font-size:32px}h2{font-size:21px;margin-top:28px}footer{border-top:1px solid #cdd8e3;margin-top:30px;padding-top:18px;color:#52677d}p{max-width:75ch}@media(max-width:600px){main{margin:12px;padding:22px}}@media(prefers-color-scheme:dark){body{background:#0b1420;color:#e5edf8}main{background:#122235;border-color:#30485f}nav,footer{border-color:#30485f}a{color:#81c8ff}footer{color:#afc0d3}}