:root{--paper:#F5F6FA;--surface:#FFFFFF;--ink:#141A2E;--muted:#545C74;--line:#E1E4EE;--accent:#3048C9}
@media (prefers-color-scheme: dark){:root{--paper:#0F121A;--surface:#1B2030;--ink:#E9EDF7;--muted:#9DA6BC;--line:#2A3144;--accent:#8EA2FF;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "Manrope","Segoe UI",system-ui,sans-serif;
  padding:max(24px, env(safe-area-inset-top, 0px)) max(18px, env(safe-area-inset-right, 0px)) 60px max(18px, env(safe-area-inset-left, 0px))}
main{max-width:720px;margin:0 auto}
a{color:var(--accent)}
.back{display:inline-block;margin-bottom:18px;font-weight:600;text-decoration:none}
h1{font-family:"Manrope",system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;font-size:2rem;line-height:1.2;margin:0 0 6px}
h2{font-family:"Manrope",system-ui,sans-serif;font-weight:800;font-size:1.25rem;margin:34px 0 8px}
.meta{color:var(--muted);font-size:.92rem;margin:0 0 22px}
.box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:18px 0}
ul{padding-left:1.2em}
li{margin:4px 0}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{text-align:left;vertical-align:top;padding:8px 6px;border-top:1px solid var(--line)}
th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;border-top:0}
.tw{overflow-x:auto}