:root { --fg:#111; --muted:#555; --bg:#fff; --accent:#004080; --border:#e5e5e5; }
* { box-sizing:border-box; }
html { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
body { margin:0; color:var(--fg); background:var(--bg); font-size:16px; line-height:1.55; }
a { color:var(--accent); text-decoration:none; }
a:hover, a:focus { text-decoration:underline; }
header { border-bottom:1px solid var(--border); padding:20px max(20px,4vw); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.brand { font-weight:600; color:var(--fg); font-size:1.05rem; }
nav { display:flex; gap:18px; flex-wrap:wrap; }
nav a { color:var(--muted); font-size:0.95rem; }
main { max-width:820px; margin:0 auto; padding:40px max(20px,4vw) 60px; }
.hero { text-align:center; padding:40px 0 20px; border-bottom:1px solid var(--border); margin-bottom:40px; }
.hero h1 { font-size:2.2rem; margin:0 0 12px; line-height:1.2; }
.hero .lead { font-size:1.15rem; color:var(--muted); margin:0; }
main h1 { font-size:2rem; margin-top:0; line-height:1.2; }
main h2 { font-size:1.35rem; margin-top:2rem; border-top:1px solid var(--border); padding-top:1.5rem; }
main.doc h2 { border-top:none; margin-top:1.8rem; padding-top:0; }
main h3 { font-size:1.1rem; margin-top:1.5rem; }
p, li { color:var(--fg); }
ul, ol { padding-left:1.4rem; }
dl { display:grid; grid-template-columns:auto 1fr; gap:6px 16px; margin:0; }
dt { font-weight:600; color:var(--muted); }
dd { margin:0; }
address { font-style:normal; padding:12px 14px; border-left:3px solid var(--border); color:var(--muted); background:#fafafa; }
code { background:#f5f5f5; padding:1px 5px; border-radius:3px; font-size:0.92em; font-family:"SF Mono",Menlo,Monaco,Consolas,monospace; }
footer { border-top:1px solid var(--border); padding:28px max(20px,4vw); text-align:center; color:var(--muted); font-size:0.9rem; }
footer p { margin:0 0 6px; }
@media (max-width:520px) {
 nav { gap:12px; }
 .hero h1 { font-size:1.7rem; }
 main h1 { font-size:1.6rem; }
 dl { grid-template-columns:1fr; gap:2px 0; }
 dt { margin-top:8px; }
}
@media (prefers-color-scheme: dark) {
 :root { --fg:#eee; --muted:#aaa; --bg:#111; --accent:#7fb3ff; --border:#333; }
 address { background:#1a1a1a; }
 code { background:#222; }
}