:root{--paper:#F4EFE6;--card:#FFFDF8;--ink:#1A1712;--muted:#6E675C;--line:#E6DDCC;--flag:#FF4B2B;--hi:#FFE45C}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:0 18px 48px}
header{display:flex;align-items:center;justify-content:space-between;padding:18px 0 8px}
.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:19px;letter-spacing:-.02em;text-decoration:none;color:inherit}
.logo svg{width:28px;height:28px}
nav a{color:var(--muted);font-size:14px;margin-left:14px;text-decoration:none}
nav a[aria-current]{color:var(--ink);font-weight:600}
h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:52px;line-height:1;margin:28px 0 6px;letter-spacing:-.015em}
.upd{color:var(--muted);font-size:14px;margin:0 0 26px}
.card{background:var(--card);border-radius:24px;padding:22px 24px;margin-bottom:14px;box-shadow:0 1px 0 rgba(26,23,18,.04),0 8px 28px -14px rgba(26,23,18,.16)}
h2{font-size:18px;margin:0 0 8px}
p,li{color:#3A352D}
p{margin:0 0 10px}
ul{margin:0 0 10px;padding-left:20px}
.key{background:var(--hi);border-radius:14px;padding:12px 14px;margin-bottom:14px;font-weight:500}
a{color:var(--ink)}
footer{color:var(--muted);font-size:13px;margin-top:26px}
@media (max-width:520px){nav a{margin-left:10px;font-size:13px}h1{font-size:42px}}