:root { --bg:#fff; --ink:#0A0F1E; --muted:#5B6474; --line:#E5E7EB; --card:#F3F5F9; --blue:#2563EB; }
@media (prefers-color-scheme: dark) { :root { --bg:#000; --ink:#F5F7FA; --muted:#9CA3AF; --line:#23262E; --card:#111318; --blue:#3B82F6; } }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
header { border-bottom:1px solid var(--line); position:sticky; top:0; background:var(--bg); z-index:2; }
.bar { max-width:720px; margin:0 auto; padding:14px 16px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.mark { font-weight:900; letter-spacing:3px; font-size:18px; color:var(--ink); text-decoration:none; margin-right:auto; }
.mark span { color:var(--blue); }
nav a { color:var(--muted); text-decoration:none; font-weight:700; font-size:15px; margin-left:14px; }
nav a[aria-current="page"] { color:var(--ink); }
main { max-width:720px; margin:0 auto; padding:32px 16px 72px; }
h1 { font-size:36px; line-height:1.15; font-weight:900; letter-spacing:-0.5px; margin:0 0 6px; }
.updated { color:var(--muted); font-size:15px; margin:0 0 24px; }
h2 { font-size:22px; font-weight:900; margin:36px 0 8px; }
h3 { font-size:17px; font-weight:800; margin:22px 0 4px; }
p, li { color:var(--ink); }
ul { padding-left:22px; } li { margin:4px 0; }
a { color:var(--blue); }
.lead { font-size:19px; color:var(--muted); }
.box { background:var(--card); border-radius:16px; padding:16px 18px; margin:18px 0; }
.box p:first-child { margin-top:0; } .box p:last-child { margin-bottom:0; }
table { width:100%; border-collapse:collapse; font-size:15px; margin:12px 0; }
th, td { text-align:left; padding:10px 8px; border-bottom:1px solid var(--line); vertical-align:top; }
th { font-size:12px; text-transform:uppercase; letter-spacing:1px; color:var(--muted); }
.scroll { overflow-x:auto; }
details { border-bottom:1px solid var(--line); padding:12px 0; }
summary { font-weight:800; cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:12px; }
summary::-webkit-details-marker { display:none; }
summary::after { content:"+"; color:var(--blue); font-weight:900; }
details[open] summary::after { content:"–"; }
details p, details ol, details ul { margin:8px 0 0; color:var(--muted); }
.cta { display:inline-block; background:var(--blue); color:#fff; text-decoration:none; font-weight:800; padding:13px 20px; border-radius:14px; margin-top:6px; }
footer { border-top:1px solid var(--line); color:var(--muted); font-size:14px; }
footer .bar { justify-content:space-between; }
footer a { color:var(--muted); }
@media (max-width:480px) { h1 { font-size:30px; } nav a { margin-left:10px; } }