/* ==========================================================================
   MainSDK docs. Layout and prose for designs/docs/** (generated by tools/build_docs.py).
   Tokens only. The header, footer, buttons, the code block, the copy button, the segmented control, chips, tags,
   tables, cards and the toast are the shared components in components.css; d- classes here are docs layout and
   docs-only pieces. Motion lives in motion.css behind its one gate.

   The grid, one for every docs page type (home, article, interface, integration, index):
     sidebar 260 | content column (up to 860, a 720 prose measure inside) | TOC 220
   The content and TOC are one unit centred in the space right of the sidebar, so the left edge of the content is
   the same on every page at a given width. Under 1100px the TOC hides; under 900px the sidebar becomes a sheet.
   ========================================================================== */

:root{--d-col:860px;--measure:720px;--d-gap:var(--s9);--d-pad:var(--s8)}

/* ---------- Base ---------- */
html{scroll-padding-top:calc(var(--head-h) + var(--s6))}
body{background:var(--bg);color:var(--ink)}
.d-i{width:var(--s4);height:var(--s4);flex:none}
.d-i-sm{width:var(--s3);height:var(--s3)}
.d-i-lg{width:var(--s6);height:var(--s6)}
.d-small{font-size:var(--t-sm)}
.d-main:focus{outline:none}

/* ---------- Header: the shared .site-head. Below 900px a docs bar opens the side nav ---------- */
.d-subbar{display:none}

/* ---------- Layout ---------- */
.d-layout{display:grid;grid-template-columns:var(--docs-nav) minmax(0,1fr);min-height:calc(100vh - var(--head-h))}
.d-body{display:grid;grid-template-columns:minmax(0,var(--d-col)) var(--docs-toc);column-gap:var(--d-gap);justify-content:center;align-items:start;padding-inline:var(--d-pad);min-width:0}
.d-body-wide .d-main{grid-column:1/-1}
.d-main{min-width:0;padding:var(--s7) 0 var(--s9)}
.d-article{min-width:0}

