*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:#f8f7f4;color:#25282b;font:17px/1.7 system-ui,sans-serif}main,header,footer{max-width:820px;margin:auto;padding:24px}header{border-bottom:1px solid #ccd3d8}nav{display:flex;flex-wrap:wrap;gap:20px}a{color:#235c83;text-underline-offset:3px}a:focus-visible{outline:3px solid #b5566a;outline-offset:4px}.brand{font-size:24px;font-weight:700;text-decoration:none}h1{font:2.5rem/1.2 Georgia,serif}h2{font-size:1.25rem;margin-top:2rem}li{margin:12px 0}footer{border-top:1px solid #ccd3d8;font-size:.9rem} @media(prefers-color-scheme:dark){body{background:#181c20;color:#ebedf0}a{color:#9bcaec}}