:root{--bg:#f4f9fb;--fg:#0e2a36;--muted:#4f6b78;--line:#d3e2e8;--acc:#0b6f82;--soft:#e0f1f5;color-scheme:light dark}
@media(prefers-color-scheme:dark){:root{--bg:#0a1c25;--fg:#e4f1f5;--muted:#9bb7c2;--line:#1f3d4a;--acc:#4cc3d9;--soft:#12404d}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.w{max-width:760px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left))}
.top{border-bottom:1px solid var(--line);padding:12px 0}.top .w{display:flex;gap:20px;align-items:baseline;flex-wrap:wrap}
.logo{font-weight:700;font-size:1.25rem;color:var(--fg);text-decoration:none}.top nav{display:flex;gap:16px;flex-wrap:wrap}.top nav a{color:var(--muted);text-decoration:none}.top nav a[aria-current]{color:var(--fg);font-weight:600}
a{color:var(--acc)}a:focus-visible,input:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
h1{font-size:1.9rem;line-height:1.2;margin:24px 0 8px;text-wrap:balance}h2{font-size:1.25rem;margin:28px 0 8px}
.lead{font-size:1.1rem;color:var(--muted);margin:0 0 20px}.crumbs{font-size:.9rem;color:var(--muted);margin:24px 0 0}
.art ol,.art ul{padding-left:1.3rem}.art li{margin-bottom:6px}
.note{background:var(--soft);border-left:3px solid var(--acc);padding:10px 14px;margin:16px 0;border-radius:0 6px 6px 0}
.rel{margin-top:32px;padding-top:12px;border-top:1px solid var(--line)}.rel ul{list-style:none;padding:0}
#q{width:100%;font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);margin-bottom:8px}
.cat ul{list-style:none;padding:0;margin:0}.cat li{padding:10px 0;border-bottom:1px solid var(--line)}.cat li a{font-weight:600;display:block}.cat li span{color:var(--muted);font-size:.93rem}
[hidden]{display:none!important}.foot{margin:48px auto 32px;color:var(--muted);font-size:.9rem}