:root {
    --bg:var(--paper); --text:var(--ink); --text-2:var(--ink-2);
    --border:var(--hairline); --accent-soft:var(--accent-tint);
    --get:var(--good); --post:var(--accent); --ok:var(--good);
    
    --err:var(--warn); --err-ink:var(--warn-ink);
    
    --rail-bg:#06120E; --rail-head:#0C1F1A; --rail-text:#D8E8E1; --rail-border:#17322A;
    --k:#7dd3fc; --s:#a5e8b0; --n:#fbbf8f; --b:#d8b4fe;
    --nav-w:252px; --rail-w:min(440px,38vw);
    --head-h:56px;
  }
  body{font-size:var(--t-base);line-height:1.6}
  code,pre{font-family:var(--mono)}

  
  .topbar{position:sticky;top:0;z-index:40;height:var(--head-h);
    display:flex;align-items:center;gap:18px;padding:0 20px;
    background:var(--surface);border-bottom:1px solid var(--border)}
  .topbar .home{display:flex;align-items:center;gap:9px;text-decoration:none;
    color:var(--text);font-weight:var(--w-head);letter-spacing:-.02em;font-size:var(--t-base);flex:none}
  .topbar .logomark{width:20px;height:20px;color:var(--accent)}
  .topbar .tag{font-size:var(--t-2xs);font-weight:var(--w-semi);letter-spacing:.06em;text-transform:uppercase;
    color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-xs);padding:2px 6px}
  .topnav{display:flex;gap:2px;margin-left:6px;overflow-x:auto;scrollbar-width:none}
  .topnav::-webkit-scrollbar{display:none}
  .topnav a{color:var(--text-2);text-decoration:none;font-size:var(--t-sm);padding:6px 10px;
    border-radius:var(--radius-sm);white-space:nowrap}
  .topnav a:hover{color:var(--text);background:var(--accent-soft)}
  .topnav a.here{color:var(--accent);background:var(--accent-soft);font-weight:var(--w-med)}
  .topcta{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
  .topcta a{text-decoration:none;font-size:var(--t-sm);font-weight:var(--w-semi);padding:7px 13px;border-radius:var(--radius-md);
    white-space:nowrap}
  .topcta .ghost{color:var(--text-2);border:1px solid var(--border)}
  .topcta .ghost:hover{color:var(--text);border-color:var(--hairline-2)}
  
  @media (max-width: 880px){ .topnav{display:none} }
  
  @media (max-width: 560px){ .topcta .ghost{display:none} .topbar{gap:10px;padding:0 14px} }

  
  .layout{display:grid;grid-template-columns:var(--nav-w) 1fr;min-height:100vh}
  
  .layout>nav{position:sticky;top:var(--head-h);height:calc(100vh - var(--head-h));overflow-y:auto;
    border-right:1px solid var(--border);background:var(--surface);padding:20px 0 40px}

  
  .sitefoot{border-top:1px solid var(--border);background:var(--surface);
    padding:34px 40px 30px;display:grid;gap:26px;
    grid-template-columns:minmax(220px,1.4fr) repeat(auto-fit,minmax(140px,1fr))}
  .sitefoot h4{font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);
    margin:0 0 9px;font-weight:var(--w-semi)}
  .sitefoot a{display:block;color:var(--text-2);text-decoration:none;font-size:var(--t-sm);padding:3px 0}
  .sitefoot a:hover{color:var(--accent)}
  .sitefoot .blurb{color:var(--muted);font-size:var(--t-xs);max-width:34ch;line-height:1.55}
  .sitefoot .blurb .name{color:var(--text);font-weight:var(--w-head);font-size:var(--t-base);display:block;margin-bottom:7px}
  
  .social{display:flex;gap:8px;margin-top:14px}
  .sitefoot .social a{display:inline-flex;align-items:center;justify-content:center;
    width:34px;height:34px;padding:0;border-radius:var(--radius-md);border:1px solid var(--border);
    color:var(--muted);transition:color .15s,border-color .15s,background .15s,transform .15s}
  .sitefoot .social a:hover{color:var(--accent);border-color:var(--accent);
    background:var(--accent-soft);transform:translateY(-1px)}
  .social svg{width:15px;height:15px;fill:currentColor;display:block}
  
  .social a[data-mark="linkedin"] svg{width:13px;height:13px}
  .footbase{border-top:1px solid var(--border);background:var(--surface);
    padding:14px 40px 30px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
    color:var(--muted);font-size:var(--t-xs)}
  .footbase .mono{font-family:var(--mono)}
  .brand{padding:0 20px 14px;border-bottom:1px solid var(--border);margin-bottom:12px}
  .brand h1{font-size:var(--t-base);margin:0 0 2px;letter-spacing:-.01em}
  .brand .v{font-size:var(--t-xs);color:var(--muted);white-space:nowrap}
  .brand .v a{color:var(--accent);text-decoration:none}
  .brand .v a:hover{text-decoration:underline}
  
  .searchdim{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.55);
    display:flex;justify-content:center;padding:12vh 20px 20px}
  .searchdim[hidden]{display:none}
  .searchbox{width:min(620px,100%);height:max-content;max-height:70vh;display:flex;flex-direction:column;
    background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
    box-shadow:var(--shadow-3);overflow:hidden}
  .searchbox input{width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;
    color:var(--text);font:inherit;font-size:var(--t-base);padding:16px 18px}
  .searchbox input:focus{outline:none}
  .results{overflow-y:auto;padding:6px}
  .results a{display:block;text-decoration:none;padding:9px 12px;border-radius:var(--radius-md);color:var(--text)}
  .results a[aria-selected="true"]{background:var(--accent-soft)}
  .results .rt{font-size:var(--t-sm);font-weight:var(--w-med);display:flex;align-items:center;gap:8px}
  .results .rt .m{font-size:var(--t-2xs);font-weight:var(--w-head);padding:2px 4px;border-radius:var(--radius-xs);color:var(--on-accent);
    min-width:30px;text-align:center}
  .results .rt .m.get{background:var(--get)} .results .rt .m.post{background:var(--post)}
  .results .rt .m.delete{background:var(--err)}
  .results .rs{font-size:var(--t-xs);color:var(--muted);margin-top:2px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .results mark{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-xs);padding:0 1px}
  .results .empty{padding:18px 12px;color:var(--muted);font-size:var(--t-sm)}
  .searchfoot{border-top:1px solid var(--border);padding:8px 14px;display:flex;gap:14px;
    color:var(--muted);font-size:var(--t-xs)}
  .searchfoot kbd{font-family:var(--mono);border:1px solid var(--border);border-radius:var(--radius-xs);
    padding:1px 5px;font-size:var(--t-2xs)}
  .filter .kbd{position:absolute;right:8px;top:7px;font-family:var(--mono);font-size:var(--t-2xs);
    color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-xs);padding:1px 5px;
    pointer-events:none}
  .filter{margin:0 16px 14px;position:relative}
  .filter input{width:100%;padding:7px 10px 7px 28px;border:1px solid var(--border);
    border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:var(--t-sm)}
  .filter input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}
  .filter svg{position:absolute;left:8px;top:9px;width:13px;height:13px;stroke:var(--muted);fill:none;stroke-width:2}
  .nav-group{margin-bottom:6px}
  
  .nav-group h2{margin:14px 0 4px;font-size:var(--t-2xs);font-weight:var(--w-semi)}
  .nav-toggle{display:flex;align-items:center;gap:6px;width:100%;
    background:transparent;border:none;cursor:pointer;text-align:left;
    font:inherit;font-size:var(--t-2xs);font-weight:var(--w-semi);text-transform:uppercase;
    letter-spacing:.07em;color:var(--muted);padding:5px 20px;min-height:26px}
  .nav-toggle:hover{color:var(--text-2)}
  .nav-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-xs)}
  .nav-toggle .chev{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;
    stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
    transform:rotate(90deg);transition:transform .15s ease}
  .nav-group.shut .nav-toggle .chev{transform:rotate(0deg)}
  
  .nav-toggle .count{margin-left:auto;font-size:var(--t-2xs);letter-spacing:0;
    color:var(--muted);background:var(--surface-2);border-radius:var(--radius-md);
    padding:1px 6px;font-weight:var(--w-semi)}
  .nav-group.shut .nav-items{display:none}
  @media (prefers-reduced-motion: reduce){ .nav-toggle .chev{transition:none} }
  .nav-group a{display:flex;align-items:center;gap:7px;padding:5px 20px;color:var(--text-2);
    text-decoration:none;font-size:var(--t-sm);border-left:2px solid transparent}
  .nav-group a:hover{color:var(--text);background:var(--accent-soft)}
  .nav-group a.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft);font-weight:var(--w-med)}
  .nav-group a .m{font-size:var(--t-2xs);font-weight:var(--w-head);letter-spacing:.03em;padding:2px 4px;border-radius:var(--radius-xs);
    color:var(--on-accent);flex:none;min-width:30px;text-align:center}
  .nav-group a .m.get{background:var(--get)} .nav-group a .m.post{background:var(--post)}
  .nav-group a .m.delete{background:var(--err)}
  .nav-group a .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  main{min-width:0}
  
  section[id], h3[id], h4[id]{scroll-margin-top:calc(var(--head-h) + 10px)}
  .endpoint,.block{display:grid;grid-template-columns:1fr var(--rail-w);gap:0;
    border-bottom:1px solid var(--border)}
  .doc{padding:34px 36px 34px 40px;min-width:0}
  .rail{padding:34px 28px;background:var(--rail-bg);border-left:1px solid var(--rail-border);min-width:0}
  
  .rail>.code{position:sticky;top:24px}
  .rail>.code:last-child{margin-bottom:0}
  .block .rail:empty{background:var(--rail-bg)}
  
  .groupintro{border-top:1px solid var(--border);background:var(--accent-soft)}
  .groupintro .doc{padding-top:26px;padding-bottom:26px}
  .groupintro h2{font-size:var(--t-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
  .groupintro .lede{font-size:var(--t-sm);margin:6px 0 0;max-width:62ch}
  .groupintro .rail{background:var(--accent-soft);border-left-color:var(--border)}

  h2{font-size:var(--t-lg);margin:0 0 6px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  h3{font-size:var(--t-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);margin:22px 0 6px}
  h4{font-size:var(--t-sm);margin:18px 0 2px;font-weight:var(--w-semi);display:flex;align-items:baseline;gap:8px}
  .variant{color:var(--text-2);font-size:var(--t-sm);margin:2px 0 0}
  p{margin:0 0 12px}
  
  td p{margin:0} td p+p{margin-top:8px}
  
  .doc :not(pre)>code{overflow-wrap:anywhere}
  .lede{color:var(--text-2);font-size:var(--t-base)}
  .path{font-size:var(--t-base);background:var(--accent-soft);padding:2px 8px;border-radius:var(--radius-sm);color:var(--text)}
  
  .method{font-size:var(--t-2xs);font-weight:var(--w-head);letter-spacing:.04em;color:var(--on-accent);padding:3px 8px;border-radius:var(--radius-xs)}
  .method.get{background:var(--get)} .method.post{background:var(--post)}
  
  .method.delete{background:var(--err)}
  
  .authchip{display:inline-flex;align-items:center;gap:5px;margin-left:auto;
    font-size:var(--t-xs);padding:2px 10px 2px 8px;border-radius:var(--radius-lg);
    border:1px solid var(--border);color:var(--text-2);background:var(--surface);
    white-space:nowrap}
  .authchip svg{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;
    stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .authchip.open{border-color:var(--ok);color:var(--ok)}

  
  .tablescroll{overflow-x:auto;margin:8px 0 4px}
  table.schema{border-collapse:collapse;width:100%;font-size:var(--t-sm);margin:0}
  table.schema th{text-align:left;font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.05em;
    color:var(--muted);font-weight:var(--w-semi);padding:6px 10px 6px 0;border-bottom:1px solid var(--border)}
  table.schema td{padding:8px 10px 8px 0;border-bottom:1px solid var(--border);vertical-align:top}
  table.schema tr:last-child td{border-bottom:none}
  table.schema td:first-child{white-space:nowrap;width:1%}
  table.schema td:nth-child(2){white-space:nowrap;width:1%}
  .ty{color:var(--text-2);font-size:var(--t-xs);font-family:ui-monospace,Menlo,monospace}
  .enum{color:var(--muted);font-size:var(--t-xs)}
  
  .req{margin-left:7px;font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.04em;color:var(--err-ink)}
  .muted{color:var(--muted);font-size:var(--t-xs)}
  .status{font-family:ui-monospace,Menlo,monospace;font-size:var(--t-xs);font-weight:var(--w-semi)}
  .status.ok{color:var(--ok)} .status.err{color:var(--err-ink)}

  .callout{border-left:3px solid var(--accent);background:var(--accent-soft);
    padding:10px 14px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:18px 0 0;font-size:var(--t-sm);color:var(--text-2)}
  .callout strong,.callout code{color:var(--text)}

  .code{border:1px solid var(--rail-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:16px;background:#0a0f14}
  .code-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
    background:var(--rail-head);padding:0 8px 0 0;font-size:var(--t-2xs);text-transform:uppercase;
    letter-spacing:.06em;color:#8fa2b5;border-bottom:1px solid var(--rail-border)}
  
  .tabs{display:flex;min-width:0;overflow-x:auto;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  
  .tabs.more{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 22px),transparent);
    mask-image:linear-gradient(to right,#000 calc(100% - 22px),transparent)}
  .tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#7d8fa1;
    font:inherit;font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.06em;
    padding:9px 13px;cursor:pointer;white-space:nowrap;flex:none}
  .tab:hover{color:#c4d2df}
  .tab.on{color:#dbe4ee;border-bottom-color:var(--accent)}
  .panel{display:none}
  .panel.on{display:block}
  .code-tools{display:flex;align-items:center;gap:6px;padding-left:10px;flex:none;margin-left:auto}
  
  .copy,.wrapbtn{background:transparent;border:1px solid var(--rail-border);color:#8fa2b5;
    font:inherit;font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.05em;
    padding:0 9px;min-height:26px;border-radius:var(--radius-xs);cursor:pointer}
  .copy:hover,.wrapbtn:hover{color:#dbe4ee;border-color:#41505e}

  
  .langsel{position:relative;display:inline-flex;align-items:center;gap:5px;
    border:1px solid var(--rail-border);border-radius:var(--radius-xs);padding:0 7px;
    min-height:26px;color:#8fa2b5}
  .langsel:hover{color:#dbe4ee;border-color:#41505e}
  .langsel:focus-within{border-color:var(--accent);color:#dbe4ee}
  .langsel svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.1;
    stroke-linecap:round;stroke-linejoin:round;flex:none}
  .langsel .chev{width:11px;height:11px;stroke-width:2.4;opacity:.75}
  .langsel-label{font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.05em;
    font-weight:var(--w-semi);min-width:5.5ch}
  .langsel select{position:absolute;inset:0;width:100%;height:100%;opacity:0;
    cursor:pointer;font:inherit}
  .code pre{margin:0;padding:13px 14px;overflow-x:auto;font-size:var(--t-xs);line-height:1.55;
    color:var(--rail-text);max-height:min(420px,58vh);overflow-y:auto}
  
  body[data-wrap="on"] .code pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden}
  .wrapbtn[aria-pressed="true"]{color:var(--rail-text);border-color:#41505e;background:#16202b}
  .code .k{color:var(--k)} .code .s{color:var(--s)} .code .n{color:var(--n)} .code .b{color:var(--b)}

  
  .try-samples{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 12px}
  .chip{background:var(--surface);border:1px solid var(--border);color:var(--text-2);
    font:inherit;font-size:var(--t-xs);padding:4px 11px;border-radius:var(--radius-lg);cursor:pointer}
  .chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
  .try-box{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:12px 13px}
  .try-box textarea{width:100%;border:none;background:transparent;color:var(--text);
    font-family:ui-monospace,Menlo,monospace;font-size:var(--t-sm);line-height:1.5;resize:vertical;
    outline:none;padding:0}
  .try-row{display:flex;gap:8px;align-items:center;margin-top:10px;
    border-top:1px solid var(--border);padding-top:10px}
  .try-row input{flex:1;min-width:0;padding:7px 10px;border:1px solid var(--border);
    border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:var(--t-xs)}
  .try-row input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}
  .run{background:var(--accent);border:none;color:var(--on-accent);font:inherit;font-size:var(--t-sm);
    font-weight:var(--w-med);padding:8px 20px;border-radius:var(--radius-sm);cursor:pointer;flex:none}
  .run:hover{filter:brightness(1.08)}
  .run:disabled{opacity:.55;cursor:default}
  .hint{font-size:var(--t-xs);color:var(--muted);margin:9px 0 0}

  .try-result{margin-top:18px}
  .rcard{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:15px 17px}
  .rcard .top{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
  .rcard .rname{font-size:var(--t-md);font-weight:var(--w-semi);letter-spacing:-.01em}
  .rcard .rglyph{font-size:19px}
  .rcard .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
  .badge{font-size:var(--t-xs);background:var(--accent-soft);color:var(--text-2);
    border-radius:var(--radius-xs);padding:2px 8px}
  .badge.warn{background:transparent;border:1px solid var(--err);color:var(--err)}
  .badge.credit{background:transparent;border:1px solid var(--ok);color:var(--ok)}
  .rtrace{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}
  .rtrace h4{font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);
    margin:0 0 8px;font-weight:var(--w-semi);display:block}
  .step{display:grid;grid-template-columns:132px 1fr;gap:10px;font-size:var(--t-xs);
    padding:3px 0;align-items:baseline}
  .step .sname{color:var(--accent);font-weight:var(--w-med)}
  .step .sdetail{color:var(--text-2);font-family:ui-monospace,Menlo,monospace;
    font-size:var(--t-xs);word-break:break-word}
  .rerror{border:1px solid var(--err);border-radius:var(--radius-md);padding:13px 15px;background:var(--surface)}
  .rerror .code{border:none;background:transparent;margin:0;color:var(--err);font-weight:var(--w-semi)}

  .in-out{display:grid;grid-template-columns:1fr;gap:10px;margin:6px 0 4px}
  .io{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;background:var(--surface)}
  .io .lbl{font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:5px}
  .io code{font-size:var(--t-sm);word-break:break-word}
  .kv{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
  .kv span{font-size:var(--t-xs);background:var(--accent-soft);border-radius:var(--radius-xs);padding:2px 7px;color:var(--text-2)}

  
  body .panel.snip{display:none}
  body[data-lang="curl"] .panel.snip[data-snip="curl"].on{display:block}
  body[data-lang="python"] .panel.snip[data-snip="python"].on{display:block}
  body[data-lang="javascript"] .panel.snip[data-snip="javascript"].on{display:block}
  body[data-lang="java"] .panel.snip[data-snip="java"].on{display:block}
  body[data-lang="go"] .panel.snip[data-snip="go"].on{display:block}
  body[data-lang="php"] .panel.snip[data-snip="php"].on{display:block}
  .hidden{display:none !important}
  @media (max-width:1180px){
    .endpoint,.block{grid-template-columns:1fr}
    .rail{border-left:none;border-top:1px solid var(--rail-border);padding:24px 28px}
    .doc{padding:28px}
  }
  @media (max-width:860px){
    .layout{grid-template-columns:1fr}
    .layout>nav{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}
  }
  
  @media (max-width:560px){
    
    .sitefoot{padding:28px 20px 24px;grid-template-columns:1fr;gap:22px}
    .footbase{padding:14px 20px 26px}
    .doc{padding:24px 20px}
    .rail{padding:20px}
  }