:root{--bg:#1a1816;--card:#221f1b;--edge:#2a2622;--ink:#f1ebe2;--muted:#9a9083;--faint:#5e574f;--accent:#e8b455}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:500 16px/1.65 'Space Grotesk',system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif}
main{max-width:720px;margin:0 auto;padding:56px 20px 80px}
.kicker{font:600 11px/1 'JetBrains Mono',ui-monospace,Menlo,monospace;letter-spacing:.2em;color:var(--accent);text-transform:uppercase}
h1{font-size:34px;line-height:1.15;margin:10px 0 6px;font-weight:700}
h2{font-size:19px;margin:34px 0 8px;font-weight:700}
p,li{color:var(--muted)}
strong{color:var(--ink);font-weight:700}
a{color:var(--accent)}
a:hover{color:var(--ink)}
.meta{font:600 11px/1.6 'JetBrains Mono',ui-monospace,Menlo,monospace;letter-spacing:.08em;color:var(--faint)}
.card{background:var(--card);border-radius:20px;box-shadow:inset 0 0 0 1px var(--edge);padding:20px 22px;margin:22px 0}
.card p{margin:.4em 0}
.lang{display:flex;gap:8px;margin:26px 0 0}
.lang a{font:600 11px/1 'JetBrains Mono',ui-monospace,Menlo,monospace;letter-spacing:.12em;text-decoration:none;padding:10px 14px;border-radius:10px;background:var(--card);box-shadow:inset 0 0 0 1px var(--edge);color:var(--muted)}
.lang a.on{background:var(--accent);color:#1a1816;box-shadow:none}
hr{border:0;border-top:1px solid var(--edge);margin:56px 0}
ul{padding-left:20px}
footer{margin-top:56px}
.mark{display:grid;grid-template-columns:repeat(2,34px);gap:6px;padding:9px;background:var(--card);border-radius:18px;width:max-content;box-shadow:inset 0 0 0 1px var(--edge)}
.mark span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:15px;color:#1a1816}