:root{
  --bg:#f4f6f8; --card:#fff; --ink:#1b2127; --dim:#5b6872; --pale:#8d99a3;
  --rule:#dde3e8; --key:#1f6b7a; --warn:#9a5b14; --sidebar:#eef2f5;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#14171a; --card:#1b1f23; --ink:#e4e8eb; --dim:#a3aeb6; --pale:#75818a;
        --rule:#2a3035; --key:#5fb3c4; --warn:#d49a4e; --sidebar:#1a1e22}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.65 -apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--key)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:var(--card);padding:8px 12px;z-index:9}

.top{background:var(--card);border-bottom:1px solid var(--rule)}
.top-in,.foot-in,.shell{max-width:1000px;margin:0 auto;padding:0 20px}
.top-in{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.brand{font-weight:700;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;color:var(--ink)}
.claim{color:var(--pale);font-size:.86rem}

.shell{display:grid;grid-template-columns:210px 1fr;gap:34px;padding-top:28px;padding-bottom:40px;align-items:start}
.side{background:var(--sidebar);border:1px solid var(--rule);border-radius:4px;padding:14px 16px;position:sticky;top:18px}
.side-h{margin:0 0 8px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--pale)}
.side ol{margin:0;padding:0 0 0 1.4em;font-size:.93rem}
.side li{margin:.42em 0}
.side a{text-decoration:none;color:var(--dim)}
.side a:hover{color:var(--ink);text-decoration:underline}
.side a[aria-current]{color:var(--ink);font-weight:600}

main{min-width:0}
h1{font-size:1.72rem;line-height:1.25;margin:0 0 .6em;font-weight:650;letter-spacing:-.01em}
h2{font-size:1.16rem;margin:2em 0 .5em;font-weight:650;letter-spacing:.01em}
h2::before{content:"";display:block;width:34px;border-top:3px solid var(--key);margin-bottom:.5em}
h3{font-size:1rem;margin:1.5em 0 .35em;font-weight:650;color:var(--dim)}
p,ul,ol,dl{margin:0 0 1em}
li{margin:.3em 0}
.lead{font-size:1.06rem;color:var(--dim);border-left:3px solid var(--rule);padding-left:16px}
dt{font-weight:650;margin:.9em 0 .1em}
dd{margin:0 0 .2em;color:var(--dim)}

.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  margin:1.6em 0;padding:0;list-style:none}
.grid li{margin:0;background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:14px 16px}
.grid a{font-weight:650;text-decoration:none}
.grid p{margin:.3em 0 0;font-size:.88rem;color:var(--dim)}

.tw{overflow-x:auto;margin:0 0 1.2em}
table{border-collapse:collapse;width:100%;font-size:.9rem;background:var(--card)}
th,td{padding:7px 11px;border:1px solid var(--rule);text-align:left;vertical-align:top}
th{background:var(--sidebar);font-weight:650;color:var(--dim);font-size:.82rem;
  letter-spacing:.04em;text-transform:uppercase}

.box{background:var(--card);border:1px solid var(--rule);border-left:3px solid var(--warn);
  padding:12px 16px;margin:1.5em 0;font-size:.94rem;color:var(--dim)}
.box b{color:var(--ink)}
code{background:var(--sidebar);padding:1px 5px;border-radius:3px;font-size:.88em}

.foot{background:var(--card);border-top:1px solid var(--rule);margin-top:10px}
.foot-in{padding-top:16px;padding-bottom:26px;font-size:.84rem;color:var(--pale)}
.foot p{margin:0 0 .4em}
.upd{color:var(--rule)}

@media (max-width:760px){
  .shell{grid-template-columns:1fr;gap:20px;padding-top:18px}
  .side{position:static}
  .side ol{columns:2;column-gap:20px}
  h1{font-size:1.45rem}
}