:root{--bg:#fff8f1;--fg:#2b2320;--muted:#6f625b;--card:#fff;--line:#ecdccd;--accent:#e2567a;--link:#b8325a}
@media (prefers-color-scheme:dark){:root{--bg:#1c1716;--fg:#f4ece6;--muted:#b3a59c;--card:#262020;--line:#3a302d;--accent:#ff7d9c;--link:#ff9bb3}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
header,main,footer{max-width:760px;margin:0 auto;padding:0 20px}
header{padding-top:28px;padding-bottom:8px}
header a.brand{color:var(--accent);font-weight:800;font-size:1.25rem;text-decoration:none}
nav a{margin-right:16px;color:var(--muted);text-decoration:none;font-size:.95rem}nav a:hover{color:var(--link)}
h1{font-size:2rem;line-height:1.2;margin:.8em 0 .2em}h2{font-size:1.2rem;margin:1.8em 0 .4em;padding-top:.6em;border-top:1px solid var(--line)}
p,li{margin:.5em 0}ul{padding-left:1.2em}a{color:var(--link)}
.meta{color:var(--muted);font-size:.9rem;margin-top:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px 18px 14px;margin:16px 0}
table{width:100%;border-collapse:collapse;font-size:.95rem;margin:.6em 0}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:8px 6px}th{color:var(--muted);font-weight:600}
footer{color:var(--muted);font-size:.85rem;padding-top:28px;padding-bottom:40px}
@media (max-width:520px){th,td{display:block;border:0;padding:2px 0}tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}}