:root { --canvas:#FBF5EE; --ink:#3B2F2A; --soft:#8A7A70; --peach:#F2A07B; --warm:#FFF1E6; --line:#EDE3D8; }
@media (prefers-color-scheme: dark) { :root { --canvas:#1E1815; --ink:#F4E9E0; --soft:#B7A79B; --warm:#2A211C; --line:#3A2F29; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--canvas); color:var(--ink); font:17px/1.6 -apple-system, "SF Pro Rounded", system-ui, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 48px 20px 80px; }
header { display:flex; align-items:center; gap:14px; margin-bottom: 32px; }
header img { width:56px; height:56px; border-radius:13px; }
header a { color:var(--ink); text-decoration:none; font: 600 20px/1.2 ui-serif, "New York", Georgia, serif; }
h1 { font: 600 34px/1.2 ui-serif, "New York", Georgia, serif; margin: 0 0 6px; }
h2 { font: 600 22px/1.3 ui-serif, "New York", Georgia, serif; margin: 36px 0 8px; }
p, li { color: var(--ink); }
.meta { color: var(--soft); font-size: 15px; margin-bottom: 24px; }
a { color: #D9774B; }
nav { display:flex; gap:18px; margin: 0 0 28px; font-weight:600; font-size:15px; }
.card { background:var(--warm); border:1px solid var(--line); border-radius:20px; padding:18px 20px; margin: 16px 0; }
footer { margin-top: 48px; color: var(--soft); font-size: 14px; }