@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Inter:wght@400;500;600;700&family=UnifrakturMaguntia&display=swap');
:root{--brand-wordmark:'UnifrakturMaguntia','Cinzel',Georgia,serif}
:root{color-scheme:dark;--brand-background:#121317;--brand-surface:#1a1c21;--brand-raised:#282a2f;--brand-text:#e8edf2;--brand-muted:#9299a3;--brand-border:#34383f;--brand-border-strong:#4b525c;--brand-primary:#ccdbea;--brand-on-primary:#17191e;--brand-radius:8px;--brand-font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--brand-display:var(--brand-font);--header:72px;--side:270px;--toc:230px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--brand-background);color:var(--brand-text);font:16px/1.7 var(--brand-font);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}
.skip-link{position:fixed;top:12px;left:12px;z-index:200;padding:8px 16px;background:var(--brand-primary);color:var(--brand-on-primary);transform:translateY(-160%);border-radius:var(--brand-radius)}.skip-link:focus{transform:none}
.topbar{height:var(--header);position:fixed;z-index:40;inset:0 0 auto;display:flex;align-items:center;gap:28px;padding:0 28px;background:var(--brand-background);border-bottom:1px solid var(--brand-border)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.brand-mark img{width:26px;height:26px;object-fit:contain}.brand-name{font:600 18px/1 var(--brand-display);letter-spacing:.03em}.brand-docs{color:var(--brand-muted);font-size:14px;border-left:1px solid var(--brand-border);padding-left:12px;margin-left:4px}.search-trigger{margin-left:auto;width:min(360px,38vw);display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);color:var(--brand-muted);font-size:14px}.search-trigger:hover{border-color:var(--brand-border-strong);color:var(--brand-text)}kbd{font:12px/1.4 var(--brand-font);padding:2px 5px;border:1px solid var(--brand-border);border-radius:3px}.top-links{display:flex;gap:24px;font-size:14px}.top-links a{text-decoration:none;color:var(--brand-muted)}.top-links a:hover{color:var(--brand-text)}
.docs-shell{padding-top:var(--header);display:grid;grid-template-columns:var(--side) minmax(0,1fr) var(--toc);min-height:100vh}.sidebar{position:fixed;top:var(--header);bottom:0;left:0;width:var(--side);border-right:1px solid var(--brand-border);background:var(--brand-background);z-index:30}.sidebar-inner{height:100%;overflow-y:auto;padding:26px 15px;scrollbar-width:thin;scrollbar-color:var(--brand-border) transparent}.nav-section{margin-bottom:24px}.nav-section-title{margin:0 10px 8px;font-size:12px;font-weight:600;color:var(--brand-muted);letter-spacing:.035em}.nav-link{display:block;padding:8px 10px;margin:2px 0;border:1px solid transparent;border-radius:var(--brand-radius);font-size:14px;line-height:1.5;text-decoration:none;color:var(--brand-muted)}.nav-link:hover{background:var(--brand-surface);color:var(--brand-text)}.nav-link.active{background:var(--brand-raised);border-color:var(--brand-border);color:var(--brand-text)}.sidebar-support{padding:20px 10px 0;border-top:1px solid var(--brand-border);font-size:14px}.sidebar-support a{font-weight:600;text-underline-offset:4px}.sidebar-support p{font-size:13px;color:var(--brand-muted);margin:6px 0}
.content-column{grid-column:2;min-width:0}.content-wrap{max-width:890px;margin:auto;padding:44px 44px 50px}.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--brand-muted);margin-bottom:22px}.breadcrumbs a{text-decoration:none}.docs-article{overflow-wrap:anywhere}.docs-article h1{font:600 clamp(26px,2.3vw,34px)/1.3 var(--brand-display);letter-spacing:.01em;margin:0 0 18px;text-wrap:balance}.page-summary{color:var(--brand-muted);font-size:17px;line-height:1.65;margin:0 0 30px!important}.docs-article p{margin:16px 0}.docs-article h2{font:600 23px/1.4 var(--brand-font);margin:42px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--brand-border);scroll-margin-top:96px}.docs-article h3{font:600 18px/1.5 var(--brand-font);margin:28px 0 12px;scroll-margin-top:96px}.docs-article h4{font-size:16px}.docs-article :is(ul,ol){padding-left:24px;margin:16px 0}.docs-article li{padding-left:4px;margin:10px 0}.docs-article li>p{margin:8px 0}.docs-article a:not(.anchor){text-decoration:underline;text-decoration-color:var(--brand-border-strong);text-underline-offset:4px}.docs-article a:hover{color:#fff;text-decoration-color:currentColor}.docs-article strong{font-weight:600}.anchor{text-decoration:none;font:400 16px var(--brand-font);color:var(--brand-muted);margin-left:10px;opacity:0}.docs-article :is(h2,h3):hover .anchor,.anchor:focus-visible{opacity:1}.docs-article code{font:14px/1.6 Consolas,'Courier New',monospace;padding:2px 5px;border:1px solid var(--brand-border);border-radius:4px;background:var(--brand-surface);overflow-wrap:anywhere}.docs-article pre{padding:16px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-surface);overflow-x:auto;white-space:pre;max-width:100%}.docs-article pre code{padding:0;border:0;background:none;white-space:pre}.docs-article blockquote,.docs-article [data-callout]{padding:12px 18px;margin:24px 0;border:1px solid var(--brand-border);border-left:3px solid var(--brand-border-strong);border-radius:var(--brand-radius);background:var(--brand-surface)}.docs-article [data-callout=warning]{border-left-color:#b69a60}.docs-article [data-callout=danger]{border-left-color:#d08484}.docs-article [data-callout=tip]{border-left-color:#8eb5a0}.docs-article [data-callout] p{margin:6px 0}.docs-article [data-doc-tone=success]{color:#8eb5a0}.docs-article [data-doc-tone=warning]{color:#d9b879}.docs-article [data-doc-tone=danger]{color:#df9999}.docs-article img{max-width:100%;height:auto;border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.docs-article figure{margin:24px 0}.docs-article figcaption{color:var(--brand-muted);font-size:13px}.docs-article table{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}.docs-article :is(th,td){padding:10px 12px;border:1px solid var(--brand-border);text-align:left}.docs-article th{background:var(--brand-surface);font-weight:600}.docs-article details{margin:14px 0;padding:14px 16px;border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.docs-article summary{cursor:pointer;font-weight:600}.docs-article hr{border:0;border-top:1px solid var(--brand-border);margin:30px 0}
.toc{grid-column:3;position:relative}.toc-inner{position:fixed;top:calc(var(--header) + 44px);width:calc(var(--toc) - 28px);max-height:calc(100vh - var(--header) - 74px);overflow-y:auto;padding-right:20px}.toc-title{font-size:13px;font-weight:600;margin:0 0 12px}.toc nav{border-left:1px solid var(--brand-border)}.toc nav a{display:block;text-decoration:none;color:var(--brand-muted);font-size:13px;line-height:1.5;padding:6px 12px}.toc nav a:hover,.toc nav a.active{color:var(--brand-text);border-left:1px solid var(--brand-primary);margin-left:-1px}.toc nav a.sub{padding-left:22px}.toc-back{display:block;margin:18px 0;color:var(--brand-muted);font-size:13px;text-decoration:none}.page-navigation{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--brand-border)}.page-nav-card{padding:16px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);text-decoration:none;line-height:1.5;font-size:14px}.page-nav-card:hover{background:var(--brand-surface);border-color:var(--brand-border-strong)}.page-nav-label{display:block;color:var(--brand-muted);font-size:12px;margin-bottom:7px}.next{text-align:right}.docs-footer{display:flex;justify-content:space-between;gap:18px;margin-top:34px;font-size:12px;color:var(--brand-muted)}
.search-dialog{padding:0;width:min(640px,calc(100% - 32px));max-height:80dvh;margin:10vh auto 0;border:1px solid var(--brand-border-strong);border-radius:var(--brand-radius);color:var(--brand-text);background:var(--brand-surface);box-shadow:0 24px 70px #0008}.search-dialog::backdrop{background:#000b}.search-box{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--brand-border)}.search-box label{font-size:14px;font-weight:600}.search-input{width:calc(100% - 32px);margin:16px 16px 6px;padding:11px 12px;color:var(--brand-text);background:var(--brand-background);border:1px solid var(--brand-border);border-radius:var(--brand-radius);font-size:16px}.search-count{font-size:12px;color:var(--brand-muted);margin:6px 18px}.search-results{overflow-y:auto;max-height:calc(80dvh - 174px);padding:6px 10px 12px}.search-result{display:block;border:1px solid transparent;border-radius:var(--brand-radius);padding:12px;text-decoration:none}.search-result:hover,.search-result.selected{background:var(--brand-raised);border-color:var(--brand-border)}.search-result strong{display:block;font-size:15px}.search-result span{display:block;color:var(--brand-muted);font-size:13px;line-height:1.55;margin-top:4px}.search-result mark{background:#dce2ea22;color:var(--brand-text)}.icon-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid transparent;border-radius:var(--brand-radius);color:var(--brand-text);background:transparent;font-size:23px}.icon-button:hover{background:var(--brand-raised)}.mobile-only,.mobile-scrim{display:none}
.mmap-tool{margin:24px 0;padding:24px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-surface)}.tool-description{color:var(--brand-muted);font-size:14px;margin-top:0!important}.file-drop{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:132px;padding:20px;border:1px dashed var(--brand-border-strong);border-radius:var(--brand-radius);background:var(--brand-background);text-align:center;cursor:pointer}.file-drop:hover,.file-drop.drag-over{border-color:var(--brand-primary);background:var(--brand-raised)}.file-drop:focus-within{outline:2px solid var(--brand-primary);outline-offset:4px}.file-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-drop strong{font-size:16px}.file-drop span{font-size:13px;color:var(--brand-muted)}.tool-privacy,.tool-notice{font-size:13px;color:var(--brand-muted)}.tool-status{min-height:24px;font-size:14px}.tool-status.error{color:#df9999}.tool-actions{display:flex;gap:10px;flex-wrap:wrap}.tool-button{min-height:40px;padding:9px 14px;border:1px solid var(--brand-border-strong);border-radius:var(--brand-radius);background:var(--brand-raised);color:var(--brand-text);font-size:14px;font-weight:500}.tool-button.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary)}.tool-button:hover:not(:disabled){filter:brightness(1.08)}.mmap-tool label:not(.file-drop){display:block;font-size:14px;margin:10px 0 6px}.mmap-tool textarea,.mmap-tool select{width:100%;padding:10px 12px;background:var(--brand-background);border:1px solid var(--brand-border);border-radius:var(--brand-radius);color:var(--brand-text);font-size:14px}.mmap-tool textarea{resize:vertical;font-family:Consolas,'Courier New',monospace;line-height:1.6}.mmap-tool .manual-input{margin:22px 0 0;padding:0;border:0}.manual-input summary{font-size:14px}.mmap-output{margin-top:24px}.mmap-output pre{max-height:260px;font-size:13px}.mmap-output table{font-variant-numeric:tabular-nums}.mmap-output td{font-family:Consolas,monospace;white-space:nowrap}.mmap-output table{margin:14px 0}.mmap-output p{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1180px){:root{--toc:0px;--side:252px}.docs-shell{grid-template-columns:var(--side) minmax(0,1fr)}.toc{display:none}.content-wrap{padding:36px}.top-links{gap:18px}}
@media(max-width:780px){:root{--header:64px;--side:282px}.topbar{padding:0 14px;gap:10px}.mobile-only{display:flex}.brand-name{font-size:16px}.brand-mark{width:32px;height:32px}.brand-mark img{width:26px;height:26px}.brand-docs{font-size:13px;padding-left:8px;margin-left:0}.top-links{display:none}.search-trigger{width:auto;min-height:38px;gap:0;margin-left:auto;padding:8px 10px}.search-trigger kbd{display:none}.search-trigger span{font-size:13px}.docs-shell{display:block}.sidebar{transform:translateX(-105%);transition:transform .15s ease}.sidebar-mobile-head{align-items:center;justify-content:space-between;margin-bottom:15px}.menu-open .sidebar{transform:none}.mobile-scrim{position:fixed;inset:var(--header) 0 0;z-index:25;background:#000a;border:0}.menu-open .mobile-scrim{display:block}.content-wrap{padding:28px 22px 38px}.docs-article h1{font-size:28px}.docs-article h2{font-size:21px;margin-top:34px}.page-summary{font-size:16px}.mmap-tool{padding:18px}.page-navigation{grid-template-columns:1fr}.docs-footer{flex-direction:column;gap:4px}.anchor{opacity:1}.search-box{padding:10px 14px}}
@media(max-width:390px){.brand-docs{display:none}.content-wrap{padding:26px 16px}.mmap-tool{padding:14px}.tool-actions .tool-button{flex:1}}
@media(max-width:780px){.sidebar{visibility:hidden}.menu-open .sidebar{visibility:visible}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Menu theme responsive docs */
.sidebar .nav-link {min-height:44px;display:flex;align-items:center}
/* Current SSR Docs: shared :root palette must be changed at source as well. */
.sidebar {background:var(--brand-sidebar,var(--brand-surface))}
.search-result mark {background:color-mix(in srgb,var(--brand-primary) 16%,transparent)}
.mmap-tool textarea,.mmap-tool select {font-size:16px}
@media(max-width:780px) {
  .icon-button {min-width:44px;min-height:44px}
  .search-trigger {min-height:44px}
  .brand {min-width:0}
}
/* LIMITLESS GLASS */
/* Neutral glass surfaces. Solid fills are the no-filter fallback. */
:root,[data-theme]{
  --glass-nav-solid:#1b1e24;
  --glass-panel-solid:#1b1e24;
  --glass-overlay-solid:#20242b;
  --glass-nav-fill:var(--glass-nav-solid);
  --glass-panel-fill:var(--glass-panel-solid);
  --glass-overlay-fill:var(--glass-overlay-solid);
  --glass-nav-text:#ccd3dd;
  --glass-edge:rgba(211,225,244,.13);
  --glass-edge-strong:rgba(211,225,244,.23);
  --glass-highlight:rgba(229,238,249,.055);
  --glass-shadow:0 12px 32px rgba(0,0,0,.22),inset 0 1px 0 rgba(235,243,255,.075);
  --glass-panel-shadow:0 8px 24px rgba(0,0,0,.10),inset 0 1px 0 rgba(235,243,255,.035);
  --glass-blur:20px;
  --glass-panel-blur:12px;
  --glass-ambient:radial-gradient(ellipse 850px 620px at 12% 0,rgba(126,150,182,.12),transparent 72%),radial-gradient(ellipse 700px 650px at 96% 580px,rgba(121,146,179,.065),transparent 74%);
}
:root[data-theme="light"],[data-theme="light"]{
  --glass-nav-solid:#f3f5f8;
  --glass-panel-solid:#f7f9fb;
  --glass-overlay-solid:#f9fafc;
  --glass-nav-text:#354152;
  --glass-edge:rgba(55,75,104,.16);
  --glass-edge-strong:rgba(55,75,104,.28);
  --glass-highlight:rgba(255,255,255,.48);
  --glass-shadow:0 12px 32px rgba(34,50,73,.09),inset 0 1px 0 rgba(255,255,255,.8);
  --glass-panel-shadow:0 8px 24px rgba(34,50,73,.04),inset 0 1px 0 rgba(255,255,255,.65);
  --glass-ambient:radial-gradient(ellipse 850px 620px at 12% 0,rgba(145,170,206,.18),transparent 72%),radial-gradient(ellipse 700px 650px at 96% 580px,rgba(155,177,207,.12),transparent 74%);
}
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){
  :root,[data-theme]{
    --glass-nav-fill:rgba(24,27,33,.80);
    --glass-panel-fill:rgba(26,29,36,.82);
    --glass-overlay-fill:rgba(29,33,41,.94);
  }
  :root[data-theme="light"],[data-theme="light"]{
    --glass-nav-fill:rgba(245,247,250,.86);
    --glass-panel-fill:rgba(248,250,252,.88);
    --glass-overlay-fill:rgba(250,251,253,.96);
  }
}
@media(max-width:780px){:root,[data-theme]{--glass-blur:16px;--glass-panel-blur:0px}}
@media(prefers-reduced-transparency:reduce){
  :root,:root[data-theme],[data-theme]{
    --glass-nav-fill:var(--glass-nav-solid);
    --glass-panel-fill:var(--glass-panel-solid);
    --glass-overlay-fill:var(--glass-overlay-solid);
    --glass-blur:0px;--glass-panel-blur:0px;--glass-ambient:none;--glass-highlight:transparent;
  }
}
@media(forced-colors:active){
  :root,:root[data-theme],[data-theme]{
    --glass-nav-solid:Canvas;--glass-panel-solid:Canvas;--glass-overlay-solid:Canvas;
    --glass-nav-fill:Canvas;--glass-panel-fill:Canvas;--glass-overlay-fill:Canvas;
    --glass-nav-text:CanvasText;--glass-edge:CanvasText;--glass-edge-strong:Highlight;
    --glass-blur:0px;--glass-panel-blur:0px;--glass-highlight:transparent;--glass-ambient:none;
    --glass-shadow:none;--glass-panel-shadow:none;
  }
}

/* Docs-only adapter. Append after Docs CSS and the legacy inline theme. */
.topbar {
  background-color: var(--glass-nav-fill, var(--brand-background));
  background-image: linear-gradient(180deg, var(--glass-highlight, transparent), transparent 82%);
  border-bottom-color: var(--glass-edge, var(--brand-border));
  box-shadow: var(--glass-shadow, none);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.topbar .brand-mark {
  background: var(--brand-surface);
  border-color: var(--glass-edge-strong, var(--brand-border-strong));
  box-shadow: inset 0 1px 0 var(--glass-highlight, transparent);
}

.topbar .brand-name {
  font-family: var(--brand-wordmark);
  font-weight: 400;
  color: var(--brand-text);
  letter-spacing: .025em;
}

.topbar .brand-docs,
.topbar .top-links a,
.topbar .icon-button {
  color: var(--glass-nav-text, var(--brand-text));
}

.topbar .brand-divider {
  background: var(--glass-edge-strong, var(--brand-border-strong));
}

.topbar .search-trigger {
  background: var(--brand-surface);
  color: var(--brand-muted);
  border-color: var(--glass-edge, var(--brand-border));
  box-shadow: inset 0 1px 0 var(--glass-highlight, transparent);
}

.topbar .search-trigger:hover {
  background: var(--brand-raised);
  border-color: var(--glass-edge-strong, var(--brand-border-strong));
  color: var(--brand-text);
}

.topbar .top-links a:hover {
  color: var(--brand-text);
}

.docs-shell .sidebar {
  background-color: var(--brand-sidebar, var(--brand-surface));
  background-image: linear-gradient(180deg, var(--glass-highlight, transparent), transparent 240px);
  border-right-color: var(--glass-edge, var(--brand-border));
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.docs-shell .sidebar-inner {
  overscroll-behavior: contain;
}

.docs-shell .nav-link {
  color: var(--brand-muted);
}

.docs-shell .nav-link:hover,
.docs-shell .nav-link.active {
  background: var(--brand-raised);
  color: var(--brand-text);
}

.docs-shell .nav-link.active {
  border-color: var(--glass-edge-strong, var(--brand-border-strong));
  box-shadow: inset 0 1px 0 var(--glass-highlight, transparent);
}

.docs-shell .nav-link.active::before {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  box-shadow: none;
}

.docs-shell .sidebar-support {
  background: var(--brand-surface);
  border-color: var(--glass-edge, var(--brand-border));
  box-shadow: none;
}

/* Long-form text and the converter stay opaque; neither samples the page behind it. */
.docs-shell .content-column {
  background-color: var(--brand-background);
  background-image: var(--glass-ambient, none);
  background-repeat: no-repeat;
}

.docs-shell .docs-article,
.docs-shell .toc-inner,
.docs-shell .mmap-tool {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.docs-shell .breadcrumbs {
  flex-wrap: wrap;
  color: var(--brand-muted);
}

.docs-shell .breadcrumbs a,
.docs-shell .page-nav-label,
.docs-shell .docs-footer {
  color: var(--brand-muted);
}

.docs-shell .docs-article :is(h1, h2, h3, h4),
.docs-shell .page-nav-title {
  color: var(--brand-text);
}

.docs-shell .docs-article :is(h1, h2, h3, h4) {
  font-family: var(--brand-display);
}

/* The legacy article ID keeps its older warm copy colors out of the SSR cascade. */
#docs-article > :is(p, ul, ol):not([data-doc-tone]),
#docs-article strong:not([data-doc-tone]) {
  color: inherit;
}

#docs-article > .page-summary {
  color: var(--brand-muted) !important;
}

#docs-article code:not([data-doc-tone]) {
  color: var(--brand-text);
  border-color: var(--glass-edge, var(--brand-border));
}

#docs-article :is(figcaption, .page-kicker) {
  color: var(--brand-muted);
}

#docs-article a:not(.anchor):hover {
  color: var(--brand-text);
}

.docs-shell .docs-article h2,
.docs-shell .page-navigation {
  border-color: var(--glass-edge, var(--brand-border));
}

.docs-shell .page-nav-card {
  background-color: var(--glass-panel-fill, var(--brand-surface));
  background-image: linear-gradient(150deg, var(--glass-highlight, transparent), transparent 72%);
  border-color: var(--glass-edge, var(--brand-border));
  box-shadow: var(--glass-panel-shadow, none);
  color: var(--brand-text);
}

.docs-shell .page-nav-card:hover {
  background-color: var(--brand-raised);
  border-color: var(--glass-edge-strong, var(--brand-border-strong));
  transform: none;
}

.docs-shell .docs-article pre,
.docs-shell .docs-article details,
.docs-shell .mmap-tool {
  background-color: var(--brand-surface);
  border-color: var(--glass-edge, var(--brand-border));
  box-shadow: inset 0 1px 0 var(--glass-highlight, transparent);
}

.docs-shell .mmap-tool .manual-input {
  background: transparent;
  box-shadow: none;
}

/* SSR uses a native dialog; legacy Docs uses a full-screen wrapper plus search-panel. */
dialog.search-dialog,
#search-dialog > .search-panel {
  background-color: var(--glass-overlay-fill, var(--brand-surface));
  background-image: linear-gradient(150deg, var(--glass-highlight, transparent), transparent 72%);
  border-color: var(--glass-edge-strong, var(--brand-border-strong));
  color: var(--brand-text);
  box-shadow: var(--glass-shadow, none);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#search-dialog .search-backdrop {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#search-dialog :is(.search-box, .search-help) {
  border-color: var(--glass-edge, var(--brand-border));
}

