:root { color-scheme: light; --bg:#f6f4ef; --ink:#1b1a17; --muted:#5c574e; --accent:#fe2c55; --card:#fff; }
* { box-sizing: border-box; }
body { margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif; background:var(--bg); color:var(--ink); line-height:1.55; }
header, main, footer { max-width: 720px; margin: 0 auto; padding: 24px 20px; }
header { display:flex; justify-content:space-between; align-items:baseline; gap:16px; }
a { color: var(--accent); }
.brand { font-weight: 700; letter-spacing: .02em; text-decoration:none; color: inherit; }
nav a { margin-left: 14px; text-decoration:none; color: var(--muted); font-size: 14px; }
.card { background: var(--card); border-radius: 16px; padding: 28px; box-shadow: 0 1px 0 rgba(0,0,0,.04); }
h1 { font-size: 28px; margin: 0 0 12px; }
h2 { font-size: 18px; margin: 28px 0 8px; }
p, li { color: var(--ink); }
.muted { color: var(--muted); }
code { background:#efeae1; padding: 2px 6px; border-radius: 6px; font-size: 13px; }
pre { background:#1b1a17; color:#f6f4ef; padding:16px; border-radius:12px; overflow:auto; }
footer { color: var(--muted); font-size: 13px; }