*{box-sizing:border-box}html{color-scheme:light dark;scroll-behavior:smooth}body{margin:0;font:17px/1.75 system-ui,-apple-system,sans-serif;background:#fffbf5;color:#30243d}main{max-width:820px;margin:auto;padding:48px 24px 72px}header{border-bottom:1px solid #ddd0c9;padding-bottom:28px;margin-bottom:36px}.brand{font-size:18px;color:#765dba;font-weight:800;letter-spacing:.08em}h1{font-size:clamp(30px,6vw,46px);line-height:1.2;margin:14px 0}h2{font-size:21px;line-height:1.4;margin-top:32px}p{margin:12px 0}nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}a{color:#6547a3;text-underline-offset:4px}nav a{padding:8px 16px;border:1px solid #bdaed6;border-radius:24px}article+article{border-top:1px solid #ddd0c9;margin-top:56px;padding-top:32px}footer{border-top:1px solid #ddd0c9;margin-top:48px;padding-top:20px;font-size:14px}a:focus-visible{outline:3px solid #ee685f;outline-offset:4px}@media(prefers-color-scheme:dark){body{background:#19131f;color:#f7eff9}a,.brand{color:#c4b0fc}header,article+article,footer{border-color:#4c4057}}