/* ---------- Side nav: an area switcher, then its own sticky scroll area with fading edges ---------- */
.d-side{position:sticky;top:var(--head-h);height:calc(100vh - var(--head-h));display:flex;flex-direction:column;border-inline-end:1px solid var(--line);background:var(--bg);z-index:5}
.d-area{position:relative;flex:none;padding:var(--s4) var(--s3) var(--s2)}
.d-area summary{display:flex;align-items:center;gap:var(--s3);padding:var(--s2);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;list-style:none;transition:border-color var(--dur) var(--ease)}
.d-area summary::-webkit-details-marker{display:none}
.d-area summary:hover,.d-area[open] summary{border-color:var(--line-2)}
.d-area-ic{display:grid;place-items:center;width:var(--s7);height:var(--s7);flex:none;border-radius:var(--r-sm);background:var(--ink);color:var(--on-ink)}
.d-area-t{display:flex;flex-direction:column;min-width:0;flex:1}
.d-area-t b,.d-area-menu b{font-size:var(--t-sm);font-weight:600;color:var(--ink);line-height:1.3}
.d-area-t small,.d-area-menu small{font-size:var(--t-xs);color:var(--faint);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d-area-chev{color:var(--faint);transition:transform var(--dur) var(--ease)}
.d-area[open] .d-area-chev{transform:rotate(180deg)}
.d-area-menu{position:absolute;inset-inline:var(--s3);top:calc(100% - var(--s1));z-index:20;list-style:none;margin:0;padding:var(--s1);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lift)}
.d-area-menu a{display:flex;align-items:center;gap:var(--s3);padding:var(--s2);border-radius:var(--r-md);text-decoration:none;color:var(--muted)}
.d-area-menu a span{display:flex;flex-direction:column;min-width:0;flex:1}
.d-area-menu small{white-space:normal}
.d-area-menu a:hover,.d-area-menu a:focus-visible{background:var(--hover);color:var(--ink)}
.d-area-menu a[aria-current="true"]{color:var(--ink)}
.d-area-tick{color:var(--ink)}
.d-side-scroll{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,var(--ink) var(--fade-t,0px),var(--ink) calc(100% - var(--fade-b,0px)),transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,var(--ink) var(--fade-t,0px),var(--ink) calc(100% - var(--fade-b,0px)),transparent 100%)}
.d-side-scroll:hover{scrollbar-color:var(--line-2) transparent}
.d-side-scroll.fade-t{--fade-t:var(--s7)}
.d-side-scroll.fade-b{--fade-b:var(--s8)}
.d-side-in{display:flex;flex-direction:column;gap:var(--s5);padding:var(--s3) var(--s3) var(--s8)}
.d-navh{margin:0 0 var(--s1);padding:0 var(--s2);font:600 var(--t-xs)/1.6 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.d-navsec ul,.d-navcat ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
.d-navsec a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-height:var(--s7);padding:var(--s1) var(--s2);border-radius:var(--r-sm);font-size:var(--t-sm);line-height:1.4;color:var(--muted);text-decoration:none;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.d-navsec a:hover{background:var(--hover);color:var(--ink)}
.d-navsec a[aria-current="page"]{background:var(--hover);color:var(--ink);font-weight:500}
.d-navsec a[aria-current="page"]::before{content:"";position:absolute;inset-inline-start:0;top:var(--s2);bottom:var(--s2);width:2px;border-radius:2px;background:var(--accent)}
[data-theme="dark"] .d-navsec a[aria-current="page"]{background:var(--line)}
.d-navsec a code{font-size:var(--t-xs);color:var(--faint);font-weight:400}
.d-navcat summary{display:flex;align-items:center;gap:var(--s2);min-height:var(--s7);padding:var(--s1) var(--s2);border-radius:var(--r-sm);font-size:var(--t-sm);font-weight:500;color:var(--ink-2);cursor:pointer;list-style:none}
.d-navcat summary::-webkit-details-marker{display:none}
.d-navcat summary:hover{background:var(--hover)}
.d-navcat summary::after{content:"";width:5px;height:5px;border-right:1.5px solid var(--faint);border-bottom:1.5px solid var(--faint);transform:rotate(-45deg);margin-inline-start:var(--s1);transition:transform var(--dur) var(--ease)}
.d-navcat[open] summary::after{transform:rotate(45deg)}
.d-navcat ul{margin:1px 0 var(--s1) var(--s2);padding-inline-start:var(--s2);border-inline-start:1px solid var(--line)}
.d-count{margin-inline-start:auto;font:500 var(--t-xs)/1 var(--mono);color:var(--faint)}

/* ---------- Page head ---------- */
.d-crumbs ol{list-style:none;margin:0 0 var(--s5);padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1);font-size:var(--t-sm);color:var(--faint)}
.d-crumbs li{display:inline-flex;align-items:center;gap:var(--s1)}
.d-crumb-sep{width:var(--s3);height:var(--s3);color:var(--line-2)}
.d-crumbs a{color:var(--muted);text-decoration:none}
.d-crumbs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.d-crumbs li[aria-current]{color:var(--ink-2)}
.d-pagehead{display:flex;flex-direction:column;gap:var(--s3);padding-bottom:var(--s6);margin-bottom:var(--s7);border-bottom:1px solid var(--line)}
.d-pagehead>*{max-width:var(--measure)}
.d-pagehead .d-pagebar,.d-pagehead .d-status{max-width:none}
.d-pagehead h1,.d-hero h1{font:600 var(--t-3xl)/1.08 var(--font-display);letter-spacing:-.03em;margin:0;overflow-wrap:anywhere}
.d-pagehead .eyebrow a{color:inherit;text-decoration:none}
.d-pagehead .eyebrow a:hover{color:var(--ink)}
.d-ititle{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}
.d-idchip{font:500 var(--t-sm)/1 var(--mono);padding:var(--s1) var(--s2);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--well);color:var(--ink-2)}
.d-pagehead .d-idchip{font-size:var(--t-md);padding:var(--s2) var(--s3)}
.d-ptitle{gap:var(--s4)}
.d-plogo{display:grid;place-items:center;width:calc(var(--s9) + var(--s1));height:calc(var(--s9) + var(--s1));border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.d-lede{font-size:var(--t-lg);line-height:1.5;color:var(--muted);margin:0}
.d-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s2);font-size:var(--t-sm);color:var(--muted)}
.d-status b{color:var(--ink);font-weight:600}
.d-status a{color:var(--muted);text-decoration:none}
.d-status a:hover{color:var(--ink)}
.d-status code{font-size:var(--t-xs)}
.d-sep{color:var(--line-2)}
.d-pagebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s4);margin-top:var(--s2)}
.d-actions{display:flex;flex-wrap:wrap;gap:var(--s1)}
.d-actions .btn.ghost{color:var(--muted)}
.d-actions .btn.ghost:hover{color:var(--ink)}
.d-updated{font-size:var(--t-xs);color:var(--faint)}

/* Status legend: a question mark that opens a short note */
.d-legend{position:relative;display:inline-block}
.d-legend summary{display:grid;place-items:center;width:var(--s6);height:var(--s6);border-radius:var(--pill);color:var(--faint);cursor:pointer;list-style:none}
.d-legend summary::-webkit-details-marker{display:none}
.d-legend summary:hover,.d-legend[open] summary{color:var(--ink);background:var(--hover)}
.d-legend-pop{position:absolute;inset-inline-start:calc(var(--s4) * -1);top:calc(100% + var(--s1));z-index:30;width:min(calc(var(--s10) * 3.6),calc(100vw - var(--s7)));padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lift);font-size:var(--t-sm);line-height:1.5;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400;text-align:start}
.d-legend-pop p{margin:0 0 var(--s2)}
.d-legend-pop b{color:var(--ink)}
.d-legend-pop ul{list-style:none;margin:0 0 var(--s2);padding:0;display:flex;flex-direction:column;gap:var(--s1)}
.d-legend-pop a{color:var(--ink)}
.d-legendline{margin:var(--s4) 0 0;font-size:var(--t-sm);line-height:2}
.d-legendline .d-legend{vertical-align:middle;margin-inline-end:var(--s1)}
.d-legendline .tag{vertical-align:middle}

