:root{--accent:#1c71d8;--bg:#f6f6f8;--surface:#fff;--text:#1e1e22;--muted:#5e5c64;--border:#e3e3e8;--radius:14px;--maxw:900px}
@media(prefers-color-scheme:dark){:root{--bg:#17171b;--surface:#212128;--text:#f0f0f3;--muted:#a6a6ae;--border:#33333c}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.top{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline;justify-content:space-between;
 padding:14px 20px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0}
.brand{font-weight:700;font-size:1.15rem;color:var(--text)}.brand span{color:var(--muted);font-weight:400}
.crumbs{color:var(--muted);font-size:.95rem}
main{max-width:var(--maxw);margin:0 auto;padding:28px 20px 60px}
footer{max-width:var(--maxw);margin:0 auto;padding:20px;color:var(--muted);font-size:.85rem;border-top:1px solid var(--border)}
h1{font-size:1.9rem;margin:.2em 0 .4em}h2{font-size:1.3rem;margin:1.4em 0 .5em}h3{margin:.2em 0}
.lede{font-size:1.15rem;color:var(--text)}.muted{color:var(--muted)}.back{color:var(--muted);font-size:.9rem}
.ver{font-size:.75em;color:var(--muted);font-weight:400;border:1px solid var(--border);border-radius:20px;padding:1px 8px;vertical-align:middle}
.cat{color:var(--muted);margin-top:-.4em}
code{background:rgba(120,120,140,.14);padding:.1em .4em;border-radius:6px;font-size:.9em;
 font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:1.2em 0}
.tile{display:block;padding:16px 18px;background:var(--surface);border:1px solid var(--border);
 border-radius:var(--radius);color:var(--text)}.tile:hover{border-color:var(--accent);text-decoration:none}
.tile p{color:var(--muted);margin:.3em 0 0;font-size:.92rem}
table{border-collapse:collapse;width:100%;margin:.6em 0;font-size:.95rem}
.facts th{text-align:left;white-space:nowrap;color:var(--muted);font-weight:600;padding:.3em 1em .3em 0;vertical-align:top}
.facts td{padding:.3em 0}
.cmds{display:block;overflow-x:auto}.cmds th{text-align:left;border-bottom:1px solid var(--border);padding:.4em .8em .4em 0}
.cmds td{border-bottom:1px solid var(--border);padding:.5em .8em .5em 0;vertical-align:top}
.cmds td:first-child{white-space:nowrap}
ul.pkglist,ul.toollist,ul.syslist{list-style:none;padding:0;columns:1}
ul.pkglist li{padding:.15em 0;border-bottom:1px solid var(--border)}
ul.toollist li,ul.syslist li{padding:.35em 0}
.app{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px 18px;margin:.8em 0}
.note{background:rgba(230,160,0,.12);border-left:3px solid #e0a000;padding:.6em .9em;border-radius:6px}
@media(min-width:640px){ul.pkglist{columns:2;column-gap:2rem}}
