@font-face{font-family:'lucide';src:url('fonts/lucide/lucide.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
:root{
  --font-ui:'Inter',system-ui,sans-serif; --font-mono:'IBM Plex Mono','JetBrains Mono',ui-monospace,Menlo,monospace;
  --blue:#1E6FB4; --blue-dark:#165687; --blue-darker:#0F4672; --blue-soft:#E8F1F9; --blue-softer:#F2F7FB;
  --gold:#F5B84A; --ink:#14202E; --ink-soft:#2A3644; --muted:#5C6773; --subtle:#8B95A3;
  --border:#D9DFE6; --border-soft:#EDEFF2; --bg:#F4F6F9; --surface:#FFFFFF; --surface-2:#FAFBFC;
  --green:#1B8F4A; --green-soft:#E3F3EB; --red:#BF3B3B; --red-soft:#FBEAEA; --amber:#B8730E; --amber-soft:#FBF1DF;
  --chrome-bg:#1E6FB4; --chrome-border:rgba(255,255,255,.14); --chrome-muted:rgba(255,255,255,.62);
  --nav-active-bg:var(--blue-soft); --nav-active-text:var(--blue-darker);
  --code-bg:#0F1B26; --code-text:#E6EAF0; --code-border:#22303D; --code-tabbar:#0A131B;
}
html[data-theme="dark"]{
  --blue:#4A9BE0; --blue-dark:#6DB2EC; --blue-darker:#8FC6F2; --blue-soft:#132433; --blue-softer:#101C27;
  --ink:#E9EDF2; --ink-soft:#CFD7E0; --muted:#95A1AF; --subtle:#6E7A88;
  --border:#25313D; --border-soft:#1C262F; --bg:#0B1117; --surface:#101822; --surface-2:#0E151E;
  --green:#4FBF7F; --green-soft:#12261B; --red:#E06A6A; --red-soft:#2A1618; --amber:#E0A24A; --amber-soft:#2A2114;
  --chrome-bg:#10161E; --chrome-border:#1F2935; --chrome-muted:rgba(255,255,255,.55);
  --nav-active-bg:rgba(255,255,255,.08); --nav-active-text:#fff;
  --code-bg:#0A1119; --code-text:#DCE3EB; --code-border:#1E2A36; --code-tabbar:#070D13;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-dark);text-decoration:underline}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
code:not(pre code){font-family:var(--font-mono);font-size:.88em;background:var(--blue-softer);border:1px solid var(--border-soft);border-radius:3px;padding:1px 5px;color:var(--ink)}
.eyebrow{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--muted)}

/* ── top bar ─────────────────────────────────── */
.topbar{position:fixed;inset:0 0 auto 0;height:46px;background:var(--chrome-bg);border-bottom:1px solid var(--chrome-border);display:flex;align-items:center;gap:10px;padding:0 12px;z-index:30}
.wordmark{font-weight:800;font-size:18px;letter-spacing:-.4px;color:#fff}
.wordmark:hover{text-decoration:none;color:#fff}
.wordmark span{color:var(--gold)}
.api-chip{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--chrome-muted);border-left:1px solid var(--chrome-border);padding-left:10px}
.topbar .spacer{flex:1}
.topsearch{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid var(--chrome-border);border-radius:4px;padding:5px 9px;width:250px;color:#fff}
.topsearch input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#fff;font-family:inherit;font-size:12.5px}
.topsearch input::placeholder{color:rgba(255,255,255,.55)}
.topsearch kbd{font-family:var(--font-mono);font-size:10px;color:rgba(255,255,255,.6);border:1px solid var(--chrome-border);border-radius:3px;padding:1px 4px}
.ghost{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--chrome-border);color:#fff;font-family:inherit;font-size:12px;font-weight:500;padding:5px 10px;border-radius:4px;cursor:pointer}
.ghost:hover{background:rgba(255,255,255,.1);color:#fff;text-decoration:none}
.menubtn{display:none}
/* -- account menu ----------------------------- */
/* Sits after the theme toggle, so it is the last thing in the bar. */
.btn.signin{padding:6px 14px;font-size:12.5px;background:var(--gold);border-color:var(--gold);color:#3A2A08}
.btn.signin:hover{background:#E8AB3B;border-color:#E8AB3B;color:#3A2A08;text-decoration:none}
.userbtn{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--chrome-border);border-radius:4px;padding:3px 7px 3px 3px;color:#fff;font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer;max-width:190px}
.userbtn:hover{background:rgba(255,255,255,.1)}
.userbtn .uname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.userbtn svg{flex-shrink:0;color:var(--chrome-muted)}
.avatar{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:3px;background:var(--gold);color:#3A2A08;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.3px}
.usermenu{position:absolute;top:38px;right:0;width:230px;background:var(--surface);border:1px solid var(--border);border-radius:4px;box-shadow:0 14px 40px rgba(0,0,0,.18);padding:4px;display:none;z-index:40}
.usermenu.on{display:block}
.usermenu .uhead{padding:9px 10px 10px;border-bottom:1px solid var(--border-soft);margin-bottom:4px}
.usermenu .uhead .n{font-size:13px;font-weight:600;color:var(--ink)}
.usermenu .uhead .e{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis}
.usermenu .uhead .co{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--blue-dark);margin-top:6px}
.usermenu a{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:3px;font-size:13px;font-weight:500;color:var(--ink-soft)}
.usermenu a:hover{background:var(--blue-softer);color:var(--blue-darker);text-decoration:none}
.usermenu a svg{flex-shrink:0;color:var(--subtle)}
.usermenu a:hover svg{color:var(--blue-dark)}
.usermenu a .chip{margin-left:auto}
.usermenu a.danger:hover{background:var(--red-soft);color:var(--red)}
.usermenu a.danger:hover svg{color:var(--red)}
.usep{height:1px;background:var(--border-soft);margin:4px 0}

/* ── search overlay ──────────────────────────── */
.sresults{position:absolute;top:40px;right:0;width:420px;max-height:60vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:4px;box-shadow:0 14px 40px rgba(0,0,0,.18);padding:4px;display:none}
.sresults.on{display:block}
.sresults a{display:block;padding:8px 10px;border-radius:3px;color:var(--ink)}
.sresults a:hover{background:var(--blue-softer);text-decoration:none}
.sresults .t{font-size:13px;font-weight:600}
.sresults .p{font-size:11px;color:var(--muted);font-family:var(--font-mono)}
.sresults .empty{padding:10px;font-size:12.5px;color:var(--muted)}

/* ── shell + sidebar ─────────────────────────── */
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);padding-top:46px;min-height:100vh}
.sidebar{position:sticky;top:46px;align-self:start;height:calc(100vh - 46px);overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);padding:10px 8px 60px;z-index:20}
.navgroup{display:flex;align-items:center;gap:6px;width:100%;padding:9px 8px 9px 6px;margin-top:4px;background:none;border:0;border-radius:3px;font-family:inherit;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--subtle);cursor:pointer;text-align:left}
.navgroup:hover{background:var(--blue-softer);color:var(--ink-soft)}
.navgroup>.navlabel{flex:1;min-width:0}
.navgroup svg{flex:none;width:11px;height:11px;transition:transform .15s ease;transform:rotate(-90deg)}
.navgroup.open svg{transform:rotate(0deg)}
.navgroup.open{color:var(--ink-soft)}
.navcount{flex:none;padding:1px 6px;border-radius:9px;background:var(--blue-softer);font-size:9.5px;font-weight:700;letter-spacing:.4px;color:var(--subtle)}
.navgroup.open .navcount{background:var(--nav-active-bg);color:var(--nav-active-text)}
.navicon{flex:none;width:15px;height:15px;font-family:'lucide';font-size:14px;line-height:15px;font-weight:400;text-align:center;text-transform:none;letter-spacing:0;color:var(--subtle)}
.navgroup.open .navicon,.navgroup:hover .navicon{color:var(--blue)}
.navback{display:none;flex:none;width:11px;height:11px;align-items:center;justify-content:center}
.navback svg{width:11px;height:11px;transform:none}
.sidebar.focused{padding-top:0}
.sidebar.focused .navgroup{display:none}
.sidebar.focused .navgroup.focus{display:flex;position:sticky;top:0;z-index:2;margin-top:0;background:var(--surface);border-bottom:1px solid var(--border);border-radius:0}
.sidebar.focused .navgroup.focus:hover{background:var(--blue-softer)}
.sidebar.focused .navgroup.focus .navback{display:inline-flex}
.sidebar.focused .navgroup.focus>svg{display:none}
.sidebar.focused .navgroupitems{display:none}
.sidebar.focused .navgroupitems.open{display:block}
.navgroupitems{display:none}
.navgroupitems.open{display:block}
.navitem{display:flex;align-items:center;border-left:3px solid transparent;border-radius:3px;margin-bottom:1px}
.navitem:hover{background:var(--blue-softer)}
.navitem>a{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:7px 4px 7px 10px;font-size:13px;font-weight:500;color:var(--ink-soft)}
.navitem>a:hover{text-decoration:none;color:var(--blue-darker)}
.navitem.on{background:var(--nav-active-bg);border-left-color:var(--gold)}
.navitem.on>a{padding-left:7px;font-weight:600;color:var(--nav-active-text)}
.navtwist{width:26px;height:26px;margin-right:2px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;color:var(--subtle);cursor:pointer;flex-shrink:0}
.navtwist:hover{background:var(--blue-soft);color:var(--blue-dark)}
.navtwist svg{transition:transform .15s}
.navitem.open .navtwist svg{transform:rotate(180deg)}
.subnav{display:none;margin:2px 0 6px 21px;padding-left:9px;border-left:1px solid var(--border)}
.navitem.open+.subnav{display:block}
.subnav a.ep{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.3}
.subnav .verb{padding:0 5px;font-size:9px;letter-spacing:.7px;border-radius:2px;line-height:15px}
.subnav .eppath{font-family:var(--font-mono);font-size:11.5px;overflow-wrap:break-word}
.subnav a{display:block;padding:5px 9px;font-size:12.5px;color:var(--muted);border-radius:3px;margin-left:-1px;border-left:2px solid transparent}
.subnav a:hover{color:var(--ink);background:var(--blue-softer);text-decoration:none}
.subnav a.cur{color:var(--nav-active-text);font-weight:600;border-left-color:var(--gold);background:var(--nav-active-bg)}
.chip{font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:1px 6px;border-radius:2px;background:var(--border-soft);color:var(--muted);flex-shrink:0}
.chip.planned{background:var(--amber-soft);color:var(--amber)}
.chip.live{background:var(--green-soft);color:var(--green)}
.chip.partial{background:var(--blue-soft);color:var(--blue)}
.scrim{display:none}

/* ── content ─────────────────────────────────── */
.main{min-width:0}
.wrap{max-width:1200px;padding:30px 40px 100px}
section.band{border-top:1px solid var(--border);padding:34px 0 8px;scroll-margin-top:70px}
section.band:first-of-type{border-top:none;padding-top:6px}
h1{font-size:44px;line-height:1.05;letter-spacing:-1.4px;font-weight:800;margin:6px 0 0}
h1.hero-h{font-size:52px;letter-spacing:-1.6px}
h1 em{font-style:normal;color:var(--blue)}
h2{font-size:22px;line-height:1.25;letter-spacing:-.4px;font-weight:700;margin:0 0 14px}
h3{font-size:15px;font-weight:600;margin:22px 0 6px;letter-spacing:-.1px}
h2 .hash{color:var(--subtle);font-family:var(--font-mono);font-weight:400;margin-left:10px;opacity:0;font-size:18px}
h2:hover .hash,h2 .hash:focus{opacity:1}
.band-body{padding-left:20px}
p{margin:0 0 14px;color:var(--ink-soft);max-width:66ch;text-wrap:pretty}
.lede{font-size:17px;line-height:1.6;color:var(--ink-soft);max-width:52ch;margin-top:16px}
ul.docs{margin:0 0 16px;padding-left:20px;max-width:66ch;color:var(--ink-soft)}
ul.docs li{margin-bottom:8px}
strong{color:var(--ink);font-weight:600}
.subhead{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin:22px 0 8px}

/* ── buttons ─────────────────────────────────── */
.btnrow{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:13.5px;font-weight:600;padding:10px 16px;border-radius:4px;border:1px solid var(--blue);background:var(--blue);color:#fff;cursor:pointer}
.btn:hover{background:var(--blue-dark);border-color:var(--blue-dark);text-decoration:none;color:#fff}
.btn.sec{background:var(--surface);color:var(--ink);border-color:var(--border)}
.btn.sec:hover{background:var(--blue-soft);color:var(--blue-darker);border-color:var(--blue)}

/* ── cards / callouts ────────────────────────── */
.card{background:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:hidden}
.card-head{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--blue-soft);border-bottom:1px solid var(--border)}
.card-head .t{font-size:12px;font-weight:600;color:var(--blue-darker);letter-spacing:.2px;flex:1}
.card-head .m{font-family:var(--font-mono);font-size:11px;color:var(--muted)}
.callout{display:flex;gap:14px;align-items:baseline;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:0 4px 4px 0;padding:12px 16px;margin:0 0 14px;max-width:1000px}
.callout .lbl{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--blue-dark);flex-shrink:0;padding-top:2px}
.callout p{margin:0;font-size:13.5px;max-width:82ch}
.callout.warn{border-left-color:var(--amber);background:var(--amber-soft)}
.callout.warn .lbl{color:var(--amber)}
.callout.rule{border-left-color:var(--green);background:var(--green-soft)}
.callout.rule .lbl{color:var(--green)}
.callout.rule p,.callout.warn p{color:var(--ink-soft)}

/* ── tables ──────────────────────────────────── */
table.ref{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:4px;max-width:1000px;margin-bottom:16px}
table.ref th{padding:8px 12px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}
table.ref td{padding:9px 12px;font-size:12.5px;border-bottom:1px solid var(--border-soft);color:var(--ink-soft);vertical-align:top}
table.ref tr:last-child td{border-bottom:none}
table.ref tbody tr:nth-child(even){background:var(--blue-softer)}
table.ref td.p{font-family:var(--font-mono);color:var(--ink);font-weight:500;white-space:nowrap}
table.ref td.t{font-family:var(--font-mono);color:var(--muted);white-space:nowrap}
.tag{font-family:var(--font-mono);font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;border-radius:2px;background:var(--border-soft);color:var(--muted);margin-left:6px;white-space:nowrap}
.tag.money{background:var(--green-soft);color:var(--green)}
.tag.req{background:var(--blue-soft);color:var(--blue-dark)}
.st{font-family:var(--font-mono);font-size:11px;font-weight:600;padding:2px 6px;border-radius:2px;background:var(--border-soft);color:var(--muted)}
.st.s2{background:var(--green-soft);color:var(--green)}
.st.s4{background:var(--red-soft);color:var(--red)}
.st.s3{background:var(--amber-soft);color:var(--amber)}

/* ── endpoints ───────────────────────────────── */
.endpoint{border-top:1px solid var(--border);padding-top:22px;margin-top:30px;scroll-margin-top:70px}
.ep-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.verb{font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.8px;padding:5px 10px;border-radius:3px;background:var(--green-soft);color:var(--green)}
.verb.post{background:var(--blue-soft);color:var(--blue-dark)}
.verb.put{background:var(--amber-soft);color:var(--amber)}
.verb.patch{background:var(--amber-soft);color:var(--amber)}
.verb.del{background:var(--red-soft);color:var(--red)}
.ep-path{font-family:var(--font-mono);font-size:17px;font-weight:600;color:var(--ink);letter-spacing:-.2px}
.ep-path .var{color:var(--muted)}
.ep-codes{margin-left:auto;display:flex;gap:5px}
.ep-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:34px;align-items:start}
@media(max-width:1240px){.ep-grid{grid-template-columns:minmax(0,1fr)}}

/* ── code ────────────────────────────────────── */
pre.code{margin:0 0 16px;background:var(--code-bg);border:1px solid var(--code-border);border-radius:4px;padding:12px 14px;overflow-x:auto;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:var(--code-text)}
pre.code .k{color:var(--gold)}pre.code .s{color:#8FD3A8}pre.code .c{color:#7B8794}pre.code .n{color:#9CC7F0}
.codebox{background:var(--code-bg);border:1px solid var(--code-border);border-radius:4px;overflow:hidden;margin-bottom:16px}
.codebox .tabs{display:flex;gap:2px;padding:6px 6px 0;background:var(--code-tabbar);border-bottom:1px solid var(--code-border)}
.codebox .tabs button{font-family:var(--font-mono);font-size:11.5px;padding:5px 10px;border:none;border-radius:3px 3px 0 0;background:transparent;color:#7B8794;cursor:pointer}
.codebox .tabs button.on{background:var(--code-bg);color:var(--code-text);font-weight:600}
.codebox pre{margin:0;padding:12px 14px;overflow-x:auto;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:var(--code-text)}
.codebox pre[hidden]{display:none}
.codebox .cap{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--code-tabbar);border-bottom:1px solid var(--code-border);font-family:var(--font-mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:#7B8794}
.codebox pre .k{color:var(--gold)}.codebox pre .s{color:#8FD3A8}.codebox pre .c{color:#7B8794}.codebox pre .n{color:#9CC7F0}

/* ── ledger try-it (overview) ────────────────── */
table.ledger{width:100%;border-collapse:collapse}
table.ledger th{padding:7px 12px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border)}
table.ledger th.num,table.ledger td.num{text-align:right}
table.ledger td{padding:8px 12px;font-size:12.5px;border-bottom:1px solid var(--border-soft);color:var(--ink-soft)}
table.ledger td .acct{font-family:var(--font-mono);font-weight:600;color:var(--ink);margin-right:7px}
.amt{width:118px;text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12.5px;padding:4px 8px;border:1px solid var(--border);border-radius:3px;background:var(--surface);color:var(--ink)}
.amt:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft)}
.dash{color:var(--subtle);font-family:var(--font-mono)}
.diffrow{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--border-soft)}
.diffrow .lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);flex:1}
.diffrow .val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}
.resp{margin:12px;padding:10px 12px;border-radius:3px;font-family:var(--font-mono);font-size:12px;line-height:1.5;white-space:pre-wrap;border:1px solid}
.resp.ok{background:var(--green-soft);border-color:var(--green);color:var(--green)}
.resp.err{background:var(--red-soft);border-color:var(--red);color:var(--red)}
.resp b{font-weight:700}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:48px;align-items:start;padding:20px 0 40px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1000px}
.fact{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:14px 16px;border-top:2px solid var(--blue)}
.fact .n{font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:var(--subtle);letter-spacing:.6px}
.fact h3{margin:4px 0 0;font-size:14px}
.fact p{font-size:13.5px;margin:6px 0 0;color:var(--muted);max-width:none}