/* ---------- Prose: a 720 measure; code, tables, diagrams and the facts may use the whole column ---------- */
.d-prose{font-size:var(--t-md);line-height:1.7;color:var(--ink-2)}
.d-prose>*{max-width:var(--measure)}
.d-prose>:is(.code,.d-tabs,.d-table,.table-wrap,.d-mermaid,.d-facts,figure){max-width:none}
.d-prose>*+*{margin-top:var(--s4)}
.d-prose h2,.d-prose h3,.d-prose h4{position:relative;color:var(--ink);scroll-margin-top:calc(var(--head-h) + var(--s6))}
.d-prose h2{font:600 var(--t-xl)/1.25 var(--font-display);letter-spacing:-.02em;margin-top:var(--s9)}
.d-prose h3{font:600 var(--t-lg)/1.35 var(--font);margin-top:var(--s7)}
.d-prose h4{font:600 var(--t-md)/1.4 var(--font);margin-top:var(--s6)}
.d-prose h2+*,.d-prose h3+*,.d-prose h4+*{margin-top:var(--s3)}
.d-prose>:first-child{margin-top:0}
.d-anchor{display:inline-grid;place-items:center;width:var(--s6);height:var(--s6);margin-inline-start:var(--s1);border-radius:var(--r-sm);color:var(--faint);opacity:0;vertical-align:middle;transition:opacity var(--dur) var(--ease),color var(--dur) var(--ease)}
.d-anchor .d-i{width:var(--s4);height:var(--s4)}
.d-anchor:hover{color:var(--ink);background:var(--hover)}
:is(h2,h3,h4):hover .d-anchor,.d-anchor:focus-visible{opacity:1}
@media (hover:none){.d-anchor{display:none}}
.d-prose a,.d-main .soft a,.d-legendline a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb),.55);text-underline-offset:3px;text-decoration-thickness:1px}
.d-prose a:hover,.d-main .soft a:hover{text-decoration-color:var(--accent)}
.d-prose a.d-anchor,.d-prose .d-drvtile,.d-prose a.d-swapchip,.d-prose .d-serve-t{text-decoration:none}
.d-prose strong{color:var(--ink);font-weight:600}
.d-prose ul,.d-prose ol{padding-inline-start:var(--s6)}
.d-prose li+li{margin-top:var(--s1)}
.d-prose li>ul,.d-prose li>ol{margin-top:var(--s1)}
.d-prose li::marker{color:var(--faint)}
.d-prose :not(pre)>code{font-size:.88em;padding:.1em .38em;border-radius:var(--r-sm);background:var(--well);border:1px solid var(--line);color:var(--ink);overflow-wrap:anywhere}
.d-prose a code{text-decoration:none}
.d-prose blockquote{margin-inline:0;padding:var(--s1) var(--s4);border-inline-start:2px solid var(--line-2);color:var(--muted)}
.d-prose hr{border:0;border-top:1px solid var(--line);margin:var(--s8) 0}
.d-prose img{border-radius:var(--r-lg);border:1px solid var(--line)}
.d-nolink{border-bottom:1px dashed var(--line-2);cursor:help}
.d-sub{margin:calc(var(--s2) * -1) 0 var(--s3)!important;font-size:var(--t-sm);color:var(--faint)}

/* Open values: a dotted underline and a tooltip, never a loud chip */
.d-oq{position:relative;text-decoration:underline dotted var(--faint);text-decoration-thickness:1.5px;text-underline-offset:4px;cursor:help;border-radius:2px}
.d-oq:hover,.d-oq:focus-visible,.d-oq:target{text-decoration-color:var(--accent);background:var(--accent-50)}
.d-oq::after{content:attr(data-tip);position:absolute;inset-inline-start:0;bottom:calc(100% + var(--s1));z-index:20;padding:var(--s1) var(--s2);border-radius:var(--r-sm);background:var(--ink);color:var(--on-ink);font:500 var(--t-xs)/1.3 var(--font);width:max-content;max-width:min(240px,70vw);display:none;pointer-events:none}
/* Shown only on hover or focus, so a hidden tip near the right edge never widens the page. */
.d-oq:hover::after,.d-oq:focus-visible::after{display:block}

/* ---------- Tables: the shared .table-wrap and table.t, at prose density ---------- */
.d-table table.t{font-size:var(--t-sm);line-height:1.5}
.d-table table.t td{padding:var(--s2) var(--s3);vertical-align:top}
.d-table table.t th{padding:var(--s2) var(--s3)}
.d-table code{font-size:.92em}
.d-drivers td{vertical-align:middle!important}
.d-al-right{text-align:end!important}.d-al-center{text-align:center!important}
.d-where{display:block;margin-top:var(--s1);font-size:var(--t-xs);color:var(--faint);white-space:nowrap}
.d-phase{white-space:nowrap}

/* ---------- Code: the shared .code (components.css), plus visible scroll, edge fades and wrap ---------- */
.d-prose .code-h .lang{text-transform:lowercase}
.d-codetools{display:inline-flex;align-items:center;gap:var(--s1);margin-inline-start:auto}
.d-codetools .copy{margin:0}
.d-wrapbtn[aria-pressed="true"]{color:var(--code-strong);border-color:var(--code-muted)}
.d-pre{position:relative}
.d-pre pre{scrollbar-width:thin;scrollbar-color:transparent transparent}
.d-pre:hover pre,.d-pre pre:focus-visible{scrollbar-color:var(--code-muted) transparent}
.d-pre pre:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.d-pre::before,.d-pre::after{content:"";position:absolute;top:0;bottom:0;width:var(--s7);pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease)}
.d-pre::before{inset-inline-start:0;background:linear-gradient(to right,var(--code-bg),transparent)}
.d-pre::after{inset-inline-end:0;background:linear-gradient(to left,var(--code-bg),transparent)}
.d-pre.can-l::before,.d-pre.can-r::after{opacity:1}
.is-wrapped pre{white-space:pre-wrap;overflow-wrap:anywhere}
.is-wrapped .d-pre::before,.is-wrapped .d-pre::after{opacity:0}
.d-tabs .code-h{padding-inline-start:var(--s2)}
.d-glyph{display:inline-grid;vertical-align:-.15em}
.d-glyph .d-i{width:1em;height:1em}
.d-glyph-ok{color:var(--ink)}
.d-glyph-bad{color:var(--crit-ink)}
.d-glyph-warn{color:var(--ink-2)}
.d-tabtitle{margin:0;padding:var(--s3) var(--s5) 0;font:500 var(--t-xs)/1.3 var(--mono);color:var(--code-muted)}
.d-mermaid{margin-inline:0;padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow-x:auto}
.d-mermaid pre.mermaid{margin:0;font:400 var(--t-sm)/1.5 var(--mono);color:var(--muted);white-space:pre-wrap;display:flex;justify-content:center}
.d-mermaid pre.mermaid svg{max-width:100%;height:auto}
.d-mermaid-cap{margin-top:var(--s3);font-size:var(--t-xs);color:var(--faint);text-align:center}
.d-mermaid.is-drawn .d-mermaid-cap{display:none}

