:root{
  color-scheme: light dark;
  --bg:#fff; --bg-2:#f6f6f6; --fg:#111; --dim:#6b6b6b; --line:#d7d7d7; --line-hard:#111;
  --accent:#0b7a34; --accent-2:#12a047; --bar:3rem;
  --mono: ui-monospace,"Cascadia Mono","Segoe UI Mono",Consolas,"DejaVu Sans Mono","Liberation Mono","Courier New",monospace;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#000; --bg-2:#0b0b0b; --fg:#dcdcdc; --dim:#8a8a8a; --line:#242424; --line-hard:#4a4a4a;
  --accent:#2ee06a; --accent-2:#6bff9f;
}}
*{box-sizing:border-box;}
html,body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.55 var(--mono);-webkit-text-size-adjust:100%;}
a{color:var(--accent);}
.topbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;min-height:var(--bar);
        padding:.5rem clamp(.9rem,2.5vw,3rem);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5;}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--fg);font-weight:bold;}
.brand img{width:22px;height:22px;display:block;}
.topbar nav{display:flex;flex-wrap:wrap;gap:.15rem 1.4rem;font-size:.86rem;}
.topbar nav a{text-decoration:none;color:var(--dim);}
.topbar nav a::before{content:"/";color:var(--line-hard);margin-right:.3rem;}
.topbar nav a:hover{color:var(--fg);text-decoration:underline;}
.topbar nav a[aria-current="page"]{color:var(--accent);font-weight:bold;}
.topbar nav a[aria-current="page"]::before{color:var(--accent);}
.topbar .meta{margin-left:auto;font-size:.76rem;color:var(--dim);letter-spacing:.06em;}
.wrap{padding:1.4rem clamp(.9rem,2.5vw,3rem) 4rem;}
h1{font-size:1rem;margin:0 0 .3rem;letter-spacing:.02em;}
h2{font-size:.95rem;margin:1.2rem 0 .4rem;}
.mut{color:var(--dim);}
.note{color:var(--dim);font-size:.82rem;max-width:60rem;margin:.2rem 0 1rem;}
input{width:100%;max-width:28rem;padding:.5rem .7rem;border:1px solid var(--line);background:var(--bg-2);color:var(--fg);font:inherit;font-size:.86rem;}
input:focus{outline:none;border-color:var(--accent);}
.scroll{overflow-x:auto;}
table{width:100%;border-collapse:collapse;margin-top:.8rem;font-size:.86rem;}
th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;}
th{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);font-weight:normal;}
tr.blk{cursor:pointer;}
tr.blk:hover td{background:var(--bg-2);}
code{font-size:.8rem;word-break:break-all;color:var(--fg);}
.card{border:1px solid var(--line);background:var(--bg-2);padding:.9rem 1rem;margin-top:.8rem;}
.kv{display:grid;grid-template-columns:11rem 1fr;gap:.25rem .8rem;font-size:.82rem;}
.kv div:nth-child(odd){color:var(--dim);}
.tx{border-top:1px solid var(--line);padding:.7rem 0;}
.io{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
@media (max-width:640px){.io{grid-template-columns:1fr;}.kv{grid-template-columns:7rem 1fr;}.topbar .meta{margin-left:0;width:100%;}}
.pill{display:inline-block;font-size:.68rem;padding:.05rem .5rem;border:1px solid var(--line);color:var(--dim);text-transform:uppercase;letter-spacing:.05em;}
button.link{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;padding:0;text-decoration:underline;}