:root{--bg:#120F0C;--surface:#181512;--raised:#221F1B;--text:#F4F1ED;--muted:#A8A49E;--border:#36322E;--accent:#E0A63F}
@media (prefers-color-scheme: light){:root{--bg:#F4EFE6;--surface:#FBF8F2;--raised:#FFFFFF;--text:#1E1A16;--muted:#5E5852;--border:#D9D1C4;--accent:#935800}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
main{max-width:720px;margin:0 auto;padding:40px 16px 64px}
.eyebrow{font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
h1{font-size:32px;line-height:1.15;margin:8px 0 4px}
h2{font-size:20px;margin:36px 0 8px}
p,li{color:var(--text)}
.muted{color:var(--muted)}
a{color:var(--accent)}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:10px 8px;border-bottom:1px solid var(--border)}
th{font-weight:600;color:var(--muted);font-size:13px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;margin:16px 0}
nav a{margin-right:16px}
@media (max-width:560px){table,thead,tbody,tr,th,td{display:block}thead{display:none}td{border:none;padding:4px 0}tr{border-bottom:1px solid var(--border);padding:10px 0}}