:root{color-scheme:light dark;--bg:#fbf8ef;--ink:#30382c;--card:#fffdf7;--line:#d9decc;--link:#52632e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 system-ui,sans-serif}main{max-width:820px;margin:0 auto;padding:48px 24px 64px}nav{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:48px}a{color:var(--link);text-underline-offset:4px}h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1.15;letter-spacing:-.035em}h2{font-size:1.3rem;margin-top:32px}p,li{max-width:72ch}.intro{font-size:1.2rem}.card{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--card);margin:28px 0}footer{margin-top:48px;border-top:1px solid var(--line);padding-top:20px;font-size:.9rem}.date{font-size:.9rem}a:focus-visible{outline:3px solid #ae80ca;outline-offset:4px}@media(prefers-color-scheme:dark){:root{--bg:#191d18;--ink:#edeede;--card:#242b20;--line:#4e5943;--link:#c4d89c}}