/* Docs skin: same family as chromia.com r28 (AskSwarm tokens). Light theme only; dark keeps Or's docs.css. */
[data-theme=light]{--bg:#F5EEEE;--bg2:#FFF8F8;--bg3:#ECE3E5;--fg:#1F1A23;--fg2:#3a3340;--fg3:#4D617D;--line:rgba(31,26,35,.14);--line2:#1F1A23;--acc:#9E5ECF;--acc-t:#7d42ab;--acc-bg:rgba(204,145,240,.18);--hdr:rgba(245,238,238,.9);
 --code:#1F1A23;--codeb:#1F1A23;--fn:#F5EEEE;--k:#FF87A6;--t:#CC91F0;--str:#93F091;--num:#FFB500;--com:#a99cb2;--pun:#cdc4cc;--ic:#ECE3E5}
[data-theme=light] body{background:#F5EEEE;color:#1F1A23}
[data-theme=light] .md{font-size:16.5px;color:#1F1A23}
[data-theme=light] .md p,[data-theme=light] .md li{color:#1F1A23}
/* header: logo left, nav centred, actions right (as on chromia.com) */
.hdr{border-bottom:2px solid #1F1A23}
@media (min-width:1101px){.hdr .hw{display:grid!important;grid-template-columns:1fr auto 1fr;max-width:1520px}.hdr .brand{justify-self:start}.hdr .nav{justify-self:center;margin:0!important}.hdr .hdr-r{justify-self:end;margin:0!important}}
[data-theme=light] .hdr{background:rgba(245,238,238,.92)}
[data-theme=light] .nav>a,[data-theme=light] .nav .dd-b{font-weight:700;color:#1F1A23}
[data-theme=light] .site-l{background:#FFB0C2!important;color:#1F1A23!important;border:2px solid #1F1A23!important;border-radius:999px!important;box-shadow:4px 4px 0 #FF87A6!important;font-weight:700}
[data-theme=light] .kbtn{border:2px solid #1F1A23;border-radius:999px;background:#FFF8F8}
[data-theme=light] .dd-m{background:#FFF8F8;border:2px solid #1F1A23;border-radius:20px;box-shadow:6px 6px 0 #9E5ECF}
/* eyebrows and kickers: ink pills */
[data-theme=light] .eb{display:inline-flex;align-items:center;gap:8px;background:#1F1A23;color:#FFF8F8;border-radius:999px;padding:7px 14px;font:400 12.5px var(--m);letter-spacing:.08em;text-transform:uppercase}
[data-theme=light] .eb i,[data-theme=light] .eb::before{background:#93F091}
/* code blocks: dark ink, readable tokens */
[data-theme=light] .cb{border:2px solid #1F1A23;border-radius:16px}
[data-theme=light] .cb-h{background:#2a2430;color:#cdc4cc;border-bottom:1px solid #3a3340}
[data-theme=light] .cb-t{color:#cdc4cc}
[data-theme=light] .cb-copy{color:#FFF8F8;border-color:#6b6474}
[data-theme=light] .cb .c1,[data-theme=light] .cb .cm{color:#a99cb2}
[data-theme=light] :not(pre)>code{background:#ECE3E5;border:1px solid rgba(31,26,35,.2);color:#1F1A23}
/* callouts: AskSwarm callout cards */
[data-theme=light] .callout{border:2px solid #1F1A23;border-radius:18px;background:#FFF8F8;padding:14px 18px 4px}
[data-theme=light] .callout-tip,[data-theme=light] .callout-info{background:#f1e6f8}
[data-theme=light] .callout-warning,[data-theme=light] .callout-caution{background:#FFE7B3}
[data-theme=light] .callout-danger{background:#FFD6DF}
[data-theme=light] .callout-t{color:#1F1A23!important}
/* tables, tabs, crumbs, pager */
[data-theme=light] .md table{border:2px solid #1F1A23;border-radius:14px;overflow:hidden;border-collapse:separate;border-spacing:0}
[data-theme=light] .md th{background:#ECE3E5;color:#1F1A23}
[data-theme=light] .tab-b{border-radius:999px;font-weight:700}
[data-theme=light] .tab-b[aria-selected=true]{background:#1F1A23;color:#FFF8F8}
[data-theme=light] .crumbs{color:#4D617D}
[data-theme=light] .pn a{border:2px solid #1F1A23;border-radius:18px;background:#FFF8F8}
[data-theme=light] .pn a:hover{box-shadow:5px 5px 0 #9E5ECF}
/* sidebar + toc: flat (dense UI, no shadows) */
[data-theme=light] .sb a[aria-current=page],[data-theme=light] .sb a.on{background:#FFB0C2;color:#1F1A23;border-radius:999px;font-weight:700}
[data-theme=light] .toc a{color:#3a3340}
/* search modal */
[data-theme=light] .sbx{border:2px solid #1F1A23;border-radius:20px;box-shadow:8px 8px 0 #9E5ECF;background:#FFF8F8}
/* inside dark code blocks, re-point the text tokens to light values */
[data-theme=light] .cb{--fg:#F5EEEE;--fg2:#cdc4cc;--fg3:#a99cb2;--line:rgba(255,248,248,.14);--line2:rgba(255,248,248,.28);--acc-t:#CC91F0;--bg2:#2a2430;--bg3:#3a3340}
[data-theme=light] .cb-copy{color:#FFF8F8;border-color:rgba(255,248,248,.35)}
[data-theme=light] .mt-c.on{background:#FFB0C2;color:#1F1A23;border:2px solid #1F1A23;font-weight:700}
[data-theme=light] .callout{border:2px solid #1F1A23!important;border-left-width:2px!important}
/* brand and product logos (img.lg, decorative, inserted next to the name) */
img.lg,.md img.lg{display:inline-block;padding:0;max-height:none;width:1em;height:1em;object-fit:contain;vertical-align:-.15em;margin:0 .4em 0 0;flex:none;border:0;border-radius:0;box-shadow:none;background:none}
img.lg-chip,.md img.lg-chip{width:auto;height:1.5em;padding:.22em .45em;background:#1F1A23;border-radius:6px;vertical-align:-.3em;box-sizing:border-box}
[data-theme=dark] img.lg-m{filter:invert(1) brightness(1.1)}
.md img.lg{max-width:none;margin:0 .4em 0 0;box-shadow:none}
.dcard-t img.lg{width:1.1em;height:1.1em}
.dcard-t img.lg-chip{width:auto;height:1.6em;padding:.15em .3em;box-sizing:border-box}
.fl a,.m-top[href^="https://chromia.com"]{display:inline-flex;align-items:center}
.fl img.lg{width:15px;height:15px}
/* home Get help cards: ink border, offset shadow, logo on top */
.hp a{border:2px solid var(--fg);border-radius:18px;background:var(--bg2);box-shadow:5px 5px 0 #9E5ECF;transition:transform .15s,box-shadow .15s}
.hp a:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 #9E5ECF;border-color:var(--fg)}
.hp img.lg{width:26px;height:26px;margin:0 0 6px}
/* spacing audit fixes */
.cb-h{padding-top:7px;padding-bottom:7px}
.sig{padding:16px 18px!important}
.m-toc{padding:12px 16px!important}
[data-theme=light] .callout{padding:16px 18px 6px!important}
.home ul,.k-home ul{padding-top:14px}
/* 3-state theme toggle (chromia.com st-theme-seg) */
.st-theme-seg{display:inline-flex;align-items:center;gap:2px;padding:2px;flex:none;border-radius:999px;border:2px solid var(--line2);background:var(--bg2)}
.st-theme-opt{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1.5px solid transparent;background:none;color:var(--fg);opacity:.7;cursor:pointer;padding:0}
.st-theme-opt:hover{opacity:1}
.st-theme-opt.is-on{opacity:1;background:#CC91F0;color:#1F1A23;border-color:var(--line2)}
.st-theme-opt:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
/* audit: code surfaces are always dark, so in light theme they get the dark token set (syntax, output, gutter,
   playground editor/output/local panel, API signatures) instead of the light palette */
[data-theme=light] :is(.cb,.sig,pre.signature,.pg-run,.pg-rt,.pg-ed,.pg-edw,.pg-eds,.pg-out,.pg-outw,.pg-loc,.pg-loc-box,.pg-local,.pg-bar,.pg-pre){
 color-scheme:dark;--bg:#1F1A23;--bg2:#2a2430;--bg3:#3a3340;--fg:#F5EEEE;--fg2:#cdc4cc;--fg3:#a99cb2;--line:rgba(255,248,248,.14);--line2:rgba(255,248,248,.28);--acc:#FF87A6;--acc-t:#d6a6f5;
 --k:#ff8db3;--t:#d6a6f5;--str:#93f091;--num:#ffc266;--com:#a99cb2;--fn:#8fc7ff;--pun:#cdc4cc;--var:#f5a3e8;--cmd:#8fc7ff;--flag:#d6a6f5;--code:#1F1A23;--codeh:#2c2433;--codeb:#3a3042;--out:#241d2a;--glow:rgba(214,166,245,.08);--ic:rgba(201,140,240,.14)}
[data-theme=light] :is(.sig,pre.signature){background:#1F1A23;border-color:#1F1A23}
[data-theme=light] :is(.sig,pre.signature) code{color:#F5EEEE}
[data-theme=light] :is(.pg-loc,.pg-loc-box,.pg-local,.pg-run,.pg-rt,.pg-bar,.pg-outw) :not(pre)>code{background:#3a3340;color:#F5EEEE;border-color:#4a3f53}
.sig{position:relative}
.sig-copy{top:8px;right:8px;max-width:calc(100% - 16px)}
.sig pre{padding-right:72px}
[data-theme=light] .src-gap{color:#5c5466!important}