:root{--bg:#fbf7ef;--card:#ffffff;--ink:#2d3a3a;--muted:#5d6b6a;--accent:#3c8d6e;--line:#e6dfd2}
@media (prefers-color-scheme:dark){:root{--bg:#1d2322;--card:#262e2d;--ink:#eef2ef;--muted:#a9b6b3;--accent:#7fd1ad;--line:#3a4544}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 16px 64px}
header{margin-bottom:24px}
h1{font-size:1.9rem;line-height:1.2;margin:0 0 6px}
h2{font-size:1.2rem;margin:32px 0 8px}
p,li{color:var(--ink)}
.meta{color:var(--muted);margin:0}
a{color:var(--accent)}
nav a{margin-right:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin:16px 0}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{text-align:left;vertical-align:top;padding:8px;border-bottom:1px solid var(--line)}
footer{margin-top:48px;color:var(--muted);font-size:.9rem}
@media (max-width:560px){table,thead,tbody,tr,th,td{display:block}thead{display:none}td{border:0;padding:4px 0}tr{border-bottom:1px solid var(--line);padding:8px 0}}