/* ---------- Callouts ---------- */
.d-callout{padding:var(--s3) var(--s4);border:1px solid var(--line);border-inline-start-width:3px;border-radius:var(--r-md);background:var(--surface-2)}
.d-callout-t{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s1);font:600 var(--t-sm)/1.3 var(--font);color:var(--ink)}
.d-callout-b{font-size:var(--t-base)}
.d-callout-b>*+*{margin-top:var(--s2)}
/* A callout reads by its word and its line icon; red is only for critical and breaking (spec design-language) */
.d-callout-note{border-inline-start-color:var(--line-2)}
.d-callout-note .d-callout-t .d-i{color:var(--muted)}
.d-callout-tip{border-inline-start-color:var(--ink-2)}
.d-callout-tip .d-callout-t .d-i{color:var(--ink-2)}
.d-callout-warning{border-inline-start-color:var(--ink);background:var(--well)}
.d-callout-warning .d-callout-t .d-i{color:var(--ink)}
.d-callout-open{border-inline-start-color:var(--line-2)}
.d-callout-open ol{margin:0;padding-inline-start:var(--s5);font-size:var(--t-sm);line-height:1.55}
.d-callout-open li+li{margin-top:var(--s1)}
.d-skill{border-inline-start-color:var(--ink);margin-bottom:var(--s6)}
.d-skill .d-callout-t .d-i{color:var(--accent)}
.d-skill .tag{vertical-align:1px;margin-inline-start:var(--s1)}
.d-skill-links .btn{text-decoration:none}
.d-skill-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s4)}
.d-skill-links a:not(.btn){font:500 var(--t-sm)/1.3 var(--mono);color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.d-skill-links a:not(.btn):hover{text-decoration-color:var(--accent)}

/* ---------- Docs home questions (text equals the FAQPage JSON-LD) ---------- */
.d-faq{border-top:1px solid var(--line);max-width:var(--measure)}
.d-faq-item{border-bottom:1px solid var(--line)}
.d-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) 0;font:600 var(--t-base)/1.4 var(--font);color:var(--ink)}
.d-faq-item summary::-webkit-details-marker{display:none}
.d-faq-item summary:hover .d-faq-ic{color:var(--ink)}
.d-faq-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--r-sm)}
.d-faq-ic{flex:none;color:var(--muted);transition:rotate var(--dur) var(--ease)}
.d-faq-item[open] .d-faq-ic{rotate:180deg}
.d-faq-a{padding:0 var(--s6) var(--s4) 0}
.d-faq-a p{font-size:var(--t-base);line-height:1.65;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.d-faq-ic{transition:none}}
.d-callout-open a{color:var(--ink-2)!important}
.d-more summary{margin-top:var(--s2);font-size:var(--t-sm);font-weight:500;color:var(--ink);cursor:pointer}
.d-more ol{margin-top:var(--s2)}

/* ---------- Interface facts ---------- */
.d-facts{display:flex;flex-direction:column}
.d-facts>*{max-width:var(--measure)}
.d-facts>:is(.code,.d-tabs,.d-table,.table-wrap,.d-cols,.d-drvgrid,.d-drvyaml,.d-serves){max-width:none}
.d-facts>*+*{margin-top:var(--s4)}
.d-facts>h2{margin-top:var(--s9)}
.d-facts>h2:first-child{margin-top:var(--s8)}
.d-facts h2+*{margin-top:var(--s3)}
.d-panel .d-tabpanel pre{min-height:calc(var(--s10) * 1.5)}
.d-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--s6);margin-top:var(--s6)!important}
.d-cols h3{margin-top:0!important;font-size:var(--t-md)!important}
.d-calls,.d-guar{list-style:none;padding:0!important;margin:var(--s3) 0 0;display:flex;flex-direction:column;gap:var(--s2)}
.d-calls li,.d-guar li{margin:0!important}
.d-calls code{font-size:var(--t-xs)!important;line-height:1.6}
.d-calls li{line-height:1.3}
.d-guar li{display:flex;gap:var(--s2);font-size:var(--t-sm);line-height:1.5}
.d-guar .d-i{color:var(--ink);margin-top:3px}
.d-label{font:600 var(--t-xs)/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 var(--s2)}

