:root{--bg:#fff;--fg:#1c1c1c;--mu:#666;--ac:#0b5cad;--bd:#ddd;--cb:#f5f5f5;--bn:#fff3cd}
@media(prefers-color-scheme:dark){:root{--bg:#161616;--fg:#e8e8e8;--mu:#999;--ac:#7db7ff;--bd:#333;--cb:#222;--bn:#3a3217}}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Georgia,serif}
.banner{background:var(--bn);padding:.7rem 16px;text-align:center;font:600 15px system-ui,sans-serif}
main,header.s{max-width:760px;margin:0 auto;padding:0 16px}header.s{padding-top:1rem;font:15px system-ui,sans-serif}
a{color:var(--ac)}h1{line-height:1.25}.meta{color:var(--mu);font:14px system-ui,sans-serif}
img{max-width:100%;height:auto}pre{background:var(--cb);padding:12px;overflow-x:auto;font-size:14px;line-height:1.45}
table{border-collapse:collapse;display:block;overflow-x:auto}td,th{border:1px solid var(--bd);padding:4px 8px}
footer{max-width:760px;margin:3rem auto;padding:0 16px;color:var(--mu);font:14px system-ui,sans-serif}