:root{--bg:#F5F7FA;--card:#FFFFFF;--t1:#0B1220;--t3:#465162;--t5:#646F80;--line:rgba(15,23,32,0.10);--acc:#0B8F55;color-scheme:light}
:root[data-theme="dark"]{--bg:#06080B;--card:#0D1117;--t1:#FFFFFF;--t3:#A9B3C1;--t5:#8A95A5;--line:rgba(255,255,255,0.08);--acc:#2BE38B;color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--t3);font:400 17px/1.7 'Manrope',system-ui,sans-serif}
a{color:var(--acc)}
header,main,footer{max-width:820px;margin:0 auto;padding:0 24px}
header{padding-top:28px;padding-bottom:28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--t1);font:800 20px 'Unbounded',sans-serif}
.logo span{color:var(--acc)}
h1{font:800 40px/1.1 'Unbounded',sans-serif;letter-spacing:-1px;color:var(--t1);margin:24px 0 8px}
h2{font:700 20px/1.3 'Unbounded',sans-serif;color:var(--t1);margin:40px 0 8px}
.meta{font:500 13px 'JetBrains Mono',monospace;color:var(--t5)}
.draft{margin:28px 0;padding:18px 20px;border-radius:14px;border:1px dashed #A86A00;background:rgba(255,176,32,0.10);color:var(--t1);font-size:15px}
main{padding-bottom:64px}
table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--t1)}
footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:48px;font-size:14px;display:flex;gap:20px;flex-wrap:wrap}
footer a{color:var(--t5)}
