:root{--bg:#fbfaf7;--fg:#1d2228;--muted:#5b6470;--line:#e2ded6;--accent:#1f4f7a;--note:#f1ede4}
@media (prefers-color-scheme:dark){:root{--bg:#15181c;--fg:#e8e6e1;--muted:#a3a9b1;--line:#2c3138;--accent:#8db8e0;--note:#1f242a}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 Georgia,"Times New Roman",serif}
header,main,footer{max-width:46rem;margin:0 auto;padding:0 1rem}
header{padding-top:1.25rem;border-bottom:1px solid var(--line)}header a{color:var(--fg);text-decoration:none;font:600 15px/1.4 system-ui,sans-serif;letter-spacing:.02em}
.notice{background:var(--note);border-left:3px solid var(--accent);padding:.7rem .9rem;margin:1.25rem 0;font:14px/1.5 system-ui,sans-serif;color:var(--muted)}
h1{font-size:1.75rem;line-height:1.25;margin:1.5rem 0 .75rem}h2{font-size:1.2rem;margin:2rem 0 .5rem}
a{color:var(--accent)}ul{padding-left:1.2rem}li{margin:.3rem 0}code{font-size:.9em}
.hosts{columns:2;column-gap:2rem}@media (max-width:560px){.hosts{columns:1}}
footer{margin-top:3rem;padding:1.25rem 1rem 2rem;border-top:1px solid var(--line);font:13px/1.5 system-ui,sans-serif;color:var(--muted)}