/* Driver tiles and the one main.yaml line */
.d-drvgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--s10) + var(--s6)),1fr));gap:var(--s2)}
.d-drvtile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:calc(var(--s10) - var(--s2));padding:var(--s3);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.d-drvtile:hover{border-color:var(--line-2)}
.d-drvtile[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 .5px var(--ink)}
.d-drvtile .d-logo{width:var(--s5);height:var(--s5);margin-bottom:var(--s2);color:var(--muted);transition:color var(--dur) var(--ease)}
.d-drvtile:hover .d-logo,.d-drvtile[aria-pressed="true"] .d-logo{color:var(--ink)}
.d-drvtile-n{font-size:var(--t-sm);font-weight:500;line-height:1.3}
.d-prose .d-drvtile code{font:400 var(--t-xs)/1.3 var(--mono);color:var(--faint);background:none;border:0;padding:0}
.d-deftag{background:var(--ink)!important;color:var(--on-ink)!important}
.d-drvtile-tags{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:auto;padding-top:var(--s1)}
.d-drvtile-tags .tag{height:calc(var(--s5) - 2px);padding:0 6px;font-size:11px}
.d-drvyaml{margin-top:var(--s3)!important}
.d-drvyaml-note{color:var(--code-muted)}
.d-drvyaml-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s2) var(--s4);margin:0;padding:var(--s2) var(--s5) var(--s3);border-top:1px solid var(--code-line);font:400 var(--t-xs)/1.5 var(--font);color:var(--code-muted)}
.d-drvyaml-foot a{display:inline-flex;align-items:center;gap:var(--s1);color:var(--code-strong)!important;text-decoration:none!important}
.d-drvyaml-foot a:hover{text-decoration:underline!important}
.d-logo{width:var(--s5);height:var(--s5);flex:none;color:var(--ink)}
.d-logo-sm{width:var(--s4);height:var(--s4)}
.d-logo-lg{width:var(--s7);height:var(--s7)}
.d-logo-xl{width:var(--s8);height:var(--s8)}
.d-logo-tile{display:inline-grid;place-items:center;border-radius:var(--r-sm);background:var(--well);border:1px solid var(--line);font:600 var(--t-xs)/1 var(--font-display);color:var(--muted)}
.d-logo-xl.d-logo-tile,.d-logo-lg.d-logo-tile{font-size:var(--t-md)}
.d-drv{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
.d-drv a{color:var(--ink)}
.d-uses{display:flex;flex-wrap:wrap;gap:var(--s2)}
.d-use{display:inline-flex;align-items:center;gap:var(--s1);text-decoration:none;color:var(--ink)}
.d-use:hover code{border-color:var(--line-2)}
.d-use code{font-size:var(--t-xs);padding:.1em .4em;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--well)}

/* Integration: what a provider serves */
.d-serves{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(var(--s10) * 3.6)),1fr));gap:var(--s3)}
.d-serve{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);min-width:0}
.d-serve-h{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}
.d-serve-t{font:600 var(--t-md)/1.3 var(--font);color:var(--ink)!important}
.d-serve-t:hover{text-decoration:underline!important;text-underline-offset:3px}
.d-serve-h .tag{margin-inline-start:auto}
.d-serve-d{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin:0;font-size:var(--t-sm)}
.d-serve-note{margin:0;font-size:var(--t-xs);color:var(--faint)}
.d-yamlline pre{padding-block:var(--s3)}
.d-swap .d-label{margin-top:var(--s1)}
.d-swaps{display:flex;flex-wrap:wrap;gap:var(--s1)}
.d-swapchip{display:inline-flex;align-items:center;gap:var(--s1);height:var(--s6);padding:0 var(--s2);border:1px solid var(--line);border-radius:var(--pill);font-size:var(--t-xs);color:var(--muted)}
a.d-swapchip:hover{border-color:var(--ink);color:var(--ink)}

/* ---------- Feedback, prev / next, TOC ---------- */
.d-feedback{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3);margin-top:var(--s9);padding:var(--s4) var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);max-width:var(--measure)}
.d-feedback p{margin:0;font-size:var(--t-sm);font-weight:500;color:var(--ink)}
.d-fb-btns{display:flex;gap:var(--s2)}
.d-fb-btns .btn[aria-pressed="true"]{border-color:var(--ink);background:var(--hover)}
.d-pn{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s5);max-width:var(--measure)}
.d-pn a{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--r-lg);text-decoration:none;color:var(--ink);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.d-pn a:hover{border-color:var(--line-2);background:var(--surface-2)}
.d-pn span{display:flex;flex-direction:column;gap:2px;font-weight:500;font-size:var(--t-base);min-width:0}
.d-pn small{font-size:var(--t-xs);font-weight:400;color:var(--faint)}
.d-pn-next{justify-content:flex-end;text-align:end}
.d-pn-next span{align-items:flex-end}
.d-toc{min-width:0;position:sticky;top:var(--head-h);align-self:start}
.d-toc-in{max-height:calc(100vh - var(--head-h));overflow-y:auto;padding:var(--s7) 0 var(--s6);scrollbar-width:thin;scrollbar-color:transparent transparent}
.d-toc-in:hover{scrollbar-color:var(--line-2) transparent}
.d-toc .d-navh{padding:0;margin-bottom:var(--s2)}
.d-toc ul{list-style:none;margin:0;padding:0;border-inline-start:1px solid var(--line)}
.d-toc li a{display:block;padding:5px var(--s3);margin-inline-start:-1px;border-inline-start:1px solid transparent;font-size:var(--t-sm);line-height:1.4;color:var(--muted);text-decoration:none;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.d-toc li.d-toc-3 a{padding-inline-start:var(--s6);font-size:var(--t-xs)}
.d-toc li a:hover{color:var(--ink)}
.d-toc li a.is-active{color:var(--ink);font-weight:500;border-inline-start-color:var(--accent)}
.d-toc-foot{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line)}
.d-toc-foot a{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-xs);color:var(--faint);text-decoration:none}
.d-toc-foot a:hover{color:var(--ink)}
.d-up{transform:rotate(90deg)}

