:root{color-scheme:light;--ink:#252a46;--paper:#fffaf5;--muted:#626676;--indigo:#454d85}*{box-sizing:border-box}body{margin:0;background:#f6f2e9;color:var(--ink);font:17px/1.7 system-ui,sans-serif}main{max-width:880px;margin:auto;padding:52px 24px 80px}header{display:flex;align-items:center;gap:24px;padding:24px 0 40px}header img{width:100px;height:100px;border-radius:24px}h1{font-size:clamp(30px,6vw,48px);line-height:1.1;margin:0 0 12px;letter-spacing:-1.5px}h2{font-size:28px;margin:0 0 8px}h3{font-size:19px;margin:0 0 9px}p{margin:0 0 14px;color:var(--muted)}a{color:var(--indigo);text-underline-offset:4px}nav{display:flex;gap:24px}article{background:var(--paper);border:1px solid #ded8cd;border-radius:24px;padding:32px;margin-bottom:24px}section{padding-top:24px}small{color:var(--muted)}li{margin-bottom:12px}a:focus-visible{outline:3px solid #cc4f40;outline-offset:4px}@media(max-width:500px){header{align-items:flex-start;gap:16px}header img{width:72px;height:72px}article{padding:24px}main{padding-top:24px}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#f3efe9;--paper:#24263a;--muted:#c5c6d0;--indigo:#b4bbff}body{background:#191b2b}article{border-color:#45475b}}