/* Shared by every docs page. Layout: brand sidebar left; each reference section splits into prose (centre) and a sticky code column (right). Stacks to one column under 1180px. */
@font-face{font-family:"Circular Std";src:url("/assets/fonts/CircularStd-Book.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Circular Std";src:url("/assets/fonts/CircularStd-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Circular Std";src:url("/assets/fonts/CircularStd-Black.woff2") format("woff2");font-weight:900;font-display:swap}
:root{
  --bg:#ffffff; --bg-soft:#F3F4FA; --surface:#ffffff; --surface-2:#F7F8FC; --code-bg:#0B1230; --code-bg-2:#111A40; --code-fg:#E8EBFA;
  --fg:#101536; --fg-2:#4A5178; --fg-3:#6B7299; --border:#D4D9E8; --border-2:#E6E9F3;
  --navy:#031767; --accent:#3632C0; --accent-fg:#ffffff; --accent-soft:#E7E7FF;
  --mint:#44E8C9; --mint-ink:#0B5F50; --mint-soft:#DDFBF5;
  --peach:#FBCFB7; --peach-ink:#8A3B14; --peach-soft:#FDEDE4;
  --sky:#A7E9FF; --sky-ink:#0A4F6B; --sky-soft:#E6F8FF;
  --violet-ink:#4B2DA3; --violet-soft:#EEE8FF;
  --amber:#8A5200; --amber-soft:#FFF1D6; --red:#B42323; --red-soft:#FDE8E8;
  --sidebar-bg:#031767; --sidebar-fg:#C9CFEC;
  --display:"Circular Std","Roboto",system-ui,-apple-system,sans-serif;
  --body:"Roboto",system-ui,-apple-system,sans-serif;
  --mono:"Roboto Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --shadow:0 1px 2px rgba(3,23,103,.06),0 6px 20px rgba(3,23,103,.07);
  --radius:8px; --radius-lg:14px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0B1230; --bg-soft:#101839; --surface:#121A3D; --surface-2:#161F48; --code-bg:#060B20; --code-bg-2:#0B1230; --code-fg:#E8EBFA;
  --fg:#E8EBFA; --fg-2:#B6BCE0; --fg-3:#8F96C2; --border:#2A3466; --border-2:#1F2852;
  --navy:#EEF0FC; --accent:#9C99FF; --accent-fg:#0B1230; --accent-soft:#232B5E;
  --mint:#44E8C9; --mint-ink:#8FF3DF; --mint-soft:#0F3A33;
  --peach:#FBCFB7; --peach-ink:#FFC9AE; --peach-soft:#3A2418;
  --sky:#A7E9FF; --sky-ink:#A7E9FF; --sky-soft:#10324A;
  --violet-ink:#CDBEFF; --violet-soft:#2B2160;
  --amber:#FFD27A; --amber-soft:#3A2E12; --red:#FF9A90; --red-soft:#3A1A1A;
  --sidebar-bg:#060B20; --sidebar-fg:#AEB5DA;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.3); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0B1230; --bg-soft:#101839; --surface:#121A3D; --surface-2:#161F48; --code-bg:#060B20; --code-bg-2:#0B1230; --code-fg:#E8EBFA;
  --fg:#E8EBFA; --fg-2:#B6BCE0; --fg-3:#8F96C2; --border:#2A3466; --border-2:#1F2852;
  --navy:#EEF0FC; --accent:#9C99FF; --accent-fg:#0B1230; --accent-soft:#232B5E;
  --mint:#44E8C9; --mint-ink:#8FF3DF; --mint-soft:#0F3A33;
  --peach:#FBCFB7; --peach-ink:#FFC9AE; --peach-soft:#3A2418;
  --sky:#A7E9FF; --sky-ink:#A7E9FF; --sky-soft:#10324A;
  --violet-ink:#CDBEFF; --violet-soft:#2B2160;
  --amber:#FFD27A; --amber-soft:#3A2E12; --red:#FF9A90; --red-soft:#3A1A1A;
  --sidebar-bg:#060B20; --sidebar-fg:#AEB5DA;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.3); color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--display);color:var(--navy);text-wrap:balance;line-height:1.2;margin:0}
h1{font-size:2.3rem;font-weight:900;letter-spacing:-.01em}
h2{font-size:1.6rem;font-weight:700}
h3{font-size:1.15rem;font-weight:700;margin-top:2rem}
h4{font-size:.98rem;font-weight:700;margin-top:1.4rem;color:var(--fg)}
p{margin:.7rem 0} ul,ol{padding-left:1.25rem} li{margin:.3rem 0}
code{font-family:var(--mono);font-size:.85em;background:var(--bg-soft);border:1px solid var(--border-2);border-radius:5px;padding:.08em .36em;color:var(--fg)}
p code,li code,.rule code,.callout code{overflow-wrap:anywhere}
.anchor{color:var(--fg-3);opacity:0;margin-left:.4rem;font-weight:400;font-size:.8em}
h2:hover .anchor,h3:hover .anchor{opacity:1}
.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.45rem}
.muted{color:var(--fg-2)}

/* Shell */
.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}
.sidebar{background:var(--sidebar-bg);color:var(--sidebar-fg);position:sticky;top:0;height:100vh;overflow-y:auto;padding:1.25rem 1rem 2rem;display:flex;flex-direction:column;gap:1.1rem}
.brand{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem}
.brand img{height:26px;width:auto;display:block}
.brand-title{font-family:var(--display);font-weight:700;color:#fff;font-size:1rem;line-height:1.15}
.brand-sub{font-size:.7rem;color:var(--sidebar-fg);letter-spacing:.08em;text-transform:uppercase}
.search{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:.42rem .65rem}
.search input{background:transparent;border:0;color:#fff;font:inherit;font-size:.88rem;width:100%;outline:none}
.search input::placeholder{color:rgba(255,255,255,.5)}
.nav{display:flex;flex-direction:column;gap:.9rem}
.nav-group-title{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);padding:0 .5rem;margin-bottom:.2rem;font-weight:700}
.nav a{display:flex;align-items:center;gap:.45rem;color:var(--sidebar-fg);padding:.32rem .55rem;border-radius:6px;font-size:.88rem;line-height:1.3}
.nav a:hover{background:rgba(255,255,255,.08);text-decoration:none;color:#fff}
.nav a.active{background:rgba(68,232,201,.14);color:#fff;font-weight:500;box-shadow:inset 3px 0 0 var(--mint)}
.nav a.sub{padding-left:1.35rem;font-size:.83rem}
.nav .m{font-family:var(--mono);font-size:.62rem;font-weight:700;background:var(--mint);color:#06372E;border-radius:3px;padding:.05rem .3rem}
.sidebar-foot{margin-top:auto;font-size:.72rem;color:rgba(255,255,255,.5);padding:0 .5rem;line-height:1.5}

.main{min-width:0}
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-2);display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem max(16px,env(safe-area-inset-right,0px)) .55rem max(16px,env(safe-area-inset-left,0px));flex-wrap:wrap}
.crumb{font-size:.84rem;color:var(--fg-3)} .crumb b{color:var(--fg);font-weight:500}
.seg{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:3px;background:var(--bg-soft);gap:2px;flex-wrap:wrap;max-width:100%}
.seg button{border:0;background:transparent;font:inherit;font-size:.78rem;font-weight:500;color:var(--fg-2);padding:.28rem .75rem;border-radius:999px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-fg)}
.menu-btn{display:none;border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:6px;padding:.3rem .6rem;font:inherit;font-size:.84rem;cursor:pointer}

.content{padding-block:2rem 6rem;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:700px){.content{padding-left:40px;padding-right:40px}}
.sec{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem 2.75rem;padding:2.6rem 0;border-top:1px solid var(--border-2);max-width:1320px}
.sec:first-of-type{border-top:0;padding-top:.5rem}
.sec > .prose{min-width:0;max-width:720px}
.sec > .aside{min-width:0}
@media (min-width:1180px){
  .sec.split{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  .sec.split > .aside > .sticky{position:sticky;top:76px}
}
.sec > .prose > h2:first-child{margin-bottom:.4rem}

/* Banner and hero */
.banner{display:flex;gap:.75rem;align-items:flex-start;border:1px solid var(--peach);background:var(--peach-soft);color:var(--fg);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1.75rem;max-width:1320px;font-size:.92rem}
.banner b{color:var(--peach-ink)}
.tag{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:4px;padding:.12rem .45rem;white-space:nowrap}
.tag.draft{background:var(--peach);color:#5A240A}
.hero .lead{font-size:1.1rem;color:var(--fg-2);max-width:640px}
.pills{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}
.pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.77rem;font-weight:500;border:1.5px solid var(--border);border-radius:999px;padding:.25rem .7rem;color:var(--fg-2);background:var(--surface)}
.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--mint)}

/* Callouts */
.callout{border:1px solid var(--border-2);border-radius:var(--radius);padding:.8rem 1rem;margin:1.1rem 0;background:var(--surface-2);display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;font-size:.92rem}
.callout .ic{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;margin-top:.1rem}
.callout p{margin:.2rem 0}
.callout.note{border-color:var(--sky);background:var(--sky-soft)} .callout.note .ic{background:var(--sky);color:#0A4F6B}
.callout.warn{border-color:var(--peach);background:var(--peach-soft)} .callout.warn .ic{background:var(--peach);color:#8A3B14}
.callout.ok{border-color:var(--mint);background:var(--mint-soft)} .callout.ok .ic{background:var(--mint);color:#0B5F50}

/* Tables */
.tbl{overflow-x:auto;margin:1rem 0 1.4rem;border:1px solid var(--border-2);border-radius:var(--radius);background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:.88rem}
th,td{text-align:left;vertical-align:top;padding:.55rem .75rem;border-bottom:1px solid var(--border-2)}
th{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);background:var(--surface-2);font-weight:700;white-space:nowrap}
tr:last-child td{border-bottom:0}
td code{white-space:nowrap}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.yes{color:var(--mint-ink);font-weight:700} .no{color:var(--fg-3)}

/* Status, method, badges */
.status{display:inline-block;font-family:var(--mono);font-size:.76rem;font-weight:700;border-radius:4px;padding:.1rem .42rem;white-space:nowrap}
.s2{background:var(--mint-soft);color:var(--mint-ink)} .s4{background:var(--amber-soft);color:var(--amber)} .s5{background:var(--red-soft);color:var(--red)}
.method{display:inline-block;font-family:var(--mono);font-size:.74rem;font-weight:700;letter-spacing:.04em;background:var(--mint);color:#06372E;border-radius:5px;padding:.18rem .5rem}
.b{display:inline-block;font-size:.64rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:4px;padding:.08rem .38rem;vertical-align:.1em;white-space:nowrap}
.b.req{background:var(--peach-soft);color:var(--peach-ink)}
.b.cond{background:var(--amber-soft);color:var(--amber)}
.b.opt{background:var(--bg-soft);color:var(--fg-3)}
.b.unused{background:var(--bg-soft);color:var(--fg-3);font-weight:500;text-transform:none;letter-spacing:0;font-size:.72rem}
.cat{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:.08rem .4rem;white-space:nowrap}
.cat.input{background:var(--amber-soft);color:var(--amber)} .cat.elig{background:var(--sky-soft);color:var(--sky-ink)} .cat.uw{background:var(--violet-soft);color:var(--violet-ink)} .cat.srv{background:var(--red-soft);color:var(--red)} .cat.auth{background:var(--bg-soft);color:var(--fg-2)}
.prod{display:inline-block;font-size:.7rem;font-weight:700;border-radius:999px;padding:.1rem .55rem;white-space:nowrap}
.prod.ppm{background:var(--mint-soft);color:var(--mint-ink)} .prod.unl{background:var(--accent-soft);color:var(--accent)}

/* Endpoint card */
.endpoint{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);padding:.65rem .85rem;margin:1rem 0;box-shadow:var(--shadow)}
.endpoint .url{font-family:var(--mono);font-size:.86rem;word-break:break-all;min-width:0}
.endpoint .host{color:var(--fg-3)} .endpoint .path{color:var(--fg);font-weight:500}

/* Attribute lists */
.attrs{border-top:1px solid var(--border-2);margin:1rem 0 1.5rem}
.attr{padding:.75rem 0;border-bottom:1px solid var(--border-2)}
.attr-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .55rem}
.attr-h .n{font-family:var(--mono);font-size:.86rem;font-weight:500;color:var(--fg);overflow-wrap:anywhere}
.attr-h .t{font-size:.8rem;color:var(--fg-3)}
.attr p{margin:.3rem 0 0;font-size:.9rem;color:var(--fg-2)}
.attr p code{font-size:.8rem}
.vals{display:flex;flex-wrap:wrap;gap:.28rem;margin-top:.4rem}
.vals span{font-family:var(--mono);font-size:.74rem;background:var(--accent-soft);color:var(--navy);border-radius:4px;padding:.06rem .38rem;max-width:100%;overflow-wrap:anywhere}
.vals.bad span{background:var(--red-soft);color:var(--red)}
details.child{margin-top:.55rem;border:1px solid var(--border-2);border-radius:999px;display:inline-block;max-width:100%}
details.child[open]{border-radius:var(--radius);display:block}
details.child > summary{cursor:pointer;list-style:none;font-size:.78rem;font-weight:500;color:var(--fg-2);padding:.25rem .75rem}
details.child > summary::-webkit-details-marker{display:none}
details.child > summary::before{content:"+ ";font-family:var(--mono)}
details.child[open] > summary::before{content:"− "}
details.child > .attrs{margin:0;padding:0 .9rem;border-top:1px solid var(--border-2)}
details.child > .attrs > .attr:last-child{border-bottom:0}

/* Code panels */
.code{background:var(--code-bg);color:var(--code-fg);border-radius:var(--radius-lg);margin:0 0 1rem;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.04)}
.code .bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .5rem .4rem .9rem;background:var(--code-bg-2);border-bottom:1px solid rgba(255,255,255,.07);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(232,235,250,.62);flex-wrap:wrap}
.code .bar .ttl{display:flex;align-items:center;gap:.5rem;min-width:0}
.code .bar .ttl .method{font-size:.66rem;padding:.08rem .38rem}
.code .bar .acts{display:flex;align-items:center;gap:.35rem}
.langs{display:inline-flex;gap:2px}
.langs button,.copy{border:1px solid transparent;background:transparent;color:rgba(232,235,250,.7);font:inherit;font-size:.7rem;letter-spacing:.04em;border-radius:5px;padding:.2rem .5rem;cursor:pointer;text-transform:none}
.langs button[aria-pressed="true"]{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.14)}
.copy{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff}
.copy:hover,.langs button:hover{background:rgba(255,255,255,.14)}
.code pre{margin:0;padding:.85rem 1rem;overflow:auto;max-height:640px;font-family:var(--mono);font-size:.78rem;line-height:1.6;tab-size:2}
.code pre code{background:transparent;border:0;padding:0;color:inherit;font-size:inherit;white-space:pre}
.tk-k{color:#A7E9FF}.tk-s{color:#FBCFB7}.tk-n{color:#44E8C9}.tk-b{color:#C8B6FF}.tk-c{color:rgba(232,235,250,.48);font-style:italic}.tk-f{color:#FFE08A}
.rtabs{display:flex;gap:2px;padding:.35rem .5rem 0;background:var(--code-bg-2);overflow-x:auto}
.rtabs button{border:0;background:transparent;font:inherit;font-size:.74rem;font-weight:500;color:rgba(232,235,250,.6);padding:.35rem .65rem;border-radius:6px 6px 0 0;cursor:pointer;display:inline-flex;gap:.35rem;align-items:center;white-space:nowrap}
.rtabs button[aria-selected="true"]{background:var(--code-bg);color:#fff}
.rtabs .d{width:7px;height:7px;border-radius:50%}
.d.ok{background:#44E8C9}.d.w{background:#FFD27A}.d.e{background:#FF9A90}

/* Rule tiles */
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.7rem;margin:1rem 0 1.4rem}
.rule{border:1px solid var(--border-2);border-radius:var(--radius);padding:.75rem .9rem;background:var(--surface);font-size:.88rem;display:flex;flex-direction:column;gap:.3rem;min-width:0}
.rule b{color:var(--navy);font-family:var(--display)}
.rule .rd{display:block;color:var(--fg-2);line-height:1.5}

.rule .n{font-family:var(--mono);font-size:.7rem;color:var(--fg-3)}
.rule .err{font-family:var(--mono);font-size:.72rem;color:var(--red);margin-top:auto;overflow-wrap:anywhere}
.rule .ok{font-family:var(--mono);font-size:.72rem;color:var(--mint-ink);margin-top:auto;overflow-wrap:anywhere}

/* Request builder */
.builder{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem;margin:1rem 0 1.4rem;padding:1rem;border:1px solid var(--border-2);border-radius:var(--radius-lg);background:var(--surface)}
.bf{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.bf label,.bchecks legend{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
.bf select{font:inherit;font-size:.9rem;padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--fg);min-width:0;max-width:100%}
.bchecks{grid-column:1/-1;border:1px solid var(--border-2);border-radius:var(--radius);padding:.5rem .8rem .7rem;margin:0;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;min-width:0}
.bchecks label{font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}
.bchecks input{accent-color:var(--accent);width:16px;height:16px}
.breset{justify-self:start;border:1px solid var(--border);background:var(--surface-2);color:var(--fg);font:inherit;font-size:.82rem;border-radius:6px;padding:.35rem .7rem;cursor:pointer}
.bresult{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.92rem;font-weight:500;padding:.65rem .85rem;margin-bottom:.8rem;border:1px solid var(--border-2);border-radius:var(--radius);background:var(--surface)}
.bresult code{font-size:.82rem}
/* Diagrams */
figure.dg{margin:1.2rem 0 1.6rem;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:1rem;overflow-x:auto}
figure.dg svg{display:block;width:100%;height:auto;min-width:560px;color:var(--fg)}
figure.dg figcaption{font-size:.84rem;color:var(--fg-2);margin-top:.6rem;max-width:72ch}
.dg .box{fill:var(--surface-2);stroke:var(--border)}
.dg .box.z{fill:var(--sky-soft);stroke:var(--sky)}
.dg .box.j{fill:var(--accent-soft);stroke:var(--accent)}
.dg .box.s{fill:var(--mint-soft);stroke:var(--mint)}
.dg .box.x{fill:var(--red-soft);stroke:var(--red)}
.dg .box.w{fill:var(--amber-soft);stroke:var(--amber)}
.dg .band{fill:var(--bg-soft);stroke:none}
.dg .t{fill:currentColor;font-family:var(--body);font-size:12px}
.dg .tb{fill:currentColor;font-family:var(--display);font-size:12.5px;font-weight:700}
.dg .tl{fill:var(--fg-2);font-family:var(--mono);font-size:10.5px}
.dg .th{fill:var(--fg-3);font-family:var(--body);font-size:10px;font-weight:700;letter-spacing:.08em}
.dg .ln{stroke:currentColor;stroke-width:1.3;fill:none}
.dg .ln.ret{stroke-dasharray:4 3;stroke:var(--fg-3)}
.dg .ln.card{stroke:var(--mint-ink);stroke-width:1.8}
.dg .life{stroke:var(--border);stroke-dasharray:3 4}
.dg .ah{fill:currentColor} .dg .ah.ret{fill:var(--fg-3)} .dg .ah.card{fill:var(--mint-ink)}
.ops td:first-child code{white-space:nowrap}
.log{border-left:2px solid var(--border);padding-left:1.1rem;display:grid;gap:.9rem}
.log .d{font-family:var(--mono);font-size:.76rem;color:var(--fg-3)} .log p{margin:.15rem 0}
.foot{margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--border-2);font-size:.83rem;color:var(--fg-3);max-width:1320px}

@media (max-width:900px){
  .shell{grid-template-columns:1fr}
  .sidebar{position:fixed;inset:0 auto 0 0;width:min(290px,86vw);transform:translateX(-100%);transition:transform .2s ease;z-index:20;padding-top:calc(1.25rem + env(safe-area-inset-top,0px));padding-left:max(1rem,env(safe-area-inset-left,0px))}
  .sidebar.open{transform:none;box-shadow:0 0 0 100vmax rgba(3,23,103,.45)}
  .menu-btn{display:inline-block}
  h1{font-size:1.85rem}
}
a.brand{color:inherit;text-decoration:none}
.crumb a{color:inherit;text-decoration:none}
.crumb a:hover{text-decoration:underline}