/* bdils.com theme skin: EXTRUDE (soft extrusion). Scope html[data-theme="extrude"]. Apollo.
   Visual contract: postmodern-directions.html direction 01 and comp-d1-hero.png / comp-d1-phone.png.
   Material: one matte surface. Raised = light top-left + dark bottom-right. Pressed = same, inset. Accent ember + ink glyphs.
   A11y: fields, tracks and wells carry a 1.5px #6b7490 contour (3.9:1 on #e4e8f1). Focus = 3px gap + 3px ink ring. See ../notes/extrude-contrast.md */

html[data-theme="extrude"]  body,html[data-theme="extrude"]  .bd-root{background:var(--bd-bg)}
html[data-theme="extrude"]  .bd-display,html[data-theme="extrude"]  .bd-h1,html[data-theme="extrude"]  .bd-h2{text-shadow:-1px -1px 1px #fff,2px 2px 3px rgba(122,132,170,.55)}
html[data-theme="extrude"]  .bd-kicker::before{box-shadow:inset 1px 1px 2px rgba(0,0,0,.35)}
html[data-theme="extrude"]  .bd-kicker,html[data-theme="extrude"]  .bd-label{letter-spacing:.06em}
/* ground */
html[data-theme="extrude"]  .s-hero__ground{background:radial-gradient(900px 600px at 78% 30%,#eef1f8 0,transparent 70%),radial-gradient(700px 500px at 10% 100%,#dbe0ee 0,transparent 70%)}
html[data-theme="extrude"]  .s-hero__clearing{display:none}
html[data-theme="extrude"]  .s-sec--band{background:var(--bd-bg-2);box-shadow:inset 0 10px 18px -12px var(--ex-lo),inset 0 -10px 18px -12px var(--ex-hi)}
html[data-theme="extrude"]  .s-foot{background:var(--bd-bg-2);border-top:0;box-shadow:inset 0 10px 18px -12px var(--ex-lo)}
/* nav */
html[data-theme="extrude"]  .bd-nav{background:var(--bd-bg);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme="extrude"]  .bd-nav.is-scrolled{box-shadow:0 8px 16px -8px var(--ex-lo)}
html[data-theme="extrude"]  .bd-wordmark i{border-radius:50%;rotate:0deg;width:12px;height:12px;box-shadow:2px 2px 3px rgba(80,30,5,.45),-1px -1px 2px #fff}
html[data-theme="extrude"]  .bd-nav__link:hover{background:none;box-shadow:inset 3px 3px 6px var(--ex-lo),inset -3px -3px 6px var(--ex-hi)}
html[data-theme="extrude"]  .bd-nav__link[aria-current="true"]{background:none;box-shadow:inset 3px 3px 6px var(--ex-lo),inset -3px -3px 6px var(--ex-hi);color:var(--bd-fg)}
html[data-theme="extrude"]  .bd-nav__link{border-radius:999px;min-height:40px}
/* buttons: raised, pressed in on :active. Weight shows in the shadow offset shrinking. */
html[data-theme="extrude"]  .bd-btn{background:var(--bd-surface);box-shadow:var(--bd-sh-btn);transition:box-shadow var(--bd-dur-base) var(--bd-ease-press),transform var(--bd-dur-base) var(--bd-ease-press),background var(--bd-dur-fast)}
html[data-theme="extrude"]  .bd-btn:hover,html[data-theme="extrude"]  .bd-btn.is-hover{background:var(--bd-surface-2);box-shadow:8px 8px 16px var(--ex-lo),-8px -8px 16px var(--ex-hi)}
html[data-theme="extrude"]  .bd-btn:active,html[data-theme="extrude"]  .bd-btn.is-active{background:var(--bd-surface);transform:none;box-shadow:inset 5px 5px 10px var(--ex-lo),inset -5px -5px 10px var(--ex-hi)}
html[data-theme="extrude"]  .bd-btn:focus-visible,html[data-theme="extrude"]  .bd-btn.is-focus{box-shadow:var(--bd-sh-btn),var(--bd-ring)}
html[data-theme="extrude"]  .bd-btn:disabled,html[data-theme="extrude"]  .bd-btn.is-disabled{background:var(--bd-surface);color:#6d7592;box-shadow:2px 2px 4px var(--ex-lo),-2px -2px 4px var(--ex-hi);cursor:not-allowed}
html[data-theme="extrude"]  .bd-btn--primary{background:var(--bd-accent);color:#fff;box-shadow:var(--bd-sh-btn-primary)}
html[data-theme="extrude"]  .bd-btn--primary:hover,html[data-theme="extrude"]  .bd-btn--primary.is-hover{background:var(--bd-accent-hi);box-shadow:9px 9px 18px rgba(150,70,25,.42),-8px -8px 16px var(--ex-hi)}
html[data-theme="extrude"]  .bd-btn--primary:active,html[data-theme="extrude"]  .bd-btn--primary.is-active{background:var(--bd-accent-lo);box-shadow:inset 5px 5px 10px rgba(80,30,5,.55),inset -4px -4px 8px rgba(255,150,100,.35)}
html[data-theme="extrude"]  .bd-btn--primary:focus-visible,html[data-theme="extrude"]  .bd-btn--primary.is-focus{box-shadow:var(--bd-sh-btn-primary),var(--bd-ring)}
html[data-theme="extrude"]  .bd-btn--primary:disabled,html[data-theme="extrude"]  .bd-btn--primary.is-disabled{background:#d3d8e6;color:#5c6684;box-shadow:inset 2px 2px 4px var(--ex-lo),inset -2px -2px 4px var(--ex-hi)}
html[data-theme="extrude"]  .bd-btn--ghost{background:transparent;box-shadow:none}
html[data-theme="extrude"]  .bd-btn--ghost:hover,html[data-theme="extrude"]  .bd-btn--ghost.is-hover{background:transparent;box-shadow:var(--bd-sh-1)}
html[data-theme="extrude"]  .bd-btn--ghost:active,html[data-theme="extrude"]  .bd-btn--ghost.is-active{box-shadow:var(--bd-sh-inset)}
html[data-theme="extrude"]  .bd-btn--ghost:focus-visible,html[data-theme="extrude"]  .bd-btn--ghost.is-focus{box-shadow:var(--bd-ring)}
html[data-theme="extrude"]  .bd-btn--ghost:disabled{box-shadow:none;background:none}
html[data-theme="extrude"]  .bd-btn.is-loading::after{border-color:var(--ex-lo);border-top-color:var(--bd-fg)}
html[data-theme="extrude"]  .bd-btn__kbd{background:none;box-shadow:inset 1px 1px 2px var(--ex-lo),inset -1px -1px 2px var(--ex-hi)}
html[data-theme="extrude"]  .bd-split .bd-btn:last-child{margin-left:6px}
/* fields: a well with a 1.5px contour (3.9:1) so the boundary is never shadow alone */
html[data-theme="extrude"]  .bd-input,html[data-theme="extrude"]  .bd-textarea,html[data-theme="extrude"]  .bd-select{background:var(--bd-field-bg);box-shadow:inset 4px 4px 8px var(--ex-lo),inset -4px -4px 8px var(--ex-hi),0 0 0 1.5px var(--bd-field-border);border-radius:18px}
html[data-theme="extrude"]  .bd-input,html[data-theme="extrude"]  .bd-select{border-radius:999px;padding-inline:20px}
html[data-theme="extrude"]  .bd-input:hover,html[data-theme="extrude"]  .bd-textarea:hover,html[data-theme="extrude"]  .bd-select:hover,html[data-theme="extrude"]  .bd-input.is-hover{box-shadow:inset 4px 4px 8px var(--ex-lo),inset -4px -4px 8px var(--ex-hi),0 0 0 1.5px var(--bd-field-border-hover)}
html[data-theme="extrude"]  .bd-input:focus,html[data-theme="extrude"]  .bd-textarea:focus,html[data-theme="extrude"]  .bd-select:focus,html[data-theme="extrude"]  .bd-input.is-focus{box-shadow:inset 4px 4px 8px var(--ex-lo),inset -4px -4px 8px var(--ex-hi),0 0 0 1.5px #1f2740,var(--bd-ring)}
html[data-theme="extrude"]  .bd-input:disabled,html[data-theme="extrude"]  .bd-input.is-disabled,html[data-theme="extrude"]  .bd-textarea:disabled,html[data-theme="extrude"]  .bd-select:disabled{background:var(--bd-field-bg);color:#6d7592;box-shadow:inset 2px 2px 4px var(--ex-lo),inset -2px -2px 4px var(--ex-hi),0 0 0 1.5px #b3bbd2}
html[data-theme="extrude"]  .bd-input[readonly]{background:#dde2ee}
html[data-theme="extrude"]  .bd-field.is-error .bd-input,html[data-theme="extrude"]  .bd-field.is-error .bd-textarea,html[data-theme="extrude"]  .bd-field.is-error .bd-select,html[data-theme="extrude"]  .bd-input.is-error{box-shadow:inset 4px 4px 8px var(--ex-lo),inset -4px -4px 8px var(--ex-hi),0 0 0 2px var(--bd-error)}
html[data-theme="extrude"]  .bd-field.is-ok .bd-input{box-shadow:inset 4px 4px 8px var(--ex-lo),inset -4px -4px 8px var(--ex-hi),0 0 0 2px var(--bd-ok)}
html[data-theme="extrude"]  .bd-textarea{border-radius:22px}
/* check / radio / switch */
html[data-theme="extrude"]  .bd-check .box,html[data-theme="extrude"]  .bd-radio .box{width:26px;height:26px;margin-top:0;background:var(--bd-surface);box-shadow:inset 3px 3px 6px var(--ex-lo),inset -3px -3px 6px var(--ex-hi),0 0 0 1.5px var(--bd-field-border);border-radius:9px}
html[data-theme="extrude"]  .bd-radio .box{border-radius:50%}
html[data-theme="extrude"]  .bd-check:hover .box,html[data-theme="extrude"]  .bd-radio:hover .box,html[data-theme="extrude"]  .bd-check.is-hover .box{box-shadow:inset 3px 3px 6px var(--ex-lo),inset -3px -3px 6px var(--ex-hi),0 0 0 1.5px var(--bd-field-border-hover)}
html[data-theme="extrude"]  .bd-check input:checked+.box,html[data-theme="extrude"]  .bd-radio input:checked+.box,html[data-theme="extrude"]  .bd-check.is-on .box,html[data-theme="extrude"]  .bd-radio.is-on .box,html[data-theme="extrude"]  .bd-check.is-indeterminate .box{background:var(--bd-accent);box-shadow:3px 3px 6px var(--ex-lo),-3px -3px 6px var(--ex-hi),0 0 0 1.5px var(--bd-accent-lo)}
html[data-theme="extrude"]  .bd-check input:focus-visible+.box,html[data-theme="extrude"]  .bd-radio input:focus-visible+.box,html[data-theme="extrude"]  .bd-check.is-focus .box{box-shadow:var(--bd-ring)}
html[data-theme="extrude"]  .bd-check input:disabled+.box,html[data-theme="extrude"]  .bd-check.is-disabled .box{background:var(--bd-surface);box-shadow:inset 2px 2px 3px var(--ex-lo),inset -2px -2px 3px var(--ex-hi),0 0 0 1.5px #b3bbd2}
html[data-theme="extrude"]  .bd-check,html[data-theme="extrude"]  .bd-radio,html[data-theme="extrude"]  .bd-switch{min-height:44px;align-items:center;gap:12px}
html[data-theme="extrude"]  .bd-switch .track{width:56px;height:30px;background:var(--bd-surface);box-shadow:inset 4px 4px 8px var(--ex-lo),inset -4px -4px 8px var(--ex-hi),0 0 0 1.5px var(--bd-field-border)}
html[data-theme="extrude"]  .bd-switch .track::after{top:3px;left:3px;width:24px;height:24px;background:linear-gradient(145deg,#f4f6fb,#d9deec);box-shadow:3px 3px 6px var(--ex-lo-2),-2px -2px 5px var(--ex-hi)}
html[data-theme="extrude"]  .bd-switch input:checked+.track,html[data-theme="extrude"]  .bd-switch.is-on .track{background:var(--bd-accent);box-shadow:inset 3px 3px 6px rgba(80,30,5,.5),inset -3px -3px 6px rgba(255,150,100,.3),0 0 0 1.5px var(--bd-accent-lo)}
html[data-theme="extrude"]  .bd-switch input:checked+.track::after,html[data-theme="extrude"]  .bd-switch.is-on .track::after{translate:26px 0}
html[data-theme="extrude"]  .bd-switch input:focus-visible+.track,html[data-theme="extrude"]  .bd-switch.is-focus .track{box-shadow:var(--bd-ring)}
html[data-theme="extrude"]  .bd-switch--lg .track{width:64px;height:34px}html[data-theme="extrude"]  .bd-switch--lg .track::after{width:28px;height:28px}html[data-theme="extrude"]  .bd-switch--lg input:checked+.track::after,html[data-theme="extrude"]  .bd-switch--lg.is-on .track::after{translate:30px 0}
/* segmented / tabs / chips */
html[data-theme="extrude"]  .bd-seg{background:var(--bd-surface);box-shadow:inset 4px 4px 8px var(--ex-lo),inset -4px -4px 8px var(--ex-hi),0 0 0 1.5px var(--bd-field-border);padding:5px;gap:4px;border-radius:999px}
html[data-theme="extrude"]  .bd-seg>*{border-radius:999px;min-height:40px}
html[data-theme="extrude"]  .bd-seg>[aria-selected="true"],html[data-theme="extrude"]  .bd-seg>[aria-pressed="true"],html[data-theme="extrude"]  .bd-seg>[aria-checked="true"],html[data-theme="extrude"]  .bd-seg>.is-on{background:var(--bd-surface);box-shadow:4px 4px 8px var(--ex-lo),-3px -3px 7px var(--ex-hi);color:var(--bd-fg);font-weight:700}
html[data-theme="extrude"]  .bd-seg>[aria-selected="true"]::after,html[data-theme="extrude"]  .bd-seg>[aria-pressed="true"]::after,html[data-theme="extrude"]  .bd-seg>[aria-checked="true"]::after,html[data-theme="extrude"]  .bd-seg>.is-on::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--bd-accent);margin-left:2px}
html[data-theme="extrude"]  .bd-tabs{border-bottom:0;gap:8px}
html[data-theme="extrude"]  .bd-tabs>*{border-radius:999px;min-height:44px;padding:0 20px;color:var(--bd-fg-2)}
html[data-theme="extrude"]  .bd-tabs>*:hover{background:none;box-shadow:var(--bd-sh-1)}
html[data-theme="extrude"]  .bd-tabs>[aria-selected="true"]{box-shadow:inset 4px 4px 8px var(--ex-lo),inset -4px -4px 8px var(--ex-hi);color:var(--bd-fg)}
html[data-theme="extrude"]  .bd-tabs>[aria-selected="true"]::after{left:50%;right:auto;bottom:6px;width:6px;height:6px;margin-left:-3px;border-radius:50%}
html[data-theme="extrude"]  .bd-chip{background:var(--bd-surface);box-shadow:3px 3px 6px var(--ex-lo),-3px -3px 6px var(--ex-hi);height:32px}
html[data-theme="extrude"]  .bd-chip.is-on,html[data-theme="extrude"]  .bd-chip--choice:has(input:checked){background:var(--bd-surface);box-shadow:inset 3px 3px 6px var(--ex-lo),inset -3px -3px 6px var(--ex-hi);color:var(--bd-fg)}
html[data-theme="extrude"]  button.bd-chip:hover{background:var(--bd-surface-2)}
html[data-theme="extrude"]  .bd-chip--choice:has(input:focus-visible),html[data-theme="extrude"]  button.bd-chip:focus-visible{box-shadow:var(--bd-ring)}
html[data-theme="extrude"]  .bd-tag{background:var(--bd-surface);box-shadow:inset 2px 2px 4px var(--ex-lo),inset -2px -2px 4px var(--ex-hi);border-radius:999px;padding:0 10px}
html[data-theme="extrude"]  .bd-tag--accent{background:var(--bd-surface);color:var(--bd-accent-text);box-shadow:inset 2px 2px 4px var(--ex-lo),inset -2px -2px 4px var(--ex-hi)}
html[data-theme="extrude"]  .bd-badge{box-shadow:2px 2px 4px rgba(120,50,15,.4),-1px -1px 3px #fff}
html[data-theme="extrude"]  .bd-avatar{background:var(--bd-surface);box-shadow:3px 3px 6px var(--ex-lo),-3px -3px 6px var(--ex-hi)}
html[data-theme="extrude"]  .bd-avatars .bd-avatar{box-shadow:3px 3px 6px var(--ex-lo),-3px -3px 6px var(--ex-hi)}
html[data-theme="extrude"]  .bd-kbd{background:var(--bd-surface);box-shadow:2px 2px 4px var(--ex-lo),-2px -2px 4px var(--ex-hi)}
/* slider, stepper, progress, meter */
html[data-theme="extrude"]  .bd-slider .rail{height:14px;border-radius:14px;background:var(--bd-surface);box-shadow:inset 4px 4px 8px var(--ex-lo),inset -4px -4px 8px var(--ex-hi),0 0 0 1.5px var(--bd-field-border)}
html[data-theme="extrude"]  .bd-slider .fill{inset:3px auto 3px 3px;width:calc(var(--v,50%) - 6px);border-radius:14px;background:linear-gradient(180deg,#d9622c,#c24a14);box-shadow:2px 2px 4px rgba(120,50,15,.35),-1px -1px 3px rgba(255,255,255,.8)}
html[data-theme="extrude"]  .bd-slider .thumb{width:34px;height:34px;margin:-17px 0 0 -17px;background:linear-gradient(145deg,#f4f6fb,#d9deec);box-shadow:5px 5px 10px var(--ex-lo-2),-4px -4px 8px var(--ex-hi)}
html[data-theme="extrude"]  .bd-slider .thumb::after{content:"";position:absolute;inset:0;margin:auto;width:10px;height:10px;border-radius:50%;background:var(--bd-accent)}
html[data-theme="extrude"]  .bd-slider:hover .thumb,html[data-theme="extrude"]  .bd-slider.is-hover .thumb{transform:scale(1.04);box-shadow:7px 7px 13px var(--ex-lo-2),-5px -5px 10px var(--ex-hi)}
html[data-theme="extrude"]  .bd-slider.is-active .thumb{transform:scale(.96);box-shadow:3px 3px 6px var(--ex-lo-2),-2px -2px 5px var(--ex-hi)}
html[data-theme="extrude"]  .bd-slider.is-focus .thumb,html[data-theme="extrude"]  .bd-slider .thumb:focus-visible{box-shadow:var(--bd-ring)}
html[data-theme="extrude"]  .bd-slider.is-disabled .rail{opacity:.6}
html[data-theme="extrude"]  .bd-stepper{height:52px;padding:4px;background:var(--bd-surface);box-shadow:inset 4px 4px 8px var(--ex-lo),inset -4px -4px 8px var(--ex-hi),0 0 0 1.5px var(--bd-field-border);border-radius:999px}
html[data-theme="extrude"]  .bd-stepper button{width:44px;border-radius:50%;background:var(--bd-surface);box-shadow:3px 3px 6px var(--ex-lo),-3px -3px 6px var(--ex-hi)}
html[data-theme="extrude"]  .bd-stepper button:hover{background:var(--bd-surface-2)}
html[data-theme="extrude"]  .bd-stepper button:active{box-shadow:inset 3px 3px 6px var(--ex-lo),inset -3px -3px 6px var(--ex-hi)}
html[data-theme="extrude"]  .bd-stepper button:focus-visible{box-shadow:var(--bd-ring)}
html[data-theme="extrude"]  .bd-stepper button:disabled{box-shadow:none;background:none;color:#6d7592}
html[data-theme="extrude"]  .bd-stepper output{border:0;font-weight:700}
html[data-theme="extrude"]  .bd-progress{height:16px;border-radius:16px;background:var(--bd-surface);box-shadow:inset 3px 3px 6px var(--ex-lo),inset -3px -3px 6px var(--ex-hi),0 0 0 1.5px var(--bd-field-border)}
html[data-theme="extrude"]  .bd-progress>i{margin:3px;height:calc(100% - 6px);width:calc(var(--v,0%) - 6px);border-radius:16px;background:linear-gradient(180deg,#d9622c,#c24a14);box-shadow:2px 2px 3px rgba(120,50,15,.3)}
html[data-theme="extrude"]  .bd-progress.is-indeterminate>i{width:35%}
html[data-theme="extrude"]  .bd-meter i{border-radius:4px;background:var(--bd-surface);box-shadow:inset 2px 2px 3px var(--ex-lo),inset -2px -2px 3px var(--ex-hi)}
html[data-theme="extrude"]  .bd-meter i.on{background:var(--bd-accent);box-shadow:2px 2px 3px rgba(120,50,15,.35),-1px -1px 2px #fff}
html[data-theme="extrude"]  .bd-spinner{border-color:#b3bbd2;border-top-color:var(--bd-accent);border-width:3px}
html[data-theme="extrude"]  .bd-skeleton{background:linear-gradient(90deg,#d6dbea 25%,#e9edf6 50%,#d6dbea 75%);background-size:200% 100%}
html[data-theme="extrude"]  .bd-rating svg{fill:var(--bd-surface);stroke:#6b7490}html[data-theme="extrude"]  .bd-rating svg.on{fill:var(--bd-accent);stroke:var(--bd-accent-lo)}
/* tooltip / toast / alert */
html[data-theme="extrude"]  .bd-tip__bubble{background:#1f2740;color:#fff;border-radius:12px;box-shadow:4px 4px 10px var(--ex-lo)}
html[data-theme="extrude"]  .bd-toast{box-shadow:var(--bd-sh-2);border-radius:999px;padding-inline:18px}
html[data-theme="extrude"]  .bd-alert{background:var(--bd-surface);box-shadow:inset 3px 3px 6px var(--ex-lo),inset -3px -3px 6px var(--ex-hi),inset 4px 0 0 var(--bd-accent);border-radius:var(--bd-r-md)}
html[data-theme="extrude"]  .bd-alert--error{background:var(--bd-surface);box-shadow:inset 3px 3px 6px var(--ex-lo),inset -3px -3px 6px var(--ex-hi),inset 4px 0 0 var(--bd-error)}
html[data-theme="extrude"]  .bd-pager .bd-btn{box-shadow:none;background:none;--h:44px;min-width:44px}
html[data-theme="extrude"]  .bd-pager .bd-btn[aria-current="page"]{box-shadow:inset 3px 3px 6px var(--ex-lo),inset -3px -3px 6px var(--ex-hi);color:var(--bd-fg);font-weight:700}
html[data-theme="extrude"]  .bd-acc{background:var(--bd-surface);box-shadow:var(--bd-sh-2);border-radius:var(--bd-r-lg)}
html[data-theme="extrude"]  .bd-acc>details+details{border-top:0}
html[data-theme="extrude"]  .bd-acc summary:hover{background:none}html[data-theme="extrude"]  .bd-acc details[open] summary{box-shadow:inset 3px 3px 6px var(--ex-lo),inset -3px -3px 6px var(--ex-hi);border-radius:var(--bd-r-lg)}
/* cards / tiles / quote / forms: raised slabs, no strokes */
html[data-theme="extrude"]  .bd-card,html[data-theme="extrude"]  .bd-tile,html[data-theme="extrude"]  .bd-quote,html[data-theme="extrude"]  .s-formcard,html[data-theme="extrude"]  .s-case__meta,html[data-theme="extrude"]  .s-case__proof li,html[data-theme="extrude"]  .pc-plate,html[data-theme="extrude"]  .pc .bd-slider,html[data-theme="extrude"]  .pc-datepick,html[data-theme="extrude"]  .pc-color,html[data-theme="extrude"]  .pc-sw,html[data-theme="extrude"]  .bd-modal,html[data-theme="extrude"]  .bd-soundmenu,html[data-theme="extrude"]  .bd-stylemenu{background:var(--bd-surface)}
html[data-theme="extrude"]  .bd-card:hover{box-shadow:14px 14px 28px var(--ex-lo),-14px -14px 28px var(--ex-hi);translate:0 0}
html[data-theme="extrude"]  .bd-card__media{margin:14px 14px 0;border-radius:calc(var(--bd-r-xl) - 8px);border:0;background:var(--bd-surface);box-shadow:inset 5px 5px 10px var(--ex-lo),inset -5px -5px 10px var(--ex-hi)}
html[data-theme="extrude"]  .bd-card__media::before{opacity:0}
html[data-theme="extrude"]  .bd-card__media .bd-tag--lock{background:var(--bd-surface);box-shadow:3px 3px 6px var(--ex-lo),-3px -3px 6px var(--ex-hi)}
html[data-theme="extrude"]  .bd-tile__ico{border-radius:50%;background:var(--bd-surface);box-shadow:inset 3px 3px 6px var(--ex-lo),inset -3px -3px 6px var(--ex-hi);color:var(--bd-accent-text)}
html[data-theme="extrude"]  .s-case__pair{background:var(--bd-surface);box-shadow:inset 5px 5px 10px var(--ex-lo),inset -5px -5px 10px var(--ex-hi)}
html[data-theme="extrude"]  .bd-logo:hover{background:none;box-shadow:inset 4px 4px 8px var(--ex-lo),inset -4px -4px 8px var(--ex-hi)}
html[data-theme="extrude"]  .bd-logo{border-radius:var(--bd-r-lg)}
html[data-theme="extrude"]  .bd-event,html[data-theme="extrude"]  .bd-event:last-child{border-color:rgba(31,39,64,.28)}
html[data-theme="extrude"]  .bd-modal__lock{border-radius:50%;background:var(--bd-fg);color:#fff;box-shadow:4px 4px 8px var(--ex-lo),-3px -3px 6px var(--ex-hi)}
html[data-theme="extrude"]  .bd-tick{box-shadow:3px 3px 6px var(--ex-lo),-3px -3px 6px var(--ex-hi)}
html[data-theme="extrude"]  .bd-scrim{background:rgba(228,232,241,.7);backdrop-filter:blur(6px)}
html[data-theme="extrude"]  .bd-modal__fine{border-top-color:rgba(31,39,64,.2)}
html[data-theme="extrude"]  .bd-dots i{background:var(--bd-surface);box-shadow:inset 1px 1px 2px var(--ex-lo),inset -1px -1px 2px var(--ex-hi)}html[data-theme="extrude"]  .bd-dots i.on{background:var(--bd-accent)}
/* hero stand-ins */
html[data-theme="extrude"]  .pc{filter:none}
html[data-theme="extrude"]  .pc-knob{background:var(--bd-surface);box-shadow:8px 8px 16px var(--ex-lo),-8px -8px 16px var(--ex-hi)}
html[data-theme="extrude"]  .pc-knob::before{background:var(--bd-surface);box-shadow:inset 4px 4px 8px var(--ex-lo),inset -4px -4px 8px var(--ex-hi)}
html[data-theme="extrude"]  .pc-knob::after{background:var(--bd-accent);width:8px;height:8px;border-radius:50%;margin-left:-4px;top:12px;transform-origin:50% 24px}
html[data-theme="extrude"]  .pc-datepick .g i.on{border-radius:50%;box-shadow:2px 2px 4px rgba(120,50,15,.4)}
html[data-theme="extrude"]  .pc-color .area,html[data-theme="extrude"]  .pc-color .hue{box-shadow:inset 2px 2px 4px rgba(0,0,0,.25)}
/* control bar */
html[data-theme="extrude"]  .bd-bar{padding:8px;gap:4px}
html[data-theme="extrude"]  .bd-bar__sep{background:none;width:2px;border-radius:2px;box-shadow:inset 1px 1px 1px var(--ex-lo),inset -1px -1px 1px var(--ex-hi)}
html[data-theme="extrude"]  .bd-bar__btn{border-radius:999px;color:var(--bd-fg-2)}
html[data-theme="extrude"]  .bd-bar__btn:hover,html[data-theme="extrude"]  .bd-bar__btn.is-hover{background:var(--bd-surface);box-shadow:4px 4px 8px var(--ex-lo),-4px -4px 8px var(--ex-hi);color:var(--bd-fg)}
html[data-theme="extrude"]  .bd-bar__btn:active,html[data-theme="extrude"]  .bd-bar__btn.is-active,html[data-theme="extrude"]  .bd-bar__btn.is-busy,html[data-theme="extrude"]  .bd-bar__btn[aria-pressed="true"],html[data-theme="extrude"]  .bd-bar__btn[aria-expanded="true"]{background:var(--bd-surface);box-shadow:inset 4px 4px 8px var(--ex-lo),inset -4px -4px 8px var(--ex-hi);transform:none}
html[data-theme="extrude"]  .bd-bar__btn:focus-visible,html[data-theme="extrude"]  .bd-bar__btn.is-focus{box-shadow:var(--bd-ring)}
html[data-theme="extrude"]  .bd-bar__btn--style .swatch{border-radius:50%;background:var(--bd-accent);box-shadow:2px 2px 4px rgba(120,50,15,.4),-1px -1px 2px #fff}
html[data-theme="extrude"]  .bd-bar__btn--crazy{color:var(--bd-accent-text)}
html[data-theme="extrude"]  .bd-bar__btn--crazy:hover{background:var(--bd-surface)}
html[data-theme="extrude"]  .bd-styleopt:hover,html[data-theme="extrude"]  .bd-styleopt.is-hover{background:none;box-shadow:var(--bd-sh-1)}
html[data-theme="extrude"]  .bd-styleopt[aria-checked="true"]{background:none;box-shadow:inset 3px 3px 6px var(--ex-lo),inset -3px -3px 6px var(--ex-hi)}
html[data-theme="extrude"]  .bd-styleopt{border-radius:var(--bd-r-md)}
html[data-theme="extrude"]  .bd-stylegrp+.bd-stylegrp{border-top-color:rgba(31,39,64,.18)}
html[data-theme="extrude"]  .bd-stylemenu__head{background:var(--bd-surface)}
html[data-theme="extrude"]  .bd-soundmenu .bd-switch:hover{background:none}
/* swatches: raised pads with the colour pressed into a well */
html[data-theme="extrude"]  .bd-sw{background:var(--bd-surface);box-shadow:5px 5px 10px var(--ex-lo),-5px -5px 10px var(--ex-hi);border-radius:22px;width:80px;padding:8px 8px 10px}
html[data-theme="extrude"]  .bd-sw__chip{border-radius:16px;box-shadow:inset 3px 3px 6px rgba(0,0,0,.22),inset -3px -3px 6px rgba(255,255,255,.4),0 0 0 1.5px #6b7490}
html[data-theme="extrude"]  .bd-sw:hover,html[data-theme="extrude"]  .bd-sw.is-hover,html[data-theme="extrude"]  .bd-sw[aria-pressed="true"]{box-shadow:8px 8px 14px var(--ex-lo),-7px -7px 12px var(--ex-hi);transform:translateY(-2px)}
html[data-theme="extrude"]  .bd-sw[aria-pressed="true"],html[data-theme="extrude"]  .bd-sw.is-active{box-shadow:inset 4px 4px 8px var(--ex-lo),inset -4px -4px 8px var(--ex-hi);transform:none}
html[data-theme="extrude"]  .bd-sw[aria-pressed="true"] .bd-sw__chip{box-shadow:0 0 0 1.5px #6b7490,3px 3px 6px var(--ex-lo),-2px -2px 5px var(--ex-hi)}
html[data-theme="extrude"]  .bd-sw:focus-visible,html[data-theme="extrude"]  .bd-sw.is-focus{box-shadow:var(--bd-sh-btn),var(--bd-ring)}
html[data-theme="extrude"]  .bd-swatches[data-kind="card"]{background:var(--bd-surface);box-shadow:var(--bd-sh-2);border-radius:28px;padding:12px}
html[data-theme="extrude"]  .bd-swatches[data-kind="card"] .bd-sw{box-shadow:none;background:none;width:auto;border-radius:0}
html[data-theme="extrude"]  .bd-swatches[data-kind="card"] .bd-sw__chip{border-radius:0;box-shadow:inset 3px 3px 6px rgba(0,0,0,.2),inset -3px -3px 6px rgba(255,255,255,.35)}
html[data-theme="extrude"]  .bd-swatches[data-kind="card"] .bd-sw:first-child .bd-sw__chip{border-radius:18px 0 0 18px}html[data-theme="extrude"]  .bd-swatches[data-kind="card"] .bd-sw:last-child .bd-sw__chip{border-radius:0 18px 18px 0}
html[data-theme="extrude"]  .bd-swatches[data-kind="ring"]{box-shadow:inset 8px 8px 16px var(--ex-lo),inset -8px -8px 16px var(--ex-hi)}
html[data-theme="extrude"]  .bd-swatches[data-kind="ring"] .bd-sw{box-shadow:none;background:none}
html[data-theme="extrude"]  .bd-swatches[data-kind="ring"] .bd-sw__chip{box-shadow:5px 5px 9px var(--ex-lo-2),-4px -4px 8px var(--ex-hi),0 0 0 1.5px #6b7490}
html[data-theme="extrude"]  .bd-swatches[data-kind="ring"] .bd-sw[aria-pressed="true"] .bd-sw__chip{box-shadow:inset 3px 3px 6px rgba(0,0,0,.3),0 0 0 1.5px #6b7490}
html[data-theme="extrude"] media (prefers-reduced-motion:reduce){html[data-theme="extrude"]  .bd-btn,html[data-theme="extrude"]  .bd-sw{transition:none}}

/* R3: the selected-segment dot no longer pulls the label off-centre (was 14px left vs 28px right) */
html[data-theme="extrude"] .bd-seg>*{position:relative}
html[data-theme="extrude"] .bd-seg>[aria-selected="true"]::after,html[data-theme="extrude"] .bd-seg>[aria-pressed="true"]::after,html[data-theme="extrude"] .bd-seg>[aria-checked="true"]::after,html[data-theme="extrude"] .bd-seg>.is-on::after{position:absolute;right:7px;top:50%;margin:-3px 0 0}
/* R3: phone hit area for the slider thumb lives on ::before here because ::after draws the accent dot */
@media (max-width:480px){html[data-theme="extrude"] .bd-slider .thumb::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%}}