:root{--bg:#F5F3EF;--card:#FFFFFF;--ink:#1C1A17;--ink-soft:#6B665E;--line:#E2DED6;--orange:#E8500F;}
:root[data-theme="dark"]{--bg:#161512;--card:#201E1A;--ink:#F0EDE7;--ink-soft:#A29B91;--line:#3A362F;--orange:#FF7A3D;}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Barlow",system-ui,sans-serif;font-size:16px;line-height:1.55}
.wrap{max-width:760px;margin:0 auto;padding:24px 18px 60px}
h1{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:34px;letter-spacing:.5px;margin:0 0 6px}
h2{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:22px;letter-spacing:.5px;margin:28px 0 8px;color:var(--orange)}
p,li{margin:0 0 10px}
ul{padding-left:22px}
a{color:var(--orange)}
.back{display:inline-block;margin-bottom:18px;color:var(--ink-soft);text-decoration:none;font-weight:600}
.todo{background:#FFF3D6;color:#7A5200;border-left:4px solid #E8A200;padding:8px 12px;border-radius:6px;font-size:14px;margin:8px 0}
:root[data-theme="dark"] .todo{background:#3A3212;color:#E8C55A}
.meta{color:var(--ink-soft);font-size:14px}
table{border-collapse:collapse;width:100%;font-size:15px;margin:10px 0}
th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:12.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft)}