:root{ --bg:#FAF8FC; --text:#211D2B; --muted:#6B6578; --accent:#6C4AB6; --warn-bg:#FFF4D6; --warn:#7A5B00; }
@media (prefers-color-scheme: dark){ :root{ --bg:#16131C; --text:#EEEAF4; --muted:#A49DB2; --accent:#B39AF0; --warn-bg:#3A3015; --warn:#F2D27A; } }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--text); font:16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main{ max-width:760px; margin:0 auto; padding:24px 20px 60px; }
h1{ font-size:1.7rem; margin:.4em 0 .6em; } h2{ font-size:1.15rem; margin:1.8em 0 .4em; } h3{ font-size:1rem; margin:1.2em 0 .3em; }
a{ color:var(--accent); } .muted{ color:var(--muted); font-size:.9rem; }
.warn{ background:var(--warn-bg); color:var(--warn); border-radius:12px; padding:12px 14px; font-size:.92rem; }
.ph{ background:#ffe08a55; border-radius:4px; padding:0 4px; font-weight:600; }
table{ border-collapse:collapse; width:100%; font-size:.92rem; } td,th{ text-align:left; vertical-align:top; padding:6px 8px; border-bottom:1px solid #8883; }
.back{ display:inline-block; margin-bottom:8px; text-decoration:none; }