#search-dialog .search-input {
  background: var(--brand-background);
  border-color: var(--glass-edge-strong, var(--brand-border-strong));
  color: var(--brand-text);
}

#search-dialog .search-result {
  overflow-wrap: anywhere;
}

#search-dialog .search-result:hover,
#search-dialog .search-result.selected {
  background: var(--brand-raised);
  border-color: var(--glass-edge-strong, var(--brand-border-strong));
}

#search-dialog .search-result strong {
  color: var(--brand-text);
}

#search-dialog :is(.search-result span, .search-empty, .search-help) {
  color: var(--brand-muted);
}

#search-dialog .search-results {
  overscroll-behavior: contain;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .topbar {
    -webkit-backdrop-filter: blur(var(--glass-blur, 20px));
    backdrop-filter: blur(var(--glass-blur, 20px));
  }

  dialog.search-dialog,
  #search-dialog > .search-panel {
    -webkit-backdrop-filter: blur(var(--glass-panel-blur, 12px));
    backdrop-filter: blur(var(--glass-panel-blur, 12px));
  }

  @media (max-width: 780px) {
    .topbar {
      -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
      backdrop-filter: blur(var(--glass-blur, 16px));
    }
  }
}

@media (max-width: 780px) {
  dialog.search-dialog,
  #search-dialog > .search-panel {
    background-color: var(--glass-overlay-solid, var(--brand-surface));
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .topbar {
    background: var(--glass-nav-solid, var(--brand-background));
  }

  dialog.search-dialog,
  #search-dialog > .search-panel {
    background: var(--glass-overlay-solid, var(--brand-surface));
  }

  .topbar,
  dialog.search-dialog,
  #search-dialog > .search-panel {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (forced-colors: active) {
  .topbar,
  .docs-shell .sidebar,
  .docs-shell .content-column,
  .docs-shell .page-nav-card,
  dialog.search-dialog,
  #search-dialog > .search-panel {
    background: Canvas;
    border-color: CanvasText;
    color: CanvasText;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .docs-shell .nav-link.active,
  #search-dialog .search-result.selected {
    border-color: Highlight;
    outline: 1px solid Highlight;
    outline-offset: -1px;
    box-shadow: none;
  }
}