/* Palette B for docs and articles. Existing Manrope settings are preserved. */
:root,html[data-lm],html[data-lm=true]{
  --paper:var(--ex-page);--ink:var(--ex-text);--ink-soft:var(--ex-text);--silver:var(--ex-muted);--muted:var(--ex-muted);
  --gold:var(--ex-link);--copper:var(--ex-orange);--teal:var(--ex-link);--patina:var(--ex-pine);
  --cream:var(--ex-surface-raised);--cream-dark:var(--ex-secondary);--border:var(--ex-line);--line:var(--ex-line);
  --font-sans:XhManrope,Arial,sans-serif;--font:XhManrope,Arial,sans-serif;--bg-dots:none;--dot:transparent;
}
html[data-lm=false],html[data-lm=false][data-lm]{
  --paper:var(--ex-page);--ink:var(--ex-text);--ink-soft:var(--ex-text);--silver:var(--ex-muted);--muted:var(--ex-muted);
  --gold:var(--ex-link);--copper:var(--ex-orange);--patina:var(--ex-link);--cream:var(--ex-surface-raised);--cream-dark:var(--ex-secondary);--border:var(--ex-line);--line:var(--ex-line);
}
body{background:var(--paper)!important;color:var(--ink)}
body,body :not(pre):not(code):not(pre *):not(code *):not(kbd):not([class*=mono]):not([class*=code-label]):not(svg):not(svg *){font-family:XhManrope,Arial,sans-serif!important}
h1{letter-spacing:-.035em!important;font-weight:650}
h2{letter-spacing:-.025em!important;font-weight:600}
h3{letter-spacing:-.015em!important;font-weight:600}
header.xh{font-size:14px;font-weight:500}
@media(max-width:760px){.detail-page h1{font-size:clamp(36px,11vw,43px)}}
a{text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}
a:hover{color:var(--ex-link)}
footer .logo img,footer .brand img,.landing-footer img{filter:none}
html[data-lm=false] footer .logo img{content:url('/extella-logo-on-dark.svg');filter:none}
.primary-link{background:var(--ex-primary);color:var(--ex-on-primary);border-color:var(--ex-primary-border)}
.primary-link:hover{background:var(--ex-primary-hover);color:var(--ex-on-primary)}
/* Article diagrams share the palette without changing layout or type. */
.cover-art{background:var(--ex-secondary);color:var(--ex-ink)}
.assembly .section-tag{color:var(--ex-dark-muted)}
.assembly .section-intro>p{color:var(--ex-dark-text)}
.mode-tabs{border-bottom:1px solid var(--ex-muted)}
.mode-tabs button{color:var(--ex-dark-muted)}
.mode-tabs button[aria-selected=true]{color:var(--ex-paper)}
.assembly-art{background:var(--ex-dark-surface);border:1px solid var(--ex-dark-control-border);color:var(--ex-dark-text)}
.assembly-art .asset-id{color:var(--ex-dark-text)}
.assembly-art .asset-format{color:var(--ex-dark-text)}
.assembly .context-label{color:var(--ex-dark-muted)}
.assembly-copy dl>div{border-top:1px solid var(--ex-muted)}
.assembly-copy dt{color:var(--ex-dark-muted)}
.assembly-copy .state{color:var(--ex-dark-text)}
.part-controls button{border:1px solid var(--ex-dark-control-border)}
.part-controls button[aria-pressed=true]{color:var(--ex-ink)}
.assembly .disclosure{color:var(--ex-dark-muted)}
.resources{background:var(--ex-surface-raised)}
.mechanism-card{background:var(--ex-surface-raised)}
.object-slot{border:1px dashed color-mix(in srgb,var(--ex-ink) 37.65%,transparent);color:var(--ex-muted)}
.mechanism-card footer{border-top:1px solid color-mix(in srgb,var(--ex-ink) 25.10%,transparent)}
.device-card .object-slot{color:var(--ex-dark-muted);border-color:color-mix(in srgb,var(--ex-paper) 37.65%,transparent)}
.device-card footer{border-color:color-mix(in srgb,var(--ex-paper) 25.10%,transparent);color:var(--ex-paper)}
.result-card{background:var(--ex-apricot);color:var(--ex-ink)}
.result-card .object-slot{border-color:color-mix(in srgb,var(--ex-ink) 37.65%,transparent);color:var(--ex-ink)}
.result-card footer{border-color:color-mix(in srgb,var(--ex-ink) 25.10%,transparent)}
.mini-document{border:1px solid var(--ex-muted)}
.document-corner{border-bottom:1px solid var(--ex-muted);border-left:1px solid var(--ex-muted);background:var(--ex-surface-raised)}
.machine{border:1px solid var(--ex-muted)}
.rule{border-top:1px solid var(--ex-pine)}
.machine-base i{background:var(--ex-muted)}
.answer-receipt{border-block:1px solid var(--ex-ink)}
.constructor{background:var(--ex-pine);border:1px solid var(--ex-control-border)}
.constructor-caption{border-bottom:1px solid var(--ex-control-border)}
.constructor-caption>span{color:var(--ex-paper)}
.construction-board{background-image:radial-gradient(color-mix(in srgb,var(--ex-paper) 21.96%,transparent) .8px,transparent .8px)}
.component{border:1px solid var(--ex-control-border);background:var(--ex-surface-raised)}
.component-head{border-bottom:1px solid color-mix(in srgb,var(--ex-ink) 18.82%,transparent)}
.component-program{background:var(--ex-apricot)}
.component-device{background:var(--ex-pine)}
.component-device .component-head{border-color:color-mix(in srgb,var(--ex-paper) 31.37%,transparent)}
.report-foot{border-top:1px solid color-mix(in srgb,var(--ex-ink) 18.82%,transparent)}
.connections path{stroke:var(--ex-dark-control-border)}
.constructor[data-active=program] .component-program,.constructor[data-active=window] .component-window,.constructor[data-active=agent] .component-agent,.constructor[data-active=device] .component-device{box-shadow:0 0 0 3px var(--ex-page),0 0 0 6px var(--ex-link)}
.constructor-note{border-top:1px solid var(--ex-control-border);color:var(--ex-dark-text)}
#animation-status{color:var(--ex-dark-text)}
.scenario-details{color:var(--ex-paper);border-top:1px solid var(--ex-control-border)}
.copy-instance{border:1px solid var(--ex-control-border);background:var(--ex-surface-raised)}
.copy-divider{color:var(--ex-control-border)}
.exhibit-art{background:var(--ex-surface-raised)}
.exhibit-ticket{border:1px solid var(--ex-control-border)}
.data-visual{background:var(--ex-blue)}
.data-visual>span{border:1px solid var(--ex-pine)}
.robot-visual{color:var(--ex-apricot)}
.rules-visual{background:var(--ex-apricot)}
.rules-document div{background:var(--ex-control-border)}
.rules-consumers i{background:var(--ex-surface-raised)}
.reuse-section{background:var(--ex-surface-raised)}
.reuse-scenes article+article{border-top-color:var(--ex-orange)}
.start-section{background:var(--ex-apricot)}
.start-section .disclosure{color:var(--ex-ink)}
th{background:var(--ex-surface-raised)}
.safety-note{background:var(--ex-surface-raised)}
.next-step{border:1px solid var(--ex-control-border)}
.assembly .section-tag span:last-child{color:var(--ex-paper)}
.api-reference{background:var(--ex-surface-raised)}