/* bdils.com theme skin: PRIMITIVES (geometry). Scope html[data-theme="primitives"]. Apollo.
   Visual contract: postmodern-directions.html direction 02 and comp-d2-hero.png / comp-d2-phone.png.
   Shapes: circle, pill, ring, dot. Colours: cream, ink, blue (selection), orange (action), yellow (attention). 2px ink strokes, no blur shadows.
   Change from the board: labels are never hidden (hover-only labels were unsafe for 40+ controls). */

html[data-theme="primitives"]  body,html[data-theme="primitives"]  .bd-root{background:var(--bd-bg)}
html[data-theme="primitives"]  .bd-display,html[data-theme="primitives"]  .bd-h1,html[data-theme="primitives"]  .bd-h2{letter-spacing:-.05em}
html[data-theme="primitives"]  .bd-display::after{content:"";display:inline-block;width:.16em;height:.16em;border-radius:50%;background:var(--pr-or);margin-left:.05em;vertical-align:baseline}
html[data-theme="primitives"]  .bd-kicker::before{width:12px;height:12px;border-radius:50%;background:var(--pr-or);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-kicker{color:var(--pr-ink)}
html[data-theme="primitives"]  .bd-label{letter-spacing:.04em}
/* ground: two big flat circles, the whole composition is geometry */
html[data-theme="primitives"]  .s-hero__ground::before{content:"";position:absolute;right:-9vw;top:-14vw;width:42vw;height:42vw;border-radius:50%;background:var(--pr-yel)}
html[data-theme="primitives"]  .s-hero__ground::after{content:"";position:absolute;left:-8vw;bottom:-16vw;width:30vw;height:30vw;border-radius:50%;background:var(--pr-blue)}
html[data-theme="primitives"]  .s-hero__clearing{background:radial-gradient(ellipse at 20% 40%,rgba(242,237,228,.94) 0 40%,transparent 72%)}
/* D1: ink copy over drifting ink/blue pieces measured 1.0-1.4:1 (kicker) and ~2.9:1 (headline on blue); the copy sits on a card of this style's own surface */
html[data-theme="primitives"]  .s-hero__plate{background:var(--bd-surface);box-shadow:0 0 0 2px var(--pr-ink);border-radius:var(--bd-r-xl)}
@media (min-width:861px){html[data-theme="primitives"]  .s-hero__plate{padding:26px 34px;margin:-26px -34px;max-width:min(708px,calc(100% + 68px))}}
html[data-theme="primitives"]  .s-sec--band{background:var(--bd-bg-2);border-block:2px solid var(--pr-ink)}
html[data-theme="primitives"]  .s-sec--band::before{content:"";position:absolute;right:6%;top:-1px;width:56px;height:28px;border-radius:0 0 56px 56px;background:var(--pr-yel);border:2px solid var(--pr-ink);border-top:0}
html[data-theme="primitives"]  .s-foot{background:var(--pr-ink);border-top:0;color:var(--pr-cream)}
html[data-theme="primitives"]  .s-foot .bd-wordmark,html[data-theme="primitives"]  .s-foot nav a,html[data-theme="primitives"]  .s-foot small,html[data-theme="primitives"]  .s-foot__theme{color:#f2ede4}
html[data-theme="primitives"]  .s-foot nav a:hover{background:rgba(242,237,228,.14);color:#fff}
html[data-theme="primitives"]  .s-foot .bd-wordmark i{background:var(--pr-or)}
/* nav */
html[data-theme="primitives"]  .bd-nav{background:var(--bd-bg);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme="primitives"]  .bd-nav.is-scrolled{box-shadow:0 2px 0 var(--pr-ink)}
html[data-theme="primitives"]  .bd-wordmark i{border-radius:50%;rotate:0deg;width:14px;height:14px;box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-nav__link{border-radius:999px;min-height:40px;font-weight:700}
html[data-theme="primitives"]  .bd-nav__link:hover,html[data-theme="primitives"]  .bd-nav__link.is-hover{background:var(--pr-yel);color:var(--pr-ink)}
html[data-theme="primitives"]  .bd-nav__link[aria-current="true"]{background:var(--pr-ink);color:var(--pr-cream)}
/* buttons: outlined pill; hover fills yellow; press fills ink; primary orange with a hard offset */
html[data-theme="primitives"]  .bd-btn{background:var(--bd-surface);color:var(--pr-ink);box-shadow:0 0 0 2px var(--pr-ink);font-weight:700;transition:background var(--bd-dur-fast),color var(--bd-dur-fast),transform var(--bd-dur-fast) var(--bd-ease-settle),box-shadow var(--bd-dur-fast)}
html[data-theme="primitives"]  .bd-btn:hover,html[data-theme="primitives"]  .bd-btn.is-hover{background:var(--pr-yel)}
html[data-theme="primitives"]  .bd-btn:active,html[data-theme="primitives"]  .bd-btn.is-active{background:var(--pr-ink);color:var(--pr-cream);transform:none;box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-btn:focus-visible,html[data-theme="primitives"]  .bd-btn.is-focus{box-shadow:0 0 0 2px var(--pr-ink),var(--bd-ring)}
html[data-theme="primitives"]  .bd-btn:disabled,html[data-theme="primitives"]  .bd-btn.is-disabled{background:var(--bd-surface-3);color:#6b665c;box-shadow:0 0 0 2px #8a847a;transform:none}
html[data-theme="primitives"]  .bd-btn--primary{background:var(--pr-or);color:#fff;box-shadow:0 0 0 2px var(--pr-ink),4px 4px 0 2px var(--pr-ink);margin:0 4px 4px 0}
html[data-theme="primitives"]  .bd-btn--primary:hover,html[data-theme="primitives"]  .bd-btn--primary.is-hover{background:#c0380a;transform:translate(-1px,-1px);box-shadow:0 0 0 2px var(--pr-ink),6px 6px 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-btn--primary:active,html[data-theme="primitives"]  .bd-btn--primary.is-active{background:#b13405;color:#fff;transform:translate(4px,4px);box-shadow:0 0 0 2px var(--pr-ink),0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-btn--primary:focus-visible,html[data-theme="primitives"]  .bd-btn--primary.is-focus{box-shadow:0 0 0 2px var(--pr-ink),4px 4px 0 2px var(--pr-ink),var(--bd-ring)}
html[data-theme="primitives"]  .bd-btn--primary:disabled,html[data-theme="primitives"]  .bd-btn--primary.is-disabled{background:var(--bd-surface-3);color:#6b665c;box-shadow:0 0 0 2px #8a847a;margin:0}
html[data-theme="primitives"]  .bd-btn--ghost{background:transparent;box-shadow:none;color:var(--pr-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
html[data-theme="primitives"]  .bd-btn--ghost:hover,html[data-theme="primitives"]  .bd-btn--ghost.is-hover{background:var(--pr-yel);text-decoration:none}
html[data-theme="primitives"]  .bd-btn--ghost:active,html[data-theme="primitives"]  .bd-btn--ghost.is-active{background:var(--pr-ink);color:var(--pr-cream)}
html[data-theme="primitives"]  .bd-btn--ghost:focus-visible,html[data-theme="primitives"]  .bd-btn--ghost.is-focus{box-shadow:var(--bd-ring)}
html[data-theme="primitives"]  .bd-btn--ghost:disabled{box-shadow:none;background:none;color:#6b665c}
html[data-theme="primitives"]  .bd-btn.is-loading::after{border-color:#8a847a;border-top-color:var(--pr-ink)}
html[data-theme="primitives"]  .bd-btn__kbd{background:var(--pr-yel);color:var(--pr-ink);border-radius:999px;opacity:1}
html[data-theme="primitives"]  .bd-split .bd-btn:last-child{margin-left:-2px}
/* fields: outlined pill/rounded rect, fill = cream, focus = blue outline thickens */
html[data-theme="primitives"]  .bd-input,html[data-theme="primitives"]  .bd-textarea,html[data-theme="primitives"]  .bd-select{box-shadow:0 0 0 2px var(--pr-ink);background:var(--bd-surface);padding-inline:20px}
html[data-theme="primitives"]  .bd-textarea{border-radius:28px}
html[data-theme="primitives"]  .bd-input:hover,html[data-theme="primitives"]  .bd-textarea:hover,html[data-theme="primitives"]  .bd-select:hover,html[data-theme="primitives"]  .bd-input.is-hover{box-shadow:0 0 0 2px var(--pr-blue);background:#fff}
html[data-theme="primitives"]  .bd-input:focus,html[data-theme="primitives"]  .bd-textarea:focus,html[data-theme="primitives"]  .bd-select:focus,html[data-theme="primitives"]  .bd-input.is-focus{box-shadow:0 0 0 2px var(--pr-ink),var(--bd-ring)}
html[data-theme="primitives"]  .bd-input:disabled,html[data-theme="primitives"]  .bd-input.is-disabled,html[data-theme="primitives"]  .bd-textarea:disabled,html[data-theme="primitives"]  .bd-select:disabled{background:var(--bd-surface-3);color:#6b665c;box-shadow:0 0 0 2px #8a847a}
html[data-theme="primitives"]  .bd-input[readonly]{background:var(--bd-surface-3)}
html[data-theme="primitives"]  .bd-field.is-error .bd-input,html[data-theme="primitives"]  .bd-field.is-error .bd-textarea,html[data-theme="primitives"]  .bd-field.is-error .bd-select,html[data-theme="primitives"]  .bd-input.is-error{box-shadow:0 0 0 3px var(--bd-error)}
html[data-theme="primitives"]  .bd-field.is-ok .bd-input{box-shadow:0 0 0 3px var(--bd-ok)}
html[data-theme="primitives"]  .bd-field>.bd-label{font-weight:700}
/* check = circle, radio = ring with dot, switch = two circles in a pill */
html[data-theme="primitives"]  .bd-check .box,html[data-theme="primitives"]  .bd-radio .box{width:26px;height:26px;margin-top:0;border-radius:50%;box-shadow:0 0 0 2px var(--pr-ink);background:var(--bd-surface)}
html[data-theme="primitives"]  .bd-check input:checked+.box,html[data-theme="primitives"]  .bd-radio input:checked+.box,html[data-theme="primitives"]  .bd-check.is-on .box,html[data-theme="primitives"]  .bd-radio.is-on .box,html[data-theme="primitives"]  .bd-check.is-indeterminate .box{background:var(--pr-blue);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-check .box svg{stroke:#fff}html[data-theme="primitives"]  .bd-radio .box::after{background:#fff}
html[data-theme="primitives"]  .bd-radio input:checked+.box,html[data-theme="primitives"]  .bd-radio.is-on .box{background:var(--bd-surface)}html[data-theme="primitives"]  .bd-radio input:checked+.box::after,html[data-theme="primitives"]  .bd-radio.is-on .box::after{background:var(--pr-or);width:12px;height:12px;box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-check:hover .box,html[data-theme="primitives"]  .bd-radio:hover .box,html[data-theme="primitives"]  .bd-check.is-hover .box{background:var(--pr-yel)}
html[data-theme="primitives"]  .bd-check input:focus-visible+.box,html[data-theme="primitives"]  .bd-radio input:focus-visible+.box,html[data-theme="primitives"]  .bd-check.is-focus .box{box-shadow:0 0 0 2px var(--pr-ink),var(--bd-ring)}
html[data-theme="primitives"]  .bd-check input:disabled+.box,html[data-theme="primitives"]  .bd-check.is-disabled .box{background:var(--bd-surface-3);box-shadow:0 0 0 2px #8a847a}
html[data-theme="primitives"]  .bd-check,html[data-theme="primitives"]  .bd-radio,html[data-theme="primitives"]  .bd-switch{min-height:44px;align-items:center;gap:12px;font-weight:600}
html[data-theme="primitives"]  .bd-switch .track{width:60px;height:32px;background:var(--bd-surface);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-switch .track::after{top:4px;left:4px;width:24px;height:24px;background:var(--pr-ink);box-shadow:none}
html[data-theme="primitives"]  .bd-switch input:checked+.track,html[data-theme="primitives"]  .bd-switch.is-on .track{background:var(--pr-blue);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-switch input:checked+.track::after,html[data-theme="primitives"]  .bd-switch.is-on .track::after{translate:28px 0;background:var(--pr-yel);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-switch input:focus-visible+.track,html[data-theme="primitives"]  .bd-switch.is-focus .track{box-shadow:0 0 0 2px var(--pr-ink),var(--bd-ring)}
html[data-theme="primitives"]  .bd-switch--lg .track{width:68px;height:36px}html[data-theme="primitives"]  .bd-switch--lg .track::after{width:28px;height:28px}html[data-theme="primitives"]  .bd-switch--lg input:checked+.track::after,html[data-theme="primitives"]  .bd-switch--lg.is-on .track::after{translate:32px 0}
/* segmented, tabs, chips, tags */
html[data-theme="primitives"]  .bd-seg{background:var(--bd-surface);box-shadow:0 0 0 2px var(--pr-ink);padding:4px;border-radius:999px}
html[data-theme="primitives"]  .bd-seg>*{border-radius:999px;min-height:40px;font-weight:700}
html[data-theme="primitives"]  .bd-seg>*:hover{background:var(--pr-yel);color:var(--pr-ink)}
html[data-theme="primitives"]  .bd-seg>[aria-selected="true"],html[data-theme="primitives"]  .bd-seg>[aria-pressed="true"],html[data-theme="primitives"]  .bd-seg>[aria-checked="true"],html[data-theme="primitives"]  .bd-seg>.is-on{background:var(--pr-ink);color:var(--pr-cream);box-shadow:none}
html[data-theme="primitives"]  .bd-tabs{border-bottom:2px solid var(--pr-ink);gap:8px}
html[data-theme="primitives"]  .bd-tabs>*{border-radius:999px 999px 0 0;min-height:44px;font-weight:700;color:var(--pr-ink)}
html[data-theme="primitives"]  .bd-tabs>*:hover{background:var(--pr-yel)}
html[data-theme="primitives"]  .bd-tabs>[aria-selected="true"]::after{left:50%;right:auto;bottom:-9px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--pr-or);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-chip{box-shadow:0 0 0 2px var(--pr-ink);background:var(--bd-surface);color:var(--pr-ink);font-weight:700;height:32px}
html[data-theme="primitives"]  .bd-chip .dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--pr-ink);background:var(--bd-surface)}
html[data-theme="primitives"]  .bd-chip.is-on,html[data-theme="primitives"]  .bd-chip--choice:has(input:checked){background:var(--pr-yel);box-shadow:0 0 0 2px var(--pr-ink);color:var(--pr-ink)}
html[data-theme="primitives"]  .bd-chip.is-on .dot{background:var(--pr-or)}
html[data-theme="primitives"]  button.bd-chip:hover{background:var(--pr-yel)}
html[data-theme="primitives"]  .bd-chip--choice:has(input:focus-visible),html[data-theme="primitives"]  button.bd-chip:focus-visible{box-shadow:0 0 0 2px var(--pr-ink),var(--bd-ring)}
html[data-theme="primitives"]  .bd-tag{background:var(--pr-yel);color:var(--pr-ink);border-radius:999px;box-shadow:0 0 0 2px var(--pr-ink);padding:0 10px;margin:2px}
html[data-theme="primitives"]  .bd-tag--accent{background:var(--pr-or);color:#fff}
html[data-theme="primitives"]  .bd-badge{background:var(--pr-or);color:#fff;box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-avatar{background:var(--pr-yel);box-shadow:0 0 0 2px var(--pr-ink);color:var(--pr-ink);font-weight:800}
html[data-theme="primitives"]  .bd-avatars .bd-avatar{box-shadow:0 0 0 2px var(--pr-ink)}html[data-theme="primitives"]  .bd-avatars .bd-avatar:nth-child(2){background:var(--pr-blue);color:#fff}html[data-theme="primitives"]  .bd-avatars .bd-avatar:nth-child(3){background:var(--pr-or);color:#fff}
html[data-theme="primitives"]  .bd-kbd{border-radius:999px;box-shadow:0 0 0 2px var(--pr-ink);background:var(--bd-surface)}
/* slider = pill rail + dot, stepper = two circles, progress = pill, meter = dots */
html[data-theme="primitives"]  .bd-slider .rail{height:14px;border-radius:14px;background:var(--bd-surface);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-slider .fill{border-radius:14px;background:var(--pr-blue)}
html[data-theme="primitives"]  .bd-slider .thumb{width:32px;height:32px;margin:-16px 0 0 -16px;background:var(--pr-or);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-slider:hover .thumb,html[data-theme="primitives"]  .bd-slider.is-hover .thumb{background:var(--pr-yel);transform:scale(1.08);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-slider.is-active .thumb{background:var(--pr-ink);transform:scale(1.15);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-slider.is-focus .thumb,html[data-theme="primitives"]  .bd-slider .thumb:focus-visible{box-shadow:0 0 0 2px var(--pr-ink),var(--bd-ring)}
html[data-theme="primitives"]  .bd-slider__val{font-weight:700;color:var(--pr-ink)}
html[data-theme="primitives"]  .bd-stepper{background:var(--bd-surface);box-shadow:0 0 0 2px var(--pr-ink);border-radius:999px;padding:3px;height:48px}
html[data-theme="primitives"]  .bd-stepper button{width:42px;border-radius:50%;background:var(--pr-ink);color:var(--pr-cream)}
html[data-theme="primitives"]  .bd-stepper button:hover{background:var(--pr-blue)}html[data-theme="primitives"]  .bd-stepper button:active{background:var(--pr-or)}
html[data-theme="primitives"]  .bd-stepper button:disabled{background:var(--bd-surface-3);color:#6b665c;box-shadow:inset 0 0 0 2px #8a847a}
html[data-theme="primitives"]  .bd-stepper button:focus-visible{box-shadow:var(--bd-ring)}
html[data-theme="primitives"]  .bd-stepper output{border:0;font-weight:800}
html[data-theme="primitives"]  .bd-progress{height:20px;border-radius:20px;background:var(--bd-surface);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-progress>i{border-radius:20px;background:var(--pr-blue);border-right:2px solid var(--pr-ink)}
html[data-theme="primitives"]  .bd-meter{gap:6px;height:18px}html[data-theme="primitives"]  .bd-meter i{border-radius:50%;box-shadow:0 0 0 2px var(--pr-ink);background:var(--bd-surface);aspect-ratio:1;flex:none;width:18px}
html[data-theme="primitives"]  .bd-meter i.on{background:var(--pr-blue);box-shadow:0 0 0 2px var(--pr-ink)}html[data-theme="primitives"]  .bd-meter i.on.hot{background:var(--pr-or)}
html[data-theme="primitives"]  .bd-spinner{border-color:#8a847a;border-top-color:var(--pr-or);border-width:3px}
html[data-theme="primitives"]  .bd-rating svg{fill:var(--bd-surface);stroke:var(--pr-ink);stroke-width:2}html[data-theme="primitives"]  .bd-rating svg.on{fill:var(--pr-yel)}
html[data-theme="primitives"]  .bd-skeleton{background:linear-gradient(90deg,#e6dfd0 25%,#f2ede4 50%,#e6dfd0 75%);background-size:200% 100%;border-radius:999px}
/* tooltip, toast, alert, accordion, pagination */
html[data-theme="primitives"]  .bd-tip__bubble{background:var(--pr-ink);color:var(--pr-cream);border-radius:999px;padding:7px 14px;box-shadow:none}
html[data-theme="primitives"]  .bd-tip__bubble::after{border-top-color:var(--pr-ink)}
html[data-theme="primitives"]  .bd-toast{border-radius:999px;box-shadow:0 0 0 2px var(--pr-ink),4px 4px 0 2px var(--pr-ink);padding-inline:18px;margin:0 4px 4px 0}
html[data-theme="primitives"]  .bd-toast svg{color:var(--pr-blue)}
html[data-theme="primitives"]  .bd-alert{background:var(--pr-yel);box-shadow:0 0 0 2px var(--pr-ink);border-radius:28px;color:var(--pr-ink)}html[data-theme="primitives"]  .bd-alert svg{color:var(--pr-ink)}
html[data-theme="primitives"]  .bd-alert--error{background:#fbd9d2;box-shadow:0 0 0 2px var(--pr-ink)}html[data-theme="primitives"]  .bd-alert--error svg{color:var(--bd-error)}
html[data-theme="primitives"]  .bd-pager .bd-btn{box-shadow:none;background:none;--h:44px;min-width:44px}html[data-theme="primitives"]  .bd-pager .bd-btn:hover{background:var(--pr-yel)}
html[data-theme="primitives"]  .bd-pager .bd-btn[aria-current="page"]{background:var(--pr-ink);color:var(--pr-cream);box-shadow:none}
html[data-theme="primitives"]  .bd-crumbs a:hover{background:var(--pr-yel)}
html[data-theme="primitives"]  .bd-acc{background:var(--bd-surface);box-shadow:0 0 0 2px var(--pr-ink);border-radius:32px}
html[data-theme="primitives"]  .bd-acc>details+details{border-top:2px solid var(--pr-ink)}
html[data-theme="primitives"]  .bd-acc summary:hover{background:var(--pr-yel)}html[data-theme="primitives"]  .bd-acc summary{font-weight:700}
/* surfaces */
html[data-theme="primitives"]  .bd-card,html[data-theme="primitives"]  .bd-tile,html[data-theme="primitives"]  .bd-quote,html[data-theme="primitives"]  .s-formcard,html[data-theme="primitives"]  .s-case__meta,html[data-theme="primitives"]  .s-case__proof li,html[data-theme="primitives"]  .pc-plate,html[data-theme="primitives"]  .pc .bd-slider,html[data-theme="primitives"]  .pc-datepick,html[data-theme="primitives"]  .pc-color,html[data-theme="primitives"]  .pc-sw,html[data-theme="primitives"]  .bd-modal,html[data-theme="primitives"]  .bd-soundmenu,html[data-theme="primitives"]  .bd-stylemenu{background:var(--bd-surface);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-card:hover{box-shadow:0 0 0 2px var(--pr-ink),6px 6px 0 2px var(--pr-ink);translate:-3px -3px}
html[data-theme="primitives"]  .bd-card__media{border-bottom:2px solid var(--pr-ink);background:var(--pr-yel)}
html[data-theme="primitives"]  .bd-card:nth-child(2) .bd-card__media{background:var(--pr-blue)}html[data-theme="primitives"]  .bd-card:nth-child(3) .bd-card__media{background:var(--pr-or)}html[data-theme="primitives"]  .bd-card:nth-child(4) .bd-card__media{background:#f2ede4}
html[data-theme="primitives"]  .bd-card__media::before{background:none;opacity:1;mask-image:none;-webkit-mask-image:none;inset:auto;right:-30px;bottom:-40px;width:150px;height:150px;border-radius:50%;background:rgba(20,18,16,.9)}
html[data-theme="primitives"]  .bd-card__logo{background:var(--bd-surface);padding:12px 22px;border-radius:999px;box-shadow:0 0 0 2px var(--pr-ink);opacity:1;box-sizing:content-box;z-index:1}
html[data-theme="primitives"]  .bd-card__media .bd-tag--lock{background:var(--bd-surface);z-index:2}
html[data-theme="primitives"]  .bd-card__media .bd-flag{z-index:2}
html[data-theme="primitives"]  .bd-tile__ico{border-radius:50%;background:var(--pr-yel);box-shadow:0 0 0 2px var(--pr-ink);color:var(--pr-ink)}
html[data-theme="primitives"]  .bd-tile:nth-child(2) .bd-tile__ico{background:var(--pr-blue);color:#fff}html[data-theme="primitives"]  .bd-tile:nth-child(3) .bd-tile__ico{background:var(--pr-or);color:#fff}html[data-theme="primitives"]  .bd-tile:nth-child(4) .bd-tile__ico{background:var(--pr-ink);color:var(--pr-cream)}
html[data-theme="primitives"]  .s-case__pair{background:var(--pr-yel);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-logo:hover,html[data-theme="primitives"]  .bd-logo.is-hover{background:var(--pr-yel);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-logo{border-radius:999px}
html[data-theme="primitives"]  .bd-event,html[data-theme="primitives"]  .bd-event:last-child{border-color:var(--pr-ink);border-width:2px}
html[data-theme="primitives"]  .bd-quote--empty{background:var(--bd-surface)}
html[data-theme="primitives"]  .bd-modal__lock{border-radius:50%;background:var(--pr-or);color:#fff;box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-modal__fine{border-top:2px solid var(--pr-ink)}
html[data-theme="primitives"]  .bd-tick{background:var(--pr-blue);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-modal__x{border-radius:50%}
html[data-theme="primitives"]  .bd-scrim{background:rgba(20,18,16,.62);backdrop-filter:none}
html[data-theme="primitives"]  .bd-dots i{box-shadow:0 0 0 2px var(--pr-ink);background:var(--bd-surface)}html[data-theme="primitives"]  .bd-dots i.on{background:var(--pr-or)}
html[data-theme="primitives"]  .bd-flag{border-radius:999px;border-style:solid;border-width:2px}
/* hero stand-ins */
html[data-theme="primitives"]  .pc{filter:none}
html[data-theme="primitives"]  .pc-plate,html[data-theme="primitives"]  .pc-datepick,html[data-theme="primitives"]  .pc-color,html[data-theme="primitives"]  .pc-sw{border-radius:32px}
html[data-theme="primitives"]  .pc-knob{background:conic-gradient(from 220deg,var(--pr-blue) 0 var(--a,55%),var(--bd-surface) var(--a,55%) 100%);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .pc-knob::before{background:var(--pr-cream);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .pc-knob::after{background:var(--pr-or);width:12px;height:12px;border-radius:50%;margin-left:-6px;top:10px;transform-origin:50% 26px}
html[data-theme="primitives"]  .pc-datepick .g i.on{background:var(--pr-or);border-radius:50%;color:#fff}
html[data-theme="primitives"]  .pc-color .area{background:var(--pr-or);border-radius:20px;box-shadow:0 0 0 2px var(--pr-ink)}html[data-theme="primitives"]  .pc-color .hue{box-shadow:0 0 0 2px var(--pr-ink)}
/* control bar */
html[data-theme="primitives"]  .bd-bar{padding:6px 8px;gap:4px}
html[data-theme="primitives"]  .bd-bar__sep{width:2px;height:30px;background:var(--pr-ink);border-radius:2px}
html[data-theme="primitives"]  .bd-bar__btn{border-radius:999px;color:var(--pr-ink);font-weight:700}
html[data-theme="primitives"]  .bd-bar__btn:hover,html[data-theme="primitives"]  .bd-bar__btn.is-hover{background:var(--pr-yel);color:var(--pr-ink)}
html[data-theme="primitives"]  .bd-bar__btn:active,html[data-theme="primitives"]  .bd-bar__btn.is-active,html[data-theme="primitives"]  .bd-bar__btn.is-busy,html[data-theme="primitives"]  .bd-bar__btn[aria-pressed="true"],html[data-theme="primitives"]  .bd-bar__btn[aria-expanded="true"]{background:var(--pr-ink);color:var(--pr-cream);box-shadow:none;transform:none}
html[data-theme="primitives"]  .bd-bar__btn:focus-visible,html[data-theme="primitives"]  .bd-bar__btn.is-focus{box-shadow:var(--bd-ring)}
html[data-theme="primitives"]  .bd-bar__btn .lbl{font-weight:700;font-size:12px}
html[data-theme="primitives"]  .bd-bar__btn--style .swatch{border-radius:50%;background:radial-gradient(circle,var(--pr-or) 0 38%,var(--pr-yel) 40%);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-bar__btn--style .txt .lbl{color:inherit}html[data-theme="primitives"]  .bd-bar__btn--style .txt .val{color:inherit}
html[data-theme="primitives"]  .bd-bar__btn--crazy{color:var(--pr-ink);background:var(--pr-yel)}
html[data-theme="primitives"]  .bd-bar__btn--crazy:hover{background:var(--pr-or);color:#fff}
html[data-theme="primitives"]  .bd-styleopt{border-radius:999px}
html[data-theme="primitives"]  .bd-styleopt:hover,html[data-theme="primitives"]  .bd-styleopt.is-hover{background:var(--pr-yel)}
html[data-theme="primitives"]  .bd-styleopt[aria-checked="true"]{background:var(--pr-ink);color:var(--pr-cream)}html[data-theme="primitives"]  .bd-styleopt[aria-checked="true"] small{color:#f2ede4}html[data-theme="primitives"]  .bd-styleopt[aria-checked="true"] .chk{color:var(--pr-yel)}
html[data-theme="primitives"]  .bd-stylegrp+.bd-stylegrp{border-top:2px solid var(--pr-ink)}
html[data-theme="primitives"]  .bd-stylemenu__head{background:var(--bd-surface)}
html[data-theme="primitives"]  .bd-stylemenu{border-radius:32px}
html[data-theme="primitives"]  .bd-soundmenu .bd-switch:hover{background:var(--pr-yel)}
/* swatches: the colour IS a circle */
html[data-theme="primitives"]  .bd-sw{background:none;box-shadow:none;padding:2px;width:84px;border-radius:32px;grid-template-rows:72px auto auto;justify-items:center;text-align:center}
html[data-theme="primitives"]  .bd-sw__chip{width:72px;border-radius:50%;box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-sw__name{font-weight:800;font-size:13px;color:var(--pr-ink)}
html[data-theme="primitives"]  .bd-sw__hex{color:var(--pr-ink);background:var(--pr-yel);padding:3px 8px;border-radius:999px;box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-sw:hover,html[data-theme="primitives"]  .bd-sw.is-hover,html[data-theme="primitives"]  .bd-sw:focus-visible,html[data-theme="primitives"]  .bd-sw[aria-pressed="true"]{box-shadow:none;transform:translateY(-4px)}
html[data-theme="primitives"]  .bd-sw:focus-visible,html[data-theme="primitives"]  .bd-sw.is-focus{box-shadow:var(--bd-ring)}
html[data-theme="primitives"]  .bd-sw[aria-pressed="true"] .bd-sw__chip{box-shadow:0 0 0 2px var(--pr-ink),0 0 0 6px var(--bd-surface),0 0 0 8px var(--pr-ink)}
html[data-theme="primitives"]  .bd-swatches[data-kind="card"]{background:var(--bd-surface);box-shadow:0 0 0 2px var(--pr-ink);border-radius:999px;padding:10px 16px;gap:0}
html[data-theme="primitives"]  .bd-swatches[data-kind="card"] .bd-sw{grid-template-rows:56px auto auto;max-width:none;min-width:48px;justify-items:center}
html[data-theme="primitives"]  .bd-swatches[data-kind="card"] .bd-sw__chip{width:56px;border-radius:50%!important;margin-inline:-6px;box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-swatches[data-kind="ring"]{background:var(--pr-yel);box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-swatches[data-kind="ring"] .bd-sw__chip{box-shadow:0 0 0 2px var(--pr-ink)}
html[data-theme="primitives"]  .bd-swatches[data-kind="ring"] .bd-sw__name{color:var(--pr-ink)}
html[data-theme="primitives"]  .bd-swatches[data-kind="ring"] .bd-sw__hex{background:none;box-shadow:none;padding:0}
html[data-theme="primitives"] media (prefers-reduced-motion:reduce){html[data-theme="primitives"]  .bd-btn,html[data-theme="primitives"]  .bd-sw{transition:none}}
html[data-theme="primitives"] .s-hero__hint{background:var(--pr-cream);color:var(--pr-ink);padding:8px 14px;border-radius:999px;box-shadow:0 0 0 2px var(--pr-ink);font-weight:600}
html[data-theme="primitives"] .bd-seg>[aria-selected="true"]:focus-visible,html[data-theme="primitives"] .bd-seg>[aria-selected="true"].is-focus,html[data-theme="primitives"] .bd-seg>[aria-pressed="true"]:focus-visible,html[data-theme="primitives"] .bd-seg>[aria-pressed="true"].is-focus,html[data-theme="primitives"] .bd-seg>[aria-checked="true"]:focus-visible,html[data-theme="primitives"] .bd-seg>[aria-checked="true"].is-focus,html[data-theme="primitives"] .bd-seg>.is-on:focus-visible,html[data-theme="primitives"] .bd-seg>.is-on.is-focus,html[data-theme="primitives"] .bd-tabs>[aria-selected="true"]:focus-visible,html[data-theme="primitives"] .bd-tabs>[aria-selected="true"].is-focus,html[data-theme="primitives"] .bd-styleopt[aria-checked="true"]:focus-visible,html[data-theme="primitives"] .bd-styleopt[aria-checked="true"].is-focus,html[data-theme="primitives"] .bd-pager .bd-btn[aria-current="page"]:focus-visible,html[data-theme="primitives"] .bd-pager .bd-btn[aria-current="page"].is-focus,html[data-theme="primitives"] .bd-nav__link[aria-current="true"]:focus-visible,html[data-theme="primitives"] .bd-nav__link[aria-current="true"].is-focus{box-shadow:var(--bd-ring)}