:root{--bg:#f8fafc;--fg:#0f172a;--muted:#64748b;--line:#e2e8f0;--card:#fff;--accent:#0369a1;--accent-bg:#e0f2fe;--ok:#166534;--ok-bg:#dcfce7;--off:#9a3412;--off-bg:#ffedd5;--head:#0f172a;--head-fg:#e2e8f0}
@media (prefers-color-scheme:dark){:root{--bg:#0b1120;--fg:#e2e8f0;--muted:#94a3b8;--line:#1e293b;--card:#111827;--accent:#7dd3fc;--accent-bg:#0c4a6e;--ok:#86efac;--ok-bg:#14532d;--off:#fdba74;--off-bg:#7c2d12;--head:#020617}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent)}
.wrap{max-width:68rem;margin:0 auto;padding:0 16px}
.top{background:var(--head);color:var(--head-fg)}
.top-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;padding:.75rem 16px}
.logo{color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem;display:flex;align-items:center;gap:.5rem}
.logo-mark{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:.4rem;background:#0369a1;color:#fff;font-size:.8rem;font-family:ui-monospace,monospace}
.nav{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
.nav a{color:var(--head-fg);text-decoration:none;font-size:.95rem}
.nav a:hover{text-decoration:underline}
main{padding:1.5rem 16px 3rem}
h1{font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.25;margin:.5rem 0 1rem}
h2{font-size:1.3rem;margin:2.25rem 0 .75rem}
.lead{font-size:1.08rem;max-width:52rem}
.muted{color:var(--muted)}
.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85em;color:var(--muted);font-weight:500}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;word-break:break-all}
pre{background:var(--card);border:1px solid var(--line);border-radius:.5rem;padding:.9rem 1rem;overflow-x:auto}
pre code{word-break:normal;white-space:pre}
.crumbs{font-size:.9rem;color:var(--muted);margin-bottom:.5rem}
.crumbs a{color:var(--muted)}
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:.5rem;background:var(--card)}
table{border-collapse:collapse;width:100%;font-size:.93rem}
th,td{text-align:left;padding:.45rem .7rem;border-bottom:1px solid var(--line);white-space:nowrap}
th{font-weight:600;background:var(--bg);position:sticky;top:0}
tr:last-child td{border-bottom:0}
td.num,th.num{text-align:right}
table.text td{white-space:normal;min-width:6rem}
.tag{display:inline-block;font-size:.75rem;padding:.05rem .45rem;border-radius:1rem;background:var(--accent-bg);color:var(--accent)}
.tag.ok{background:var(--ok-bg);color:var(--ok)}
.tag.off{background:var(--off-bg);color:var(--off)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.6rem;margin:1.25rem 0}
.facts div{background:var(--card);border:1px solid var(--line);border-radius:.5rem;padding:.6rem .8rem}
.facts dt{font-size:.8rem;color:var(--muted)}
.facts dd{margin:0;font-weight:600}
.hero{padding:1rem 0 .5rem}
.search{position:relative;max-width:36rem;margin:1.25rem 0 .5rem}
.search input{width:100%;font:inherit;padding:.75rem 1rem;border:1px solid var(--line);border-radius:.6rem;background:var(--card);color:var(--fg)}
.hits{position:absolute;z-index:5;left:0;right:0;margin:.25rem 0 0;padding:.25rem;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:.6rem;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.hits a{display:block;padding:.45rem .7rem;border-radius:.4rem;text-decoration:none;color:var(--fg)}
.hits a:hover,.hits a:focus{background:var(--accent-bg)}
.models,.series{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.35rem 1.5rem}
.guides{padding-left:1.1rem}.guides li{margin-bottom:1rem}
.toc{line-height:2}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.foot{border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}
.foot-in{padding:1.25rem 16px 2rem}
.foot a{color:var(--muted)}