:root { --bg:#FBF7F0; --surface:#FFFFFF; --ink:#1C2321; --muted:#5B6560; --primary:#1F4D3F; --accent:#F2A541; --hair:#E7DFD2; }
@media (prefers-color-scheme: dark) { :root { --bg:#0F1714; --surface:#16211D; --ink:#EEF1EE; --muted:#A7B2AC; --primary:#8FC7B1; --hair:#26332E; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.6 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 20px 64px; }
header { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
header a { color:var(--primary); font-weight:700; text-decoration:none; font-size:20px; }
.mark { width:40px; height:40px; display:block; }
h1 { font-family: ui-serif, Georgia, serif; font-size: 36px; line-height:1.15; margin: 8px 0 4px; }
h2 { font-size: 20px; margin: 32px 0 8px; }
p, li { color: var(--ink); }
.muted { color: var(--muted); font-size: 15px; }
a { color: var(--primary); }
table { width:100%; border-collapse: collapse; font-size: 15px; }
th, td { text-align:left; padding: 8px; border-bottom: 1px solid var(--hair); vertical-align: top; }
.card { background: var(--surface); border:1px solid var(--hair); border-radius: 16px; padding: 16px 20px; margin: 16px 0; }
footer { margin-top: 48px; color: var(--muted); font-size: 14px; }