:root{ --bg:#F5F5FA; --ink:#12172B; --ink2:#5D6476; --line:#E3E3EC; --primary:#D22A4C; --card:#FFFFFF; color-scheme:light }
@media (prefers-color-scheme: dark){ :root{ --bg:#0B0E17; --ink:#EEF0F6; --ink2:#9AA2B8; --line:#262D40; --primary:#FB6B84; --card:#151A28; color-scheme:dark } }
*{ box-sizing:border-box }
body{ margin:0; background:var(--bg); color:var(--ink); font-family:-apple-system, system-ui, "Segoe UI", Roboto, sans-serif; font-size:15.5px; line-height:1.65 }
main{ max-width:760px; margin:0 auto; padding:32px 16px 64px }
h1{ font-size:26px; line-height:1.25; margin:0 0 6px }
h2{ font-size:18.5px; margin:32px 0 8px }
.muted{ color:var(--ink2); font-size:13.5px }
table{ width:100%; border-collapse:collapse; margin:10px 0; font-size:14px; background:var(--card); border-radius:12px; overflow:hidden }
th,td{ text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top }
th{ font-size:12.5px; color:var(--ink2); text-transform:uppercase; letter-spacing:.04em }
.tablewrap{ overflow-x:auto }
.ph{ background:#FDEFC8; color:#7A5300; padding:0 4px; border-radius:4px }
a{ color:var(--primary) }
.home{ display:inline-block; margin-bottom:18px; text-decoration:none; font-weight:600; font-size:14px }
.card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:18px 18px 8px; margin:14px 0 }
.logo{ width:140px; height:auto; display:block; margin:8px 0 18px }
.links a{ display:block; padding:14px 16px; background:var(--card); border:1px solid var(--line); border-radius:14px; margin:10px 0; text-decoration:none; font-weight:600 }
ol li{ margin-bottom:6px }