/* ---------- Docs home ---------- */
.d-hero{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s4);padding:var(--s7) 0 var(--s8)}
.d-hero>*{max-width:var(--measure)}
.d-hero h1{font-size:var(--t-4xl);letter-spacing:-.04em}
.d-bigsearch{display:flex;align-items:center;gap:var(--s3);width:100%;height:calc(var(--s9) - var(--s1));padding:0 var(--s3) 0 var(--s4);margin-top:var(--s2);border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);color:var(--muted);font-size:var(--t-md);cursor:pointer;box-shadow:var(--shadow);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.d-bigsearch:hover{border-color:var(--ink);box-shadow:var(--shadow-lift)}
.d-bigsearch .d-i{width:var(--s5);height:var(--s5)}
.d-bigsearch span{flex:1;text-align:start}
.d-tries{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);font-size:var(--t-sm);color:var(--faint)}
.d-tries .chip{height:28px;font-size:var(--t-xs);font-family:var(--mono);font-weight:400;color:var(--muted)}
.d-tries .chip:hover{color:var(--ink)}
.d-hsec{margin-top:var(--s9)}
.d-h2{font:600 var(--t-xl)/1.25 var(--font-display);letter-spacing:-.02em;margin:0;scroll-margin-top:calc(var(--head-h) + var(--s5))}
.d-sechead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s1) var(--s5);margin-bottom:var(--s4)}
.d-sechead p{margin:0;font-size:var(--t-sm)}
.d-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);counter-reset:none}
.d-step{position:relative;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);min-width:0}
.d-stepn{display:grid;place-items:center;width:var(--s7);height:var(--s7);border-radius:var(--pill);background:var(--ink);color:var(--on-ink);font:600 var(--t-sm)/1 var(--mono)}
.d-step-t{display:inline-flex;align-items:center;gap:var(--s2);margin-top:var(--s2);font:600 var(--t-md)/1.3 var(--font);color:var(--ink);text-decoration:none}
.d-step-t::after{content:"";position:absolute;inset:0;border-radius:inherit}
.d-step:hover{border-color:var(--line-2)}
.d-step-s{font-size:var(--t-sm);line-height:1.5;color:var(--muted)}
.d-stepcmd{position:relative;z-index:1;margin-top:auto;width:100%;height:36px}
.d-stepcmd .cmd-t{font-size:var(--t-xs)}
.d-stepcmd .copy{height:26px}
.d-tasks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
a.d-card,.d-card{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);text-decoration:none;color:var(--ink)}
.d-task .d-i{color:var(--ink);margin-bottom:var(--s2)}
.d-task-t{font:600 var(--t-base)/1.3 var(--font)}
.d-task-s{font-size:var(--t-sm);line-height:1.5;color:var(--muted)}
.d-catblock{margin-top:var(--s6)}
.d-catpanels{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--s10) * 3.2),1fr));gap:var(--s3);align-items:start}
.d-catpanel{padding:var(--s4) var(--s2) var(--s2);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.d-catpanel .d-cath{padding:0 var(--s2);margin-bottom:var(--s2)}
.d-catpanel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.d-irow{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s2);border-radius:var(--r-md);text-decoration:none;color:var(--ink)}
.d-irow:hover{background:var(--hover)}
.d-irow-t{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2)}
.d-irow-t b{font-size:var(--t-sm);font-weight:500;line-height:1.35}
.d-irow-t code{font:400 var(--t-xs)/1 var(--mono);color:var(--faint)}
.d-irow-m{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}
.d-irow .tag{height:20px;font-size:11px}
.d-cath{display:flex;align-items:center;gap:var(--s2);font:600 var(--t-sm)/1 var(--font);letter-spacing:.02em;color:var(--ink-2);margin:0 0 var(--s3);scroll-margin-top:calc(var(--head-h) + var(--s5))}
.d-cath a{color:inherit;text-decoration:none}
.d-cath a:hover{text-decoration:underline;text-underline-offset:3px}
.d-cath .d-count{margin-inline-start:0}
.d-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--s10) * 2.6),1fr));gap:var(--s3)}
.d-icard{gap:var(--s2)}
.d-icard-h{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2)}
.d-icard-t{font-weight:600;font-size:var(--t-base);line-height:1.3}
.d-icard-h code{font:500 var(--t-xs)/1 var(--mono);color:var(--faint)}
.d-icard-s{font-size:var(--t-sm);line-height:1.5;color:var(--muted);flex:1}
.d-icard-f{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-top:var(--s1);padding-top:var(--s3);border-top:1px solid var(--line)}
.d-icard-logos{display:inline-flex;align-items:center;gap:var(--s2);color:var(--faint)}
.d-icard-logos .d-logo{color:var(--faint)}
a.d-icard:hover .d-icard-logos .d-logo{color:var(--ink-2)}
.d-more-n{font:500 var(--t-xs)/1 var(--mono);color:var(--faint)}
.d-agents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);padding:var(--s2);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2)}
.d-agent{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3);border-radius:var(--r-md);text-decoration:none;color:var(--ink)}
.d-agent:hover{background:var(--surface);box-shadow:var(--shadow)}
.d-agent .d-i{margin-top:2px}
.d-agent span{display:flex;flex-direction:column;gap:2px}
.d-agent b{font:500 var(--t-sm)/1.3 var(--mono)}
.d-agent small{font-size:var(--t-xs);line-height:1.45;color:var(--muted)}
@media (max-width:900px){.d-agents{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.d-agents{grid-template-columns:minmax(0,1fr)}}
.d-deeps{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--s10) * 2.3),1fr));gap:var(--s3)}
.d-deep-h{display:grid;grid-template-columns:auto 1fr;column-gap:var(--s2);align-items:center;margin:0 0 var(--s2)}
.d-deep-h b{font-size:var(--t-base)}
.d-deep-h small{grid-column:2;font-size:var(--t-xs);color:var(--faint)}
.d-deep ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s1)}
.d-deep a{font-size:var(--t-sm);color:var(--ink-2);text-decoration:none}
.d-deep a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.d-deep-more{display:inline-flex;align-items:center;gap:var(--s1);margin-top:var(--s2);font-weight:500}

