:root{
  --bg:#0d1117; --bg2:#161b22; --line:#30363d; --fg:#c9d1d9; --muted:#8b949e;
  --link:#58a6ff; --link-hi:#79c0ff; --ok:#3fb950; --warn:#d29922; --bad:#f85149; --accent:#1f6feb;
}
*{box-sizing:border-box}
body{
  max-width:46em; margin:0 auto; padding:0 1.4em 4em;
  background:var(--bg); color:var(--fg);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px; line-height:1.6;
}
main{padding-top:1.2em}
h1{font-size:1.9em;line-height:1.2;border-bottom:1px solid var(--line);padding-bottom:.3em;}
h2{font-size:1.35em;margin-top:1.9em;border-bottom:1px solid var(--line);padding-bottom:.2em;}
h3{font-size:1.05em;margin-top:1.3em;margin-bottom:.3em;}
p{margin:.7em 0;}
ul,ol{margin:.6em 0;padding-left:1.6em;}
li{margin:.25em 0;}
a{color:var(--link);} a:hover{color:var(--link-hi);}
table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.92em;}
th,td{border:1px solid var(--line);padding:6px 9px;text-align:left;vertical-align:top;}
th{background:var(--bg2);}
pre{background:var(--bg2);border:1px solid var(--line);padding:10px 12px;overflow-x:auto;font-size:.85em;}
code{background:var(--bg2);border:1px solid var(--line);padding:0 5px;font-size:.9em;}
pre code{background:none;border:none;padding:0;}
details{border:1px solid var(--line);border-radius:6px;margin:.8em 0;background:rgba(22,27,34,.5);}
details summary{cursor:pointer;padding:.6em 1em;font-weight:600;}
details[open] summary{border-bottom:1px solid var(--line);}
details>div,details>*:not(summary){padding:.2em 1em .6em;}

/* sticky nav */
.nav{
  position:sticky; top:0; z-index:10;
  background:rgba(13,17,23,.92); backdrop-filter:blur(4px);
  margin:0 -1.4em 1.4em; padding:.55em 1.4em;
  border-bottom:1px solid var(--line); font-size:.9em;
  display:flex; flex-wrap:wrap; gap:.1em .9em; align-items:center;
}
.nav .brand{font-weight:700;color:var(--fg);text-decoration:none;}
.nav .brand:hover{color:var(--link);}
.nav .crumb{color:var(--muted);}
.nav a{white-space:nowrap;}
.nav .right{margin-left:auto;color:var(--muted);}

.meta{color:var(--muted);font-size:.95em;}
.box{border-left:4px solid var(--link);margin:1.1em 0;padding:.1em 1em;background:rgba(88,166,255,.04);}
.box.warn{border-left-color:var(--warn);background:rgba(210,153,34,.05);}
.box.good{border-left-color:var(--ok);background:rgba(63,185,80,.05);}
.note{color:var(--muted);font-size:.88em;}
.track{background:#21262d;height:18px;display:block;width:100%;position:relative;}
.track .fill{display:block;height:100%;}
.val{display:block;margin-top:4px;font-size:.85em;color:var(--muted);}
.hdd{background:#388bfd;} .smb{background:#1f6feb;} .dvd{background:var(--warn);}
.mx4{background:#58a6ff;} .usb{background:#6e7681;}
.ok{color:var(--ok);font-weight:700;} .warn-t{color:var(--warn);font-weight:700;} .no{color:var(--bad);font-weight:700;}
footer{margin-top:3em;padding-top:1em;border-top:1px solid var(--line);color:var(--muted);font-size:.85em;}
@media print{ body{background:#fff;color:#111;} a{color:#000;} .nav{display:none;} }

/* section group bands */
.band{
  margin:2.6em 0 0; padding:.45em .2em;
  color:var(--muted); font-size:.8em; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase;
  border-bottom:1px solid var(--line);
}

.pill{display:inline-block;background:var(--bg2);border:1px solid var(--line);
  border-radius:10px;padding:0 .6em;font-size:.62em;vertical-align:middle;color:var(--muted);}