/* ── page footer nav ─────────────────────────── */
.pagenav{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px;padding-top:22px;border-top:1px solid var(--border)}
.nextcard{flex:1 1 240px;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:13px 15px}
.nextcard:hover{border-color:var(--blue);text-decoration:none}
.nextcard .d{font-size:12px;color:var(--muted);margin-top:3px}
.nextcard .d code{background:none;border:0;padding:0;font-size:.92em;color:inherit}
.nextcard .d strong{color:var(--ink-soft)}
.nextcard .t{font-size:13.5px;font-weight:600;color:var(--ink)}

@media(max-width:1180px){.hero{grid-template-columns:minmax(0,1fr);gap:28px}.hero .card{max-width:520px}h1.hero-h{font-size:40px;letter-spacing:-1px}.grid2{grid-template-columns:1fr}}
@media(max-width:900px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .menubtn{display:flex;width:32px;height:32px;align-items:center;justify-content:center;padding:0}
  .sidebar{position:fixed;top:46px;left:0;width:270px;transform:translateX(-100%);transition:transform .18s;box-shadow:0 10px 40px rgba(0,0,0,.2)}
  .sidebar.open{transform:none}
  body.navopen .scrim{display:block;position:fixed;inset:46px 0 0 0;background:rgba(0,0,0,.35);z-index:15}
  .wrap{padding:20px 20px 70px}
  .band-body{padding-left:0}
  .topsearch{width:150px}
  .userbtn .uname{display:none}
  .sresults{width:min(92vw,420px)}
}