@font-face{font-family:'HK Grotesk';src:url('/fonts/hkgrotesk-bold-webfont.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'HK Grotesk';src:url('/fonts/hkgrotesk-semibold-webfont.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'HK Grotesk';src:url('/fonts/hkgrotesk-regular-webfont.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Open Sans';src:url('/fonts/opensans-regular-webfont.woff2') format('woff2');font-weight:400;font-display:swap}

:root{
  --sidebar:#0e1726;
  --sidebar-ink:#9fb0c8;
  --sidebar-hover:#17243a;
  --paper:#ffffff;
  --panel:#f6f8fb;
  --ink:#16202e;
  --muted:#5b6b80;
  --accent:#2456e6;
  --accent-soft:#e8eeff;
  --post:#0f8a4d;
  --post-soft:#e7f6ee;
  --warn:#9a5b12;
  --warn-soft:#fdf3e3;
  --danger:#b42323;
  --danger-soft:#fdecec;
  --line:#e5eaf1;
  --code-bg:#0e1726;
  --radius:10px;
  --sidebar-w:272px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{
  font-family:'Open Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--ink);background:var(--paper);
  font-size:15.5px;line-height:1.65;
}
h1,h2,h3,h4{font-family:'HK Grotesk','Open Sans',sans-serif;line-height:1.2;letter-spacing:-.01em}
h1{font-size:1.9rem;font-weight:700;margin-bottom:.6rem}
h2{font-size:1.28rem;font-weight:700;margin:2.6rem 0 .8rem;padding-top:1.6rem;border-top:1px solid var(--line)}
h2:first-of-type{margin-top:1.6rem;border-top:none;padding-top:0}
h3{font-size:1.05rem;font-weight:600;margin:1.6rem 0 .6rem}
p{margin-bottom:.9rem}
a{color:var(--accent)}
code{
  font-family:ui-monospace,'Cascadia Code','SF Mono',Menlo,Consolas,monospace;
  font-size:.86em;background:var(--panel);border:1px solid var(--line);
  border-radius:5px;padding:.1em .35em;color:var(--ink);
}
.mb-2{margin-bottom:2rem;}
.lead{color:var(--muted);font-size:1.02rem;max-width:46rem}
.content ul,.content ol:not(.steps){padding-left:0.8rem;margin-bottom:1rem}
.content ul li{margin-bottom:.35rem}

/* ---------- Layout ---------- */
.layout{display:flex;min-height:100vh}
.content{
  flex:1;min-width:0;padding:2.4rem 3rem 4rem;
  max-width:calc(880px + 6rem);
}
@media(max-width:1024px){.content{padding:1.6rem 1.25rem 3rem}}

/* ---------- Sidebar ---------- */
.sidebar{
  width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar);
  color:var(--sidebar-ink);position:sticky;top:0;height:100vh;
  overflow-y:auto;padding:1.4rem 0 2rem;
  scrollbar-width:thin;scrollbar-color:#41567c #131d30;
}
.sidebar::-webkit-scrollbar{width:8px}
.sidebar::-webkit-scrollbar-track{background:#131d30}
.sidebar::-webkit-scrollbar-thumb{background:#41567c;border-radius:4px}
.sidebar::-webkit-scrollbar-thumb:hover{background:#546992}
.sidebar-brand{display:flex;align-items:center;gap:.6rem;padding:0 1.3rem 1.1rem;text-decoration:none}
.sidebar-brand img{height:32px;width:auto}
.sidebar-search{padding:0 1.3rem 1rem}
.sidebar-search input{
  width:100%;background:#17243a;border:1px solid #22314c;border-radius:8px;
  color:#dbe5f3;padding:.5rem .75rem;font-size:.85rem;font-family:inherit;
}
.sidebar-search input::placeholder{color:#5f7292}
.sidebar-search input:focus{outline:2px solid var(--accent);outline-offset:1px}
.nav-group{padding:.6rem 0 .2rem}
.nav-group-title{
  font-family:ui-monospace,monospace;font-size:.66rem;letter-spacing:.12em;
  text-transform:uppercase;color:#5f7292;padding:.4rem 1.3rem .35rem;
}
.nav-group a{
  display:block;color:var(--sidebar-ink);text-decoration:none;
  font-size:.875rem;padding:.34rem 1.3rem;border-left:2px solid transparent;
}
.nav-group a:hover{background:var(--sidebar-hover);color:#e7eefb}
.nav-group a.active{
  color:#ffffff;background:var(--sidebar-hover);
  border-left-color:var(--accent);font-weight:600;
}
.nav-empty{display:none;color:#5f7292;font-size:.8rem;padding:.3rem 1.3rem}

/* Mobile top bar */
.topbar{display:none}
@media(max-width:900px){
  .layout{display:block}
  .topbar{
    display:flex;align-items:center;justify-content:space-between;
    position:sticky;top:0;z-index:30;background:var(--sidebar);
    padding:.7rem 1rem;
  }
  .topbar a{display:flex;align-items:center}
  .topbar img{height:30px}
  .topbar button{
    background:#17243a;color:#dbe5f3;border:1px solid #22314c;border-radius:8px;
    padding:.45rem .8rem;font-size:.85rem;font-family:inherit;cursor:pointer;
  }
  .sidebar{
    position:fixed;left:0;top:0;bottom:0;z-index:40;height:100%;
    transform:translateX(-100%);transition:transform .2s ease;
  }
  .sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vmax rgba(10,16,28,.5)}
}

/* ---------- Endpoint pill ---------- */
.endpoint{
  display:flex;align-items:center;gap:0;flex-wrap:wrap;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  margin:1.1rem 0 1.4rem;overflow:hidden;
}
.endpoint .method{
  font-family:ui-monospace,monospace;font-weight:700;font-size:.8rem;
  background:var(--post-soft);color:var(--post);padding:.6rem .9rem;
  border-right:1px solid var(--line);
}
.endpoint .url{
  font-family:ui-monospace,monospace;font-size:.88rem;padding:.6rem .9rem;
  flex:1;min-width:0;overflow-x:auto;white-space:nowrap;color:var(--ink);
}
.endpoint .copy-btn{margin-right:.5rem}

/* Meta chips under the H1 */
.meta-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:.4rem 0 0}
.chip{
  font-size:.78rem;font-weight:600;border-radius:999px;padding:.2rem .7rem;
  background:var(--accent-soft);color:var(--accent);
}
.chip.credits{background:var(--warn-soft);color:var(--warn)}
.chip.time{background:var(--warn-soft);color:var(--warn)}
.chip a{text-decoration:none;color:inherit}
.chip.time a:hover{text-decoration:underline}

/* ---------- Code blocks ---------- */
.codeblock{position:relative;margin:.9rem 0 1.3rem}
.codeblock pre{
  background:var(--code-bg)!important;border-radius:var(--radius);
  padding:1rem 1.1rem;overflow-x:auto;font-size:.83rem;line-height:1.55;
  border:1px solid #1d2b44;margin:0;
}
.codeblock code{background:none;border:none;padding:0;color:#dbe5f3;font-size:1em}
.codeblock .lang{
  position:absolute;top:.55rem;right:5.4rem;
  font-family:ui-monospace,monospace;font-size:.68rem;color:#5f7292;text-transform:uppercase;letter-spacing:.08em;
}
.copy-btn{
  position:absolute;top:.45rem;right:.5rem;
  background:#17243a;color:#9fb0c8;border:1px solid #22314c;border-radius:6px;
  font-size:.72rem;font-family:inherit;padding:.28rem .6rem;cursor:pointer;
}
.copy-btn:hover{color:#fff;border-color:#3a4d70}
.copy-btn.copied{color:#7fd0a2;border-color:#23533a}
.endpoint .copy-btn{position:static}

/* ---------- Tables ---------- */
.table-wrap{overflow-x:auto;margin:.9rem 0 1.4rem;border:1px solid var(--line);border-radius:var(--radius)}
table{border-collapse:collapse;width:100%;font-size:.875rem}
th,td{text-align:left;padding:.6rem .85rem;border-bottom:1px solid var(--line);vertical-align:top}
th{
  background:var(--panel);font-family:ui-monospace,monospace;font-size:.7rem;
  text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;
}
tr:last-child td{border-bottom:none}
td code{white-space:nowrap}
.req{
  display:inline-block;font-size:.66rem;font-weight:700;border-radius:4px;
  padding:.08rem .4rem;background:var(--danger-soft);color:var(--danger);
  margin-left:.4rem;vertical-align:1px;text-transform:uppercase;letter-spacing:.05em;
}
.new{
  display:inline-block;font-size:.66rem;font-weight:700;border-radius:4px;
  padding:.08rem .4rem;background:var(--post-soft);color:var(--post);
  margin-left:.4rem;vertical-align:1px;text-transform:uppercase;letter-spacing:.05em;
}
td.default{font-family:ui-monospace,monospace;font-size:.8rem;color:var(--muted);white-space:nowrap}

/* ---------- Parameter lists ---------- */
.params{margin:.4rem 0 1.8rem;border-top:1px solid var(--line)}
.param{border-bottom:1px solid var(--line);padding:.9rem .1rem}
.param-head{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap}
.param-name{
  font-family:ui-monospace,'Cascadia Code','SF Mono',Menlo,Consolas,monospace;
  font-size:.88rem;font-weight:600;color:var(--ink);
  background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:.08em .4em;
}
.param-type{font-size:.78rem;color:var(--muted)}
.param-default{
  font-size:.76rem;color:var(--muted);
  font-family:ui-monospace,'Cascadia Code','SF Mono',Menlo,Consolas,monospace;
}
.param-desc{margin:.35rem 0 0;font-size:.9rem;color:#44546a;max-width:44rem}
.param-desc:last-child{margin-bottom:0}

/* Collapsible parameter rows (for APIs with many params) */
details.param{padding:0}
details.param>summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap;
  padding:.9rem .1rem;
}
details.param>summary::-webkit-details-marker{display:none}
details.param>summary::before{
  content:"";width:7px;height:7px;flex-shrink:0;align-self:center;
  border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);
  transform:rotate(-45deg);transition:transform .15s ease;
}
details.param[open]>summary::before{transform:rotate(45deg)}
details.param>summary:hover .param-name{border-color:#c8d6ee}
details.param>.param-desc{padding:0 .1rem 1rem 1.45rem;margin:0}
.params-tools{display:flex;justify-content:flex-end;margin:.2rem 0 -.4rem}
.params-toggle{
  background:none;border:1px solid var(--line);border-radius:6px;color:var(--muted);
  font-size:.76rem;font-family:inherit;padding:.25rem .65rem;cursor:pointer;
}
.params-toggle:hover{color:var(--ink);border-color:#c8d6ee}

/* ---------- Note boxes ---------- */
.note{
  background:var(--accent-soft);border:1px solid #ccdaff;border-radius:var(--radius);
  padding:.85rem 1.1rem;margin:1rem 0 1.4rem;font-size:.92rem;
}
.note.warn{background:var(--warn-soft);border-color:#f3ddb5}
.note p:last-child{margin-bottom:0}

/* Basics strip on API pages */
.basics{
  display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.2rem 0 .4rem;
}
.basics a{
  display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:.75rem .95rem;text-decoration:none;color:var(--ink);font-size:.85rem;
}
.basics a b{display:block;font-family:'HK Grotesk',sans-serif;font-size:.92rem;color:var(--accent);margin-bottom:.15rem}
.basics a:hover{border-color:#c8d6ee}
@media(max-width:720px){.basics{grid-template-columns:1fr}}

/* Cards on index */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.2rem 0}
.card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.2rem 1.3rem;text-decoration:none;color:var(--ink);display:block;
}
.card:hover{border-color:#c8d6ee;box-shadow:0 4px 14px -8px rgba(22,32,46,.15)}
.card b{display:block;font-family:'HK Grotesk',sans-serif;font-size:1.02rem;color:var(--accent);margin-bottom:.25rem}
.card span{font-size:.88rem;color:var(--muted)}
@media(max-width:720px){.cards{grid-template-columns:1fr}}

/* Numbered steps on index */
.steps{list-style:none;counter-reset:step;margin:1rem 0 1.4rem}
.steps li{
  counter-increment:step;position:relative;padding:0 0 1.1rem 2.6rem;
}
.steps li::before{
  content:counter(step);position:absolute;left:0;top:.05rem;
  width:1.7rem;height:1.7rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);
  font-family:'HK Grotesk',sans-serif;font-weight:700;font-size:.85rem;
  display:flex;align-items:center;justify-content:center;
}
.steps li:not(:last-child)::after{
  content:"";position:absolute;left:.82rem;top:1.9rem;bottom:.1rem;width:2px;background:var(--line);
}

/* Footer help */
.page-foot{
  margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--line);
  font-size:.88rem;color:var(--muted);
}
.page-foot a{white-space:nowrap}

/* Focus visibility */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Prism token adjustments on dark bg */
.codeblock .token.comment{color:#5f7292}

/* ---------- Optional response fields list (FIELD / ADDS / WHERE) ---------- */
.optfields{margin:.9rem 0 1.6rem;border-top:1px solid var(--line)}
.optfield{
  display:grid;grid-template-columns:56px 1fr;gap:.5rem 1.1rem;
  padding:1rem .1rem;border-bottom:1px solid var(--line);align-items:baseline;
}
.of-label{
  font-family:ui-monospace,'Cascadia Code','SF Mono',Menlo,Consolas,monospace;
  font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;
  color:var(--muted);
}
.of-val{min-width:0}
.of-opt{
  font-size:.84rem;font-weight:600;background:var(--panel);
  border:1px solid var(--line);border-radius:5px;padding:.12em .45em;
}
.of-add{
  display:inline-block;font-size:.8rem;color:var(--accent);
  background:var(--accent-soft);border:1px solid #ccdaff;border-radius:5px;
  padding:.12em .45em;margin:0 .3rem .25rem 0;
}
.of-where{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.of-badge{
  display:inline-block;font-size:.62rem;font-weight:700;border-radius:4px;
  padding:.14rem .45rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;
}
.of-badge.hop{background:var(--post-soft);color:var(--post)}
.of-badge.top{background:var(--accent-soft);color:var(--accent)}
.of-badge.ssl{background:#f3edfd;color:#6d3fc4}
.of-where-text{font-size:.88rem;color:#44546a}
@media(max-width:560px){.optfield{grid-template-columns:1fr;gap:.15rem}.of-label{margin-top:.4rem}.of-label:first-child{margin-top:0}}

/* ---------- Credit-cost badge + inline param warning ---------- */
.credit{
  display:inline-block;font-size:.66rem;font-weight:700;border-radius:4px;
  padding:.08rem .4rem;background:var(--warn-soft);color:var(--warn);
  margin-left:.4rem;vertical-align:1px;text-transform:uppercase;letter-spacing:.05em;
}
.param .note{margin:.65rem 0 .1rem;max-width:44rem;font-size:.86rem;padding:.6rem .9rem}

/* ---------- Params section header (title + Expand all on one row) ---------- */
.params-header{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  flex-wrap:wrap;margin:1.6rem 0 .6rem;
}
.params-header h3{margin:0}
.params-header .params-tools{margin:0}

/* ---------- Response fields search bar ---------- */
.params-tools{margin:.5rem 0 .35rem}
.params-tools.params-bar{
  display:flex;align-items:center;justify-content:flex-end;gap:.8rem;flex-wrap:wrap;
  margin:.6rem 0 .7rem;
}
.params-search{position:relative;margin-right:auto;flex:0 1 320px;min-width:190px}
.params-search svg{
  position:absolute;left:.65rem;top:50%;transform:translateY(-50%);
  width:14px;height:14px;color:var(--muted);pointer-events:none;
}
.params-search input{
  width:100%;padding:.42rem .75rem .42rem 2.05rem;
  border:1px solid var(--line);border-radius:8px;background:var(--paper);
  font-family:inherit;font-size:.85rem;color:var(--ink);
}
.params-search input::placeholder{color:var(--muted)}
.params-search input:focus{outline:none;border-color:#c8d6ee;box-shadow:0 0 0 3px var(--accent-soft)}
.params-count{
  font-family:ui-monospace,'Cascadia Code','SF Mono',Menlo,Consolas,monospace;
  font-size:.74rem;color:var(--muted);white-space:nowrap;
}
.param-name mark{background:#fde68a;color:inherit;padding:0;border-radius:2px}
.params-noresults{padding:1rem .1rem;font-size:.9rem;color:var(--muted);border-bottom:1px solid var(--line)}

/* ---------- Type badges on parameters/fields ---------- */
.param-type{
  font-size:.66rem;font-weight:700;border-radius:4px;padding:.09rem .45rem;
  text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--panel);
}
.param-type.t-string{background:var(--post-soft);color:var(--post)}
.param-type.t-integer{background:var(--warn-soft);color:var(--warn)}
.param-type.t-float{background:var(--warn-soft);color:var(--warn)}
.param-type.t-boolean{background:#f1eafc;color:#6d3fb8}
.param-type.t-array{background:var(--accent-soft);color:var(--accent)}
.param-type.t-object{background:var(--accent-soft);color:var(--accent)}

/* ---------- On this page (right rail) ---------- */
.page-toc{
  width:312px;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;
  padding:2.6rem 1.4rem 2rem 0;font-size:.82rem;
}
.page-toc-title{
  font-family:ui-monospace,monospace;font-size:.66rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);margin-bottom:.55rem;
}
.page-toc a{
  display:block;color:var(--muted);text-decoration:none;padding:.24rem 0 .24rem .85rem;
  border-left:2px solid var(--line);line-height:1.35;
}
.page-toc a:hover{color:var(--ink)}
.page-toc a.active{color:var(--accent);border-left-color:var(--accent);font-weight:600}
.page-toc a.sub{padding-left:1.7rem;font-size:.78rem}
@media(max-width:1359px){.page-toc{display:none}}

/* ---------- Request example language tabs ---------- */
.reqtabs{position:relative;margin:.9rem 0 1.3rem}
.reqtabs-bar{
  display:flex;align-items:center;gap:.15rem;flex-wrap:wrap;
  background:#0c1424;border:1px solid #1d2b44;border-bottom:none;
  border-radius:var(--radius) var(--radius) 0 0;padding:.35rem .55rem;
}
.reqtabs-tab{
  background:none;border:1px solid transparent;border-radius:7px;color:#8296b3;
  font-family:ui-monospace,monospace;font-size:.74rem;padding:.32rem .7rem;cursor:pointer;
}
.reqtabs-tab:hover{color:#dbe5f3}
.reqtabs-tab.active{background:#17243a;color:#fff;border-color:#22314c;font-weight:600}
.reqtabs-bar .copy-btn{position:static;margin-left:auto}
.reqtabs .codeblock{margin:0;display:none}
.reqtabs .codeblock.active{display:block}
.reqtabs .codeblock pre{border-radius:0 0 var(--radius) var(--radius);border-top:none}
.reqtabs .codeblock .lang,.reqtabs .codeblock .copy-btn{display:none}

/* ---------- Code box top bar (label + tools) ---------- */
.cb .lang,.cb>.copy-btn{display:none}
.cb-bar{
  display:flex;align-items:center;gap:.5rem;
  background:#0c1424;border:1px solid #1d2b44;border-bottom:none;
  border-radius:var(--radius) var(--radius) 0 0;padding:.34rem .55rem .34rem .85rem;
  min-height:2.15rem;
}
.cb-bar .cb-label{
  font-family:ui-monospace,monospace;font-size:.68rem;color:#5f7292;
  text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.cb-tools{margin-left:auto;display:flex;gap:.25rem}
.cb-tool{
  background:none;border:1px solid #22314c;border-radius:6px;color:#8296b3;
  width:1.9rem;height:1.6rem;display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;padding:0;
}
.cb-tool svg{width:13px;height:13px}
.cb-tool:hover{color:#fff;border-color:#3a4d70;background:#141f33}
.cb-tool.copied{color:#7fd0a2;border-color:#23533a}
.cb pre{border-radius:0 0 var(--radius) var(--radius)!important;border-top:none!important}
.reqtabs .cb-tools{margin-left:auto}

/* Maximized (modal) code box */
.cb-maxed{
  position:fixed!important;inset:26px;z-index:100;margin:0!important;
  display:flex;flex-direction:column;
  box-shadow:0 0 0 100vmax rgba(15,23,36,.62),0 30px 70px -20px rgba(0,0,0,.55);
  border-radius:var(--radius);
}
.cb-maxed pre{flex:1;max-height:none!important;min-height:0}
.cb-maxed.reqtabs .codeblock{display:none}
.cb-maxed.reqtabs .codeblock.active{display:flex;flex-direction:column;flex:1;min-height:0}
body.cb-lock{overflow:hidden}
@media(max-width:720px){.cb-maxed{inset:8px}}

/* ---------- Other links (below On this page) ---------- */
.page-toc-other{margin-top:1.6rem}
.page-toc-other a{border-left-color:transparent}

/* ---------- Page footer ---------- */
.page-foot a{white-space:nowrap}

/* ---------- Heading anchor links (¶) ---------- */
.h-anchor{
  margin-left:.45rem;color:var(--muted);text-decoration:none;
  font-weight:400;font-size:.8em;opacity:0;transition:opacity .12s;
}
h2:hover .h-anchor,h3:hover .h-anchor,.h-anchor:focus-visible{opacity:1}
.h-anchor:hover{color:var(--accent)}
@media(hover:none){.h-anchor{opacity:.45}}
/* Anchor targets clear the sticky mobile topbar and get breathing room */
h1[id],h2[id],h3[id]{scroll-margin-top:1.2rem}
@media(max-width:900px){h1[id],h2[id],h3[id]{scroll-margin-top:4.4rem}}


/* ===== Dark theme (toggle + prefers-color-scheme via head script) ===== */
html[data-theme="dark"]{
  --paper:#0f1622;
  --panel:#161f2e;
  --ink:#dce5f2;
  --muted:#93a4bc;
  --accent:#6b8dff;
  --accent-soft:#1b2a4d;
  --post:#4cc38a;
  --post-soft:#12301f;
  --warn:#e0a34e;
  --warn-soft:#33260e;
  --danger:#ef6a6a;
  --danger-soft:#3a1616;
  --line:#243248;
}
html[data-theme="dark"] img{filter:none}

/* ===== Sidebar utility row (search) + brand-row theme toggle ===== */
.sidebar-utils{padding:0 1.3rem .35rem}
.sidebar-utils .util-search{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  background:#17243a;border:1px solid #22314c;border-radius:8px;color:#9fb0c8;
  font-family:inherit;font-size:.85rem;cursor:pointer;padding:.5rem .75rem;text-align:left;
}
.sidebar-utils .util-search:hover{color:#e7eefb;border-color:#31446a}
.sidebar-utils .util-search kbd{
  font-family:ui-monospace,monospace;font-size:.68rem;background:#0e1726;
  border:1px solid #22314c;border-radius:5px;padding:.1rem .35rem;color:#5f7292;
}
.brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 1.3rem 1.1rem 0}
.brand-row .sidebar-brand{padding-bottom:0}
.brand-row .theme-toggle{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;
  background:#17243a;border:1px solid #22314c;color:#9fb0c8;
  font-size:.95rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.brand-row .theme-toggle:hover{color:#e7eefb;border-color:#31446a}

/* ===== Search modal ===== */
.search-overlay{
  position:fixed;inset:0;z-index:100;background:rgba(8,12,20,.55);
  display:flex;align-items:flex-start;justify-content:center;padding:9vh 1rem 1rem;
}
.search-panel{
  width:100%;max-width:37rem;background:var(--paper);border:1px solid var(--line);
  border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.35);overflow:hidden;
}
.search-panel input{
  width:100%;border:0;border-bottom:1px solid var(--line);background:var(--paper);
  color:var(--ink);font-family:inherit;font-size:1rem;padding:.85rem 1rem;outline:none;
}
.search-results{max-height:55vh;overflow-y:auto;padding:.35rem}
.search-hit{display:block;padding:.55rem .7rem;border-radius:8px;text-decoration:none;cursor:pointer}
.search-hit .sh-title{color:var(--ink);font-weight:600;font-size:.9rem}
.search-hit .sh-title span{color:var(--muted);font-weight:400}
.search-hit .sh-body{color:var(--muted);font-size:.8rem;line-height:1.45;margin-top:.1rem}
.search-hit mark{background:var(--accent-soft);color:var(--accent);border-radius:3px;padding:0 .1em}
.search-hit.sel,.search-hit:hover{background:var(--panel)}
.search-empty{color:var(--muted);font-size:.85rem;padding:.9rem 1rem}

/* ===== Page actions row (below h1) ===== */
.page-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:.35rem 0 1rem}
.page-actions button,.page-actions a{
  background:var(--panel);border:1px solid var(--line);border-radius:8px;
  color:var(--muted);font-family:inherit;font-size:.78rem;font-weight:600;
  padding:.4rem .7rem;cursor:pointer;text-decoration:none;
}
.page-actions button:hover,.page-actions a:hover{color:var(--ink);border-color:var(--accent)}
.page-actions .copymd.ok{color:var(--post);border-color:var(--post)}

@media(max-width:900px){.sidebar-utils .util-search kbd{display:none}}