:root{
  --ink:#111827; --blue:#2563EB; --green:#22C55E; --muted:#6B7280;
  --line:#E5E7EB; --bg:#FFFFFF; --soft:#F9FAFB; --code:#F3F4F6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
.topbar{background:var(--ink);color:#fff;padding:14px 28px;display:flex;align-items:center;gap:16px}
.brandbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-weight:700;flex:1}
.signout{color:#93C5FD;text-decoration:none;font-weight:600;font-size:.82rem;white-space:nowrap;border:1px solid #374151;padding:6px 12px;border-radius:6px}
.signout:hover{color:#fff;border-color:#6B7280}
.brand-bc{color:#fff}
.brand-x{color:var(--green);font-size:1.2em}
.brand-carr{color:#93C5FD}
.brand-tag{margin-left:auto;font-weight:500;color:#9CA3AF;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}
.mainnav{position:sticky;top:0;z-index:10;display:flex;gap:2px;flex-wrap:wrap;background:var(--soft);border-bottom:1px solid var(--line);padding:0 20px}
.mainnav a{padding:14px 16px;color:var(--muted);text-decoration:none;font-weight:600;font-size:.92rem;border-bottom:3px solid transparent}
.mainnav a:hover{color:var(--ink)}
.mainnav a.active{color:var(--blue);border-bottom-color:var(--blue)}
main{max-width:960px;margin:0 auto;padding:32px 24px 80px}
.page-head h1{font-size:2rem;font-weight:800;margin:.2em 0 .1em}
.page-head .intro{color:var(--muted);font-size:1.05rem;max-width:70ch;margin-top:0}
.doc{border:1px solid var(--line);border-radius:12px;margin:26px 0;background:#fff;overflow:hidden}
.doc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:var(--soft);border-bottom:1px solid var(--line);padding:14px 20px}
.doc-head h2{margin:0;font-size:1.25rem;font-weight:700}
.dl{white-space:nowrap;background:var(--blue);color:#fff;text-decoration:none;font-weight:600;
  font-size:.85rem;padding:8px 14px;border-radius:8px}
.dl:hover{background:#1D4ED8}
.doc-body{padding:8px 24px 20px}
.doc-body h1{font-size:1.5rem;border-bottom:2px solid var(--line);padding-bottom:.2em;margin-top:1.2em}
.doc-body h2{font-size:1.25rem;margin-top:1.4em}
.doc-body h3{font-size:1.08rem;color:#374151}
.doc-body table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.9rem;display:block;overflow-x:auto}
.doc-body th,.doc-body td{border:1px solid var(--line);padding:7px 10px;text-align:left;vertical-align:top}
.doc-body th{background:var(--soft);font-weight:700}
.doc-body tr:nth-child(even) td{background:#FCFCFD}
.doc-body code{background:var(--code);padding:.12em .4em;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:.86em}
.doc-body pre{background:var(--ink);color:#E5E7EB;padding:16px;border-radius:10px;overflow-x:auto}
.doc-body pre code{background:none;color:inherit;padding:0}
.doc-body blockquote{border-left:4px solid var(--green);margin:1em 0;padding:.4em 1em;background:var(--soft);color:#374151}
.doc-body a{color:var(--blue)}
.dl-list{list-style:none;padding:0;margin:0}
.dl-list li{padding:10px 20px;border-bottom:1px solid var(--line)}
.dl-list li:last-child{border-bottom:none}
.dl-list a{color:var(--blue);text-decoration:none;font-weight:600}
.dl-list .ext{color:var(--muted);font-size:.8rem;margin-left:6px}
footer{border-top:1px solid var(--line);background:var(--soft);padding:24px;text-align:center;color:var(--muted);font-size:.85rem}
footer .conf{color:#9CA3AF;font-size:.78rem;margin-top:4px}
@media(max-width:640px){.brand-tag{width:100%;margin:4px 0 0}.page-head h1{font-size:1.5rem}}