/* ---------- Index filters and the integrations wall ---------- */
.d-filters{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);margin-bottom:var(--s2);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2)}
.d-filter-q{display:flex;align-items:center;gap:var(--s2);height:var(--s8);padding:0 var(--s3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--muted)}
.d-filter-q:focus-within{border-color:var(--ink)}
.d-filter-q input{flex:1;border:0;background:transparent;outline:none;font-size:var(--t-base);color:var(--ink);min-width:0}
.d-filter-row{display:flex;align-items:flex-start;gap:var(--s3)}
.d-filter-l{flex:none;width:calc(var(--s10) * .8);padding-top:var(--s2);font:600 var(--t-xs)/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.d-filter-n{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin:0;font-size:var(--t-xs)}
.d-defkey{display:inline-flex;align-items:center;gap:var(--s2)}
.d-defkey .d-ptile-def{position:static}
.d-empty{padding-block:var(--s8)}
.d-ptiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--s10) + var(--s8)),1fr));gap:var(--s3);margin-top:var(--s4)}
.d-ptile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);min-height:calc(var(--s10) * 1.35);padding:var(--s3);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);text-align:center;text-decoration:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.d-ptile:hover{border-color:var(--line-2);box-shadow:var(--shadow-lift)}
.d-ptile .d-logo{color:var(--muted);transition:color var(--dur) var(--ease)}
.d-ptile:hover .d-logo{color:var(--ink)}
.d-ptile-n{font-size:var(--t-sm);font-weight:500;line-height:1.25}
.d-ptile-i{font:400 var(--t-xs)/1.3 var(--mono);color:var(--faint)}
.d-ptile-def{position:absolute;top:var(--s2);inset-inline-end:var(--s2);width:6px;height:6px;border-radius:50%;background:var(--accent);font-size:0}

/* ---------- Search dialog ---------- */
.d-search{width:min(calc(100vw - var(--s6)),calc(var(--s10) * 6.6));max-height:min(76vh,calc(var(--s10) * 6.4));margin:calc(var(--s10) * .9) auto auto;padding:0;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lift);overflow:hidden}
.d-search[open]{display:flex;flex-direction:column}
.d-search::backdrop{background:color-mix(in srgb,var(--code-bg) 30%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.d-search-box{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--line)}
.d-search-field{flex:1;display:flex;align-items:center;gap:var(--s2);padding:0 var(--s2);color:var(--muted)}
.d-search-field .d-i{width:var(--s5);height:var(--s5)}
.d-search-field input::-webkit-search-cancel-button,.d-filter-q input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.d-search-field input{flex:1;height:calc(var(--s8) + var(--s1));border:0;outline:none;background:transparent;font-size:var(--t-md);color:var(--ink);min-width:0}
.d-search-esc{border:0;background:transparent;padding:0;cursor:pointer}
.d-results{margin:0;padding:var(--s2);overflow-y:auto;flex:1}
.d-rgroup+.d-rgroup{margin-top:var(--s2)}
.d-rgroup-h{margin:0;padding:var(--s2) var(--s3) var(--s1);font:600 var(--t-xs)/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.d-results a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:var(--s3);align-items:start;padding:var(--s2) var(--s3);border-radius:var(--r-md);text-decoration:none;color:var(--ink);scroll-margin:var(--s2)}
.d-results a>.d-i{margin-top:3px;color:var(--faint)}
.d-results a[aria-selected="true"]{background:var(--well)}
.d-results a[aria-selected="true"] .d-r-go{opacity:1}
.d-r-b{display:flex;flex-direction:column;gap:2px;min-width:0}
.d-r-t{font-weight:500;font-size:var(--t-base)}
.d-r-m{font-size:var(--t-xs);color:var(--faint)}
.d-r-x{font-size:var(--t-sm);color:var(--muted);line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d-r-go{align-self:center;opacity:0;color:var(--faint)}
.d-r-x mark,.d-r-t mark{background:var(--accent-50);color:var(--ink);font-weight:600;border-radius:2px;padding:0 1px}
.d-r-empty{padding:var(--s7) var(--s3);text-align:center;color:var(--muted);font-size:var(--t-sm)}
.d-r-clear{float:inline-end;border:0;background:none;padding:0;font:500 var(--t-xs)/1 var(--font);letter-spacing:0;text-transform:none;color:var(--faint);cursor:pointer}
.d-r-clear:hover{color:var(--ink)}
.d-search-foot{display:flex;flex-wrap:wrap;gap:var(--s4);margin:0;padding:var(--s2) var(--s4);border-top:1px solid var(--line);font-size:var(--t-xs);color:var(--faint)}
.d-search-foot span{display:inline-flex;align-items:center;gap:var(--s1)}
.d-search-count{margin-inline-start:auto}

/* ---------- Toast (the shared .toast) ---------- */
.d-toast{pointer-events:none}

/* ---------- Responsive ---------- */
@media (max-width:1279px){:root{--d-pad:var(--s7);--d-gap:var(--s8)}}
@media (max-width:1100px){
  .d-body{grid-template-columns:minmax(0,var(--d-col))}
  .d-toc{display:none}
  .d-tasks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .d-layout{grid-template-columns:minmax(0,1fr)}
  .d-body{padding-inline:var(--s4)}
  .d-subbar{display:flex;align-items:center;gap:var(--s3);position:sticky;top:var(--head-h);z-index:36;height:calc(var(--s8) + var(--s2));padding:0 var(--s4);background:var(--scrim);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
  .d-subbar-area{font-size:var(--t-sm);color:var(--faint)}
  .d-side{position:fixed;top:calc(var(--head-h) + var(--s8) + var(--s2));bottom:0;inset-inline-start:0;height:auto;width:min(86vw,calc(var(--docs-nav) + var(--s8)));z-index:35;transform:translateX(-100%);visibility:hidden;transition:transform var(--dur) var(--ease),visibility 0s linear var(--dur);box-shadow:var(--shadow-lift)}
  .nav-open .d-side{transform:none;visibility:visible;transition:transform var(--dur) var(--ease)}
  .nav-open body::after{content:"";position:fixed;inset:0;z-index:34;background:color-mix(in srgb,var(--code-bg) 24%,transparent)}
  html{scroll-padding-top:calc(var(--head-h) + var(--s9))}
  .d-prose h2,.d-prose h3,.d-prose h4{scroll-margin-top:calc(var(--head-h) + var(--s9))}
  .d-main{padding:var(--s5) 0 var(--s8)}
  .d-cols{grid-template-columns:minmax(0,1fr)}
  .d-pagehead h1,.d-hero h1{font-size:var(--t-2xl)}
  .d-hero{padding-top:var(--s4)}
  .d-steps{grid-template-columns:minmax(0,1fr)}
  .d-pn{grid-template-columns:1fr}
  .d-filter-row{flex-direction:column;gap:var(--s2)}
  .d-filter-l{padding-top:0}
}
@media (max-width:560px){
  .d-tasks{grid-template-columns:minmax(0,1fr)}
  .d-actions .btn span{display:none}
  .d-actions .btn[data-copy-page] span{display:inline}
  .d-pagehead .d-idchip{font-size:var(--t-sm)}
  .d-grid{grid-template-columns:minmax(0,1fr)}
  .d-filter-row .chips{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:var(--s1);scrollbar-width:none;-webkit-mask-image:linear-gradient(to left,transparent,var(--ink) var(--s6));mask-image:linear-gradient(to left,transparent,var(--ink) var(--s6))}
  .d-filter-row{min-width:0}
  .d-filters{min-width:0}
  .d-drvgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .d-ptiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .d-search{margin-top:var(--s4);max-height:calc(100vh - var(--s7))}
  .d-search-foot span:not(.d-search-count){display:none}
}
/* ---------- Version switcher in the docs header, and the older-version banner (ADR-0014) ---------- */
.d-vswitch{position:relative}
.d-vswitch summary{display:flex;align-items:center;gap:var(--s2);height:var(--s8);padding:0 var(--s3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--muted);font-size:var(--t-sm);cursor:pointer;list-style:none;white-space:nowrap}
.d-vswitch summary::-webkit-details-marker{display:none}
.d-vswitch summary:hover,.d-vswitch details[open] summary{border-color:var(--line-2);color:var(--ink)}
.d-vswitch-chev{color:var(--faint);transition:transform var(--dur) var(--ease)}
.d-vswitch details[open] .d-vswitch-chev{transform:rotate(180deg)}
.d-vswitch ul{position:absolute;inset-inline-end:0;top:calc(100% + var(--s1));z-index:40;min-width:100%;list-style:none;margin:0;padding:var(--s1);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lift)}
.d-vswitch li a{display:block;padding:var(--s2) var(--s3);border-radius:var(--r-md);text-decoration:none;color:var(--muted);font-size:var(--t-sm);white-space:nowrap}
.d-vswitch li a:hover,.d-vswitch li a:focus-visible{background:var(--hover);color:var(--ink)}
.d-vswitch li a[aria-current="true"]{color:var(--ink);font-weight:600}
.d-vbanner{margin-bottom:var(--s6)}

@media print{
  .site-head,.d-subbar,.d-side,.d-toc,.d-actions,.d-pn,.d-feedback,.site-foot,.copy,.d-vswitch,.d-vbanner{display:none!important}
  .d-layout,.d-body{display:block}
  .d-oq{text-decoration:none}
}