html,body{overflow-x:clip}body{min-width:320px}
::selection{background:var(--wb-color-signal-strong);color:var(--wb-color-on-signal)}
html[lang="ko"] body{word-break:keep-all;overflow-wrap:break-word}
html[lang="ko"] :is(p,li,dd,.docs-section-intro,.docs-home-copy__lead,.docs-home-copy__note,.docs-overview-hero p,.docs-overview-card__body strong,.docs-global-menu__target,.docs-global-search-result strong,.docs-global-search-result span){text-wrap:pretty}
html[lang="ko"] :is(h1,h2,h3,.docs-home-explore__head p){text-wrap:balance}
html[lang="ko"] :is(code,kbd,.wbds-breakable,.docs-reference-badge code,.docs-copy-chip){word-break:normal;overflow-wrap:anywhere;text-wrap:wrap}
.skip-link{position:fixed;z-index:100;left:var(--wb-space-3);top:var(--wb-space-3);padding:var(--wb-space-2) var(--wb-space-3);background:var(--wb-color-text);color:var(--wb-color-canvas);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.lab-header{min-height:76px;display:flex;align-items:center;gap:var(--wb-space-4);border-bottom:var(--wb-border)}.lab-identity{display:flex;align-items:baseline;gap:var(--wb-space-3);text-decoration:none;white-space:nowrap}.lab-identity strong{letter-spacing:-.03em}.lab-identity span{color:var(--wb-color-text-muted);font-size:.75rem}
.global-nav{display:flex;gap:var(--wb-space-4);align-items:center;min-width:0;overflow-x:auto;scrollbar-width:thin;padding-block:var(--wb-space-3);margin-left:auto}.global-nav a{flex:0 0 auto;text-decoration:none;color:var(--wb-color-text-muted);font-size:.78rem;white-space:nowrap}.global-nav a:hover,.global-nav a[aria-current=page]{color:var(--wb-color-text)}.global-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.lab-theme{display:flex;align-items:center;gap:var(--wb-space-2);margin-left:var(--wb-space-2)}.lab-theme .wbds-segmented{--wb-segment-count:3;flex:0 0 auto;min-width:156px}.lab-theme .wbds-segmented button{min-width:48px;display:grid;place-items:center;padding-inline:var(--wb-space-2)}.lab-theme-status{min-width:4.8rem;color:var(--wb-color-text-muted);font:.66rem/1.25 var(--wb-font-meta)}
.lab-intro{padding:var(--wb-space-20) 0 var(--wb-space-16)}.lab-intro h1{max-width:16ch;margin:var(--wb-space-3) 0 var(--wb-space-5);font-size:clamp(2.7rem,7vw,6rem);line-height:.95}.lab-lede{max-width:72ch;margin:0;color:var(--wb-color-text-muted);font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}
.home-status{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--wb-space-4);align-items:start;max-width:72ch;margin-top:var(--wb-space-8);padding-top:var(--wb-space-4);border-top:var(--wb-border)}.home-status p{margin:0;color:var(--wb-color-text-muted)}
.home-foundation,.home-directory,.home-specimens,.home-review{padding:var(--wb-space-16) 0;border-top:var(--wb-border)}.home-section-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:var(--wb-space-8);align-items:end;margin-bottom:var(--wb-space-8)}.home-section-head h2{margin:var(--wb-space-2) 0 0;font-size:clamp(1.8rem,3.8vw,3.4rem)}.home-section-head>a,.home-section-head>p{margin:0;color:var(--wb-color-text-muted)}
.swatch-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:var(--wb-border)}.swatch{min-height:136px;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--wb-space-1);padding:var(--wb-space-4);border-inline-end:var(--wb-border)}.swatch:last-child{border-inline-end:0}.swatch code{font-family:var(--wb-font-code);font-size:.73rem;color:inherit}.swatch[data-swatch=canvas]{background:var(--wb-color-canvas);color:var(--wb-color-text)}.swatch[data-swatch=ink]{background:var(--wb-color-text);color:var(--wb-color-canvas)}.swatch[data-swatch=action]{background:var(--wb-color-action);color:var(--wb-color-on-action)}.swatch[data-swatch=signal]{background:var(--wb-color-signal-strong);color:var(--wb-color-on-signal)}.home-foundation-note{color:var(--wb-color-text-muted);font:.8rem/1.6 var(--wb-font-meta)}
.home-link-list{border-top:var(--wb-border)}.home-link-list a{display:grid;grid-template-columns:56px minmax(150px,.45fr) minmax(0,1fr);gap:var(--wb-space-4);align-items:baseline;padding:var(--wb-space-5) 0;border-bottom:var(--wb-border);text-decoration:none}.home-link-list span{font:.72rem/1 var(--wb-font-meta);color:var(--wb-color-signal-strong)}.home-link-list strong{font-size:1.05rem}.home-link-list em{font-style:normal;color:var(--wb-color-text-muted)}
.home-specimen-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:var(--wb-border)}.home-specimen-list a{display:flex;justify-content:space-between;gap:var(--wb-space-4);padding:var(--wb-space-5) 0;text-decoration:none;border-bottom:var(--wb-border)}.home-specimen-list a:nth-child(odd){padding-right:var(--wb-space-6)}.home-specimen-list a:nth-child(even){border-left:var(--wb-border);padding-left:var(--wb-space-6)}.home-specimen-list span{color:var(--wb-color-text-muted)}
.home-review{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:var(--wb-space-8);align-items:end}.home-review h2{margin:var(--wb-space-2) 0;font-size:clamp(1.8rem,3vw,3rem)}.home-review p{color:var(--wb-color-text-muted)}.home-review-links{display:flex;flex-wrap:wrap;gap:var(--wb-space-3)}
.type-specimens{margin-top:var(--wb-space-8);border-top:var(--wb-border)}.type-specimens article{display:grid;grid-template-columns:56px minmax(220px,.8fr) minmax(0,1fr);gap:var(--wb-space-5);align-items:baseline;padding:var(--wb-space-5) 0;border-bottom:var(--wb-border)}.type-specimens h3{margin:0;font-size:1.35rem}.type-specimens p{margin:0;color:var(--wb-color-text-muted)}
.specimen-band{padding:var(--wb-space-6) 0;border-top:var(--wb-border)}.specimen-band h3{margin:0 0 var(--wb-space-4);font-size:.92rem}.specimen-row{display:flex;flex-wrap:wrap;gap:var(--wb-space-3);align-items:center}.specimen-row kbd{font-family:var(--wb-font-code);font-size:.7rem}.specimen-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wb-space-8)}.specimen-columns .specimen-band{min-width:0}.wbds-tabs{margin-top:var(--wb-space-6);padding-top:var(--wb-space-6);border-top:var(--wb-border)}
.ai-matrix{display:grid;gap:var(--wb-space-3);border-block:var(--wb-border);padding-block:var(--wb-space-4)}.ai-matrix>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--wb-space-4);align-items:center}
.lab-footer{min-height:88px;border-top:var(--wb-border);display:flex;justify-content:space-between;gap:var(--wb-space-4);align-items:center;color:var(--wb-color-text-muted);font-size:.78rem}.lab-footer a{color:inherit}
@media(max-width:1100px){.lab-header{flex-wrap:wrap;padding-block:var(--wb-space-3)}.global-nav{order:3;width:100%;margin-left:0}.lab-theme{margin-left:auto}}
@media(max-width:760px){.home-section-head,.home-review,.type-specimens article,.specimen-columns{grid-template-columns:1fr}.home-section-head{gap:var(--wb-space-3)}.swatch-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch:nth-child(2){border-inline-end:0}.swatch{border-bottom:var(--wb-border)}.home-link-list a{grid-template-columns:44px minmax(0,1fr);gap:var(--wb-space-3)}.home-link-list em{grid-column:2}.home-specimen-list{grid-template-columns:1fr}.home-specimen-list a:nth-child(n){padding-inline:0;border-left:0}.home-review{align-items:start}.lab-footer{align-items:flex-start;flex-direction:column;justify-content:center}.ai-matrix>div{grid-template-columns:1fr;gap:var(--wb-space-2)}}
@media(max-width:520px){.lab-identity{flex-direction:column;align-items:flex-start;gap:0}.lab-theme{width:100%;margin-left:0;justify-content:space-between}.lab-intro{padding-top:var(--wb-space-16)}.swatch-strip{grid-template-columns:1fr}.swatch{border-inline-end:0}.home-status{grid-template-columns:1fr}.global-nav{gap:var(--wb-space-3)}}


/* Docs v2 shared global shell · CP02 */
.docs-global-header{min-height:64px;display:flex;align-items:center;justify-content:flex-start;gap:var(--wb-space-6);border-bottom:var(--wb-border)}
.docs-global-brand{display:inline-flex;align-items:baseline;gap:var(--wb-space-3);min-width:0;color:var(--wb-color-text);text-decoration:none;white-space:nowrap}.docs-global-brand strong{letter-spacing:-.03em}.docs-global-brand span{color:var(--wb-color-text-muted);font-size:.75rem}
.docs-global-primary-nav{display:flex;align-items:center;gap:var(--wb-space-5);min-width:0}.docs-global-primary-nav a{position:relative;color:var(--wb-color-text-muted);font-size:.76rem;font-weight:500;text-decoration:none;white-space:nowrap}.docs-global-primary-nav a:hover{color:var(--wb-color-text)}.docs-global-primary-nav a[aria-current=page]{color:var(--wb-color-text)}.docs-global-primary-nav a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--wb-color-signal-strong)}.docs-global-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--wb-space-1);min-width:0;margin-left:auto}.docs-global-action{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--wb-space-2);padding:0 var(--wb-space-3);border:1px solid transparent;border-radius:var(--wb-radius-control);background:transparent;color:var(--wb-color-text-muted);font:inherit;cursor:pointer}.docs-global-action:hover{color:var(--wb-color-text);background:var(--wb-color-surface-muted)}.docs-global-action:focus-visible{outline:2px solid var(--wb-color-focus);outline-offset:2px}.docs-global-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.docs-global-action kbd{font:.66rem/1 var(--wb-font-code);color:var(--wb-color-text-muted);border:var(--wb-border);border-radius:var(--wb-radius-control);padding:.22rem .34rem;background:var(--wb-color-surface)}
.docs-global-search{min-width:148px;justify-content:flex-start}.docs-global-search kbd{margin-left:auto}.docs-global-action__label{font-size:.78rem}.docs-global-locale{font:.7rem/1 var(--wb-font-meta);letter-spacing:.06em}
@media(max-width:960px){.docs-global-primary-nav{display:none}}@media(max-width:760px){.docs-global-header{min-height:60px}.docs-global-search{min-width:40px}.docs-global-search .docs-global-action__label,.docs-global-search kbd{display:none}.docs-global-action{padding-inline:var(--wb-space-2)}.docs-global-brand span{display:none}}
@media(max-width:420px){.docs-global-actions{gap:0}.docs-global-action{min-width:38px;min-height:38px}.docs-global-brand strong{font-size:.92rem}}

.docs-global-footer{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:var(--wb-space-4);border-top:var(--wb-border);color:var(--wb-color-text-muted);font-size:.76rem}.docs-global-footer__brand{color:inherit;text-decoration:none}.docs-global-footer__brand:hover{color:var(--wb-color-text)}
@media(max-width:520px){.docs-global-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:var(--wb-space-2)}}


/* Docs v2 full menu · CP04 */
.docs-global-menu{width:min(1120px,calc(100vw - 48px));height:min(720px,calc(100dvh - 48px));max-width:none;max-height:none;padding:0;border:var(--wb-border);border-radius:var(--wb-radius-overlay);background:var(--wb-color-surface);color:var(--wb-color-text);box-shadow:var(--wb-shadow-overlay);overflow:hidden}.docs-global-menu::backdrop{background:color-mix(in srgb,var(--wb-color-text) 36%,transparent)}.docs-global-menu__frame{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;max-height:none}.docs-global-menu__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--wb-space-6);padding:var(--wb-space-6);border-bottom:var(--wb-border)}.docs-global-menu__filter{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--wb-space-3);padding:var(--wb-space-3) var(--wb-space-6);border-bottom:var(--wb-border);background:var(--wb-color-surface)}.docs-global-menu__filter svg{width:17px;height:17px;fill:none;stroke:var(--wb-color-text-muted);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.docs-global-menu__filter input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--wb-color-text);font:500 .88rem/1.4 var(--wb-font-body)}.docs-global-menu__filter input::placeholder{color:var(--wb-color-text-muted)}.docs-global-menu__filter kbd{font:.62rem/1 var(--wb-font-code);color:var(--wb-color-text-muted);border:var(--wb-border);border-radius:var(--wb-radius-control);padding:.22rem .34rem}.docs-global-menu__filter-results{list-style:none;margin:0;padding:var(--wb-space-2);display:grid}.docs-global-menu__filter-result{display:flex;align-items:center;justify-content:space-between;gap:var(--wb-space-4);padding:var(--wb-space-2) var(--wb-space-3);border-radius:var(--wb-radius-control)}.docs-global-menu__filter-result:has(a:hover){background:var(--wb-color-surface-muted)}.docs-global-menu__filter-copy{display:grid;min-width:0}.docs-global-menu__filter-copy .docs-global-menu__target{font-size:.84rem}.docs-global-menu__filter-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--wb-color-text-muted);font-size:.67rem;line-height:1.35}.docs-global-menu__empty{margin:0;padding:var(--wb-space-10) var(--wb-space-6);text-align:center;color:var(--wb-color-text-muted)}
.docs-global-menu__header h2{margin:var(--wb-space-1) 0 0;font:600 clamp(1.35rem,2.4vw,2rem)/1.15 var(--wb-font-body)}.docs-global-menu__nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:auto}.docs-global-menu__domain{min-width:0;padding:var(--wb-space-5);border-inline-end:var(--wb-border)}.docs-global-menu__domain:last-child{border-inline-end:0}.docs-global-menu__domain-title{margin:0 0 var(--wb-space-4);font-size:.86rem}.docs-global-menu__list{list-style:none;margin:0;padding:0}.docs-global-menu__list .docs-global-menu__list{margin:var(--wb-space-1) 0 var(--wb-space-2) var(--wb-space-3);padding-left:var(--wb-space-3);border-left:var(--wb-border)}.docs-global-menu__item{margin:0}.docs-global-menu__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--wb-space-2);min-height:30px}.docs-global-menu__target{display:inline-flex;align-items:center;min-width:0;padding:var(--wb-space-1) 0;color:var(--wb-color-text-muted);font-size:.78rem;line-height:1.35;text-decoration:none}.docs-global-menu__target:hover{color:var(--wb-color-text)}.docs-global-menu__target[aria-current=page]{color:var(--wb-color-text);font-weight:600}.docs-global-menu__target[aria-current=page]::before{content:"";width:5px;height:5px;margin-right:var(--wb-space-2);border-radius:50%;background:var(--wb-color-signal-strong);flex:0 0 auto}.docs-global-menu__target[data-unavailable=true]{color:var(--wb-color-text-muted);cursor:default}.docs-global-menu__meta{flex:0 0 auto;color:var(--wb-color-text-muted);font:.62rem/1.2 var(--wb-font-meta)}.docs-global-menu__status{margin:0;padding:var(--wb-space-4) var(--wb-space-6);border-top:var(--wb-border);color:var(--wb-color-text-muted)}
@media(max-width:900px){.docs-global-menu__nav{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-global-menu__domain{border-inline-end:var(--wb-border)}}
@media(max-width:620px){.docs-global-menu{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}.docs-global-menu__frame{height:100dvh;max-height:none}.docs-global-menu__header{padding:var(--wb-space-5)}.docs-global-menu__filter{padding-inline:var(--wb-space-5)}.docs-global-menu__nav{grid-template-columns:1fr}.docs-global-menu__domain{border-inline-end:0;padding:var(--wb-space-5)}.docs-global-menu__status{padding-inline:var(--wb-space-5)}}


/* Docs v2 command search · CP05 */
.docs-global-search-dialog{width:min(760px,calc(100vw - 40px));height:min(720px,calc(100dvh - 48px));max-width:none;max-height:none;padding:0;border:var(--wb-border);border-radius:var(--wb-radius-overlay);background:var(--wb-color-surface);color:var(--wb-color-text);box-shadow:var(--wb-shadow-overlay);overflow:hidden}.docs-global-search-dialog::backdrop{background:color-mix(in srgb,var(--wb-color-text) 36%,transparent)}.docs-global-search-dialog__frame{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;max-height:none}.docs-global-search-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--wb-space-5);padding:var(--wb-space-5) var(--wb-space-6);border-bottom:var(--wb-border)}.docs-global-search-dialog__header h2{margin:var(--wb-space-1) 0 0;font:600 1.35rem/1.2 var(--wb-font-body)}.docs-global-search-dialog__field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--wb-space-3);padding:var(--wb-space-4) var(--wb-space-6);border-bottom:var(--wb-border)}.docs-global-search-dialog__field svg{width:18px;height:18px;fill:none;stroke:var(--wb-color-text-muted);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.docs-global-search-dialog__field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--wb-color-text);font:500 1rem/1.4 var(--wb-font-body)}.docs-global-search-dialog__field input::placeholder{color:var(--wb-color-text-muted)}.docs-global-search-dialog__field kbd{font:.66rem/1 var(--wb-font-code);color:var(--wb-color-text-muted);border:var(--wb-border);border-radius:var(--wb-radius-control);padding:.24rem .38rem}.docs-global-search-dialog__results{overflow:auto;padding:var(--wb-space-2)}.docs-global-search-result{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title meta" "path meta";gap:2px var(--wb-space-4);padding:var(--wb-space-3) var(--wb-space-4);border-radius:var(--wb-radius-control);color:var(--wb-color-text);text-decoration:none;cursor:pointer}.docs-global-search-result strong{grid-area:title;font-size:.86rem}.docs-global-search-result span{grid-area:path;color:var(--wb-color-text-muted);font-size:.72rem}.docs-global-search-result em{grid-area:meta;align-self:center;color:var(--wb-color-text-muted);font:normal .62rem/1.2 var(--wb-font-meta)}.docs-global-search-result[data-active=true]{background:var(--wb-color-surface-muted)}.docs-global-search-result[data-unavailable=true]{color:var(--wb-color-text-muted);cursor:default}.docs-global-search-result[data-unavailable=true] strong{font-weight:500}.docs-global-search-dialog__empty{margin:0;padding:var(--wb-space-8) var(--wb-space-4);text-align:center;color:var(--wb-color-text-muted)}.docs-global-search-dialog__status{margin:0;padding:var(--wb-space-3) var(--wb-space-6);border-top:var(--wb-border);color:var(--wb-color-text-muted)}
@media(max-width:620px){.docs-global-search-dialog{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}.docs-global-search-dialog__frame{height:100dvh;max-height:none}.docs-global-search-dialog__header,.docs-global-search-dialog__field{padding-inline:var(--wb-space-5)}.docs-global-search-dialog__status{padding-inline:var(--wb-space-5)}}


/* WBDS canonical Home · CP21 visual follow-up */
.docs-home{padding-block:var(--wb-space-12) var(--wb-space-16)}
.docs-home-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(var(--wb-space-8),6vw,var(--wb-space-16));align-items:center;min-height:560px}
.docs-home-copy{max-width:680px}
.docs-home-copy h1{margin:var(--wb-space-3) 0 var(--wb-space-5);font-size:clamp(3.6rem,9vw,8.2rem);line-height:.84;letter-spacing:-.065em}
.docs-home-copy__lead{max-width:34ch;margin:0;color:var(--wb-color-text);font-size:clamp(1.02rem,1.7vw,1.28rem);line-height:1.72}
.docs-home-copy__note{max-width:52ch;margin:var(--wb-space-5) 0 0;color:var(--wb-color-text-muted);font-size:.86rem;line-height:1.75}
.docs-home-actions{display:flex;flex-wrap:wrap;gap:var(--wb-space-3);margin-top:var(--wb-space-6)}
.docs-home-primary-cta{min-height:44px;padding-inline:var(--wb-space-5)}
.docs-home-primary-cta span{font-weight:500}
.docs-home-visual{min-width:0;aspect-ratio:1/1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--wb-space-3);padding:var(--wb-space-5);border:var(--wb-border);border-radius:var(--wb-radius-panel);background:var(--wb-color-surface)}
.docs-home-visual__cell{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;border:var(--wb-border);border-radius:var(--wb-radius-control);background:var(--wb-color-canvas)}
.docs-home-visual__cell[data-tone=instrument]{background:var(--wb-color-instrument);color:var(--wb-color-instrument-text)}
.docs-home-visual__cell[data-tone=signal]{background:var(--wb-color-signal-soft)}
.docs-home-visual__cell[data-tone=action]{background:var(--wb-color-selection)}
.docs-home-visual__key{width:54%;min-height:38%;display:grid;place-items:center;border:1px solid currentColor;border-radius:var(--wb-radius-control);box-shadow:0 2px 0 currentColor;font:600 .7rem/1 var(--wb-font-meta)}
.docs-home-visual__dot{width:34%;aspect-ratio:1;border-radius:50%;background:var(--wb-color-signal-strong)}
.docs-home-visual__rail{width:68%;height:1px;background:var(--wb-color-border-strong)}
.docs-home-visual__rail::after{content:"";display:block;width:28%;aspect-ratio:1;margin-top:calc(-14% + .5px);margin-left:48%;border-radius:50%;background:var(--wb-color-action)}
.docs-home-visual__mark{width:34%;aspect-ratio:1;border-radius:var(--wb-radius-control);background:var(--wb-color-action)}
.docs-home-visual__type{font:600 clamp(1.25rem,3vw,2.8rem)/1 var(--wb-font-display);letter-spacing:-.04em}
.docs-home-visual__signal-pair{display:flex;gap:var(--wb-space-2);align-items:center}
.docs-home-visual__signal-pair i{width:12px;height:12px;border-radius:50%;background:var(--wb-color-signal-strong)}
.docs-home-visual__signal-pair i:last-child{background:var(--wb-color-action)}
.docs-home-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--wb-space-10);border-block:var(--wb-border)}
.docs-home-value{padding:var(--wb-space-6) var(--wb-space-5);border-inline-end:var(--wb-border)}
.docs-home-value:last-child{border-inline-end:0}.docs-home-value strong{display:block;margin-bottom:var(--wb-space-2);font-size:.9rem}.docs-home-value p{margin:0;color:var(--wb-color-text-muted);font-size:.78rem;line-height:1.65}
.docs-home-explore{margin-top:var(--wb-space-16);padding-top:var(--wb-space-8);border-top:var(--wb-border)}
.docs-home-explore__head{max-width:620px;margin-bottom:var(--wb-space-6)}.docs-home-explore__head h2{margin:0 0 var(--wb-space-2);font-size:1.8rem}.docs-home-explore__head p{margin:0;color:var(--wb-color-text-muted);line-height:1.7}
.docs-home-domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wb-space-4)}
.docs-home-domain{min-width:0;min-height:188px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--wb-space-6);padding:var(--wb-space-5);border:var(--wb-border);border-radius:var(--wb-radius-panel);background:var(--wb-color-surface);color:var(--wb-color-text);text-decoration:none;transition:background-color var(--wb-motion-fast) var(--wb-ease-standard),border-color var(--wb-motion-fast) var(--wb-ease-standard)}
.docs-home-domain:hover{background:var(--wb-color-surface-muted);border-color:var(--wb-color-border-strong)}
.docs-home-domain:focus-visible{outline:2px solid var(--wb-color-focus);outline-offset:3px}
.docs-home-domain span{color:var(--wb-color-text-muted);font:.68rem/1.4 var(--wb-font-meta)}
.docs-home-domain strong{font-size:1rem}
.docs-home-domain p{margin:var(--wb-space-2) 0 0;color:var(--wb-color-text-muted);font-size:.76rem;line-height:1.55}
.docs-home-domain em{font:normal .72rem/1 var(--wb-font-meta)}
@media(max-width:900px){.docs-home-hero{grid-template-columns:1fr;min-height:auto}.docs-home-visual{max-width:620px}.docs-home-domain-grid{grid-template-columns:1fr}}
@media(max-width:620px){.docs-home{padding-top:var(--wb-space-8)}.docs-home-copy h1{font-size:clamp(3.2rem,22vw,5.6rem)}.docs-home-visual{padding:var(--wb-space-3);gap:var(--wb-space-2)}.docs-home-values{grid-template-columns:1fr}.docs-home-value{border-inline-end:0;border-bottom:var(--wb-border)}.docs-home-value:last-child{border-bottom:0}}

/* Docs v2 shared Overview template · CP06 */
.docs-overview{padding-block:var(--wb-space-8) var(--wb-space-16)}.docs-overview-breadcrumb{display:flex;align-items:center;gap:var(--wb-space-2);margin-bottom:var(--wb-space-8);color:var(--wb-color-text-muted);font:.72rem/1.4 var(--wb-font-meta)}.docs-overview-breadcrumb a{color:inherit;text-decoration:none}.docs-overview-breadcrumb a:hover{color:var(--wb-color-text)}.docs-overview-hero{max-width:760px;padding-bottom:var(--wb-space-12)}.docs-overview-hero h1{margin:var(--wb-space-2) 0 var(--wb-space-4);font-size:clamp(2.4rem,6vw,5rem);line-height:.98;letter-spacing:-.04em}.docs-overview-hero p{margin:0;max-width:68ch;color:var(--wb-color-text-muted);font-size:1rem;line-height:1.75}.docs-overview-groups{display:grid;gap:var(--wb-space-12)}.docs-overview-group{padding-top:var(--wb-space-6);border-top:var(--wb-border)}.docs-section-heading{display:block;min-width:0}.docs-section-heading h2{margin:0}.docs-section-intro{max-width:var(--wb-size-reading);margin:var(--wb-space-2) 0 0;color:var(--wb-color-text-muted);font-size:.9rem;line-height:1.65}.docs-overview-group__head{margin-bottom:var(--wb-space-6)}.docs-overview-group__head h2{font-size:1.35rem}.docs-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wb-space-4)}.docs-overview-card{min-width:0;display:grid;grid-template-rows:auto 1fr;color:var(--wb-color-text);text-decoration:none;border:var(--wb-border);border-radius:var(--wb-radius-panel);background:var(--wb-color-surface);overflow:hidden}.docs-overview-card__preview{aspect-ratio:16/9;display:grid;place-items:center;padding:var(--wb-space-4);border:0;border-bottom:var(--wb-border);border-radius:0;background:var(--wb-color-surface-muted);overflow:hidden}.docs-overview-card__preview span{max-width:90%;color:var(--wb-color-text-muted);font:.68rem/1.35 var(--wb-font-meta);text-align:center}.docs-overview-card__body{min-width:0;display:grid;gap:var(--wb-space-2);padding:var(--wb-space-4) var(--wb-space-4) var(--wb-space-5)}.docs-overview-card__meta{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--wb-space-3)}.docs-overview-card__body strong{min-width:0;font-size:.86rem;line-height:1.35}.docs-overview-card__description{min-width:0;max-width:none;margin:0;color:var(--wb-color-text-muted);font-size:.72rem;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}.docs-overview-card__status{flex:0 0 auto;color:var(--wb-color-text-muted);font:.62rem/1.2 var(--wb-font-meta)}.docs-overview-card[data-detail-ready=true]:hover,.docs-overview-card[data-route-ready=true]:hover{border-color:var(--wb-color-border-strong);background:var(--wb-color-surface-muted)}.docs-overview-card__link:focus-visible{outline:2px solid var(--wb-color-focus);outline-offset:3px;border-radius:var(--wb-radius-panel)}.docs-overview-card[data-unavailable=true]{opacity:1}.docs-overview-card[data-unavailable=true] .docs-overview-card__body strong{color:var(--wb-color-text-muted)}.docs-overview-empty{grid-column:1/-1;padding:var(--wb-space-8);border:var(--wb-border);border-radius:var(--wb-radius-panel);background:var(--wb-color-surface-muted)}.docs-overview-empty strong{display:block;margin-bottom:var(--wb-space-2)}.docs-overview-empty p{margin:0;color:var(--wb-color-text-muted);line-height:1.65}
@media(max-width:900px){.docs-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.docs-overview{padding-top:var(--wb-space-6)}.docs-overview-grid{grid-template-columns:1fr 1fr}.docs-overview-hero{padding-bottom:var(--wb-space-10)}}
@media(max-width:440px){.docs-overview-grid{grid-template-columns:1fr}.docs-overview-card__preview{aspect-ratio:7/4}}


/* Docs v2 specimen frame · CP08 */
.docs-specimen-frame{min-width:0;max-width:100%;margin:var(--wb-space-6) 0 var(--wb-space-8);border:var(--wb-border);border-radius:var(--wb-radius-panel);overflow:hidden;background:var(--wb-color-surface)}.docs-specimen-frame__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--wb-space-5);padding:var(--wb-space-4) var(--wb-space-5);border-bottom:var(--wb-border);background:var(--wb-color-surface)}.docs-specimen-frame__head p{margin:var(--wb-space-1) 0 0;max-width:62ch;color:var(--wb-color-text-muted);font-size:.78rem;line-height:1.55}.docs-specimen-frame__axes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--wb-space-2)}.docs-specimen-axis{display:inline-flex;align-items:center;gap:var(--wb-space-2);padding:var(--wb-space-1) var(--wb-space-2);border:var(--wb-border);border-radius:var(--wb-radius-control);font:.66rem/1.25 var(--wb-font-meta)}.docs-specimen-axis span{color:var(--wb-color-text-muted)}.docs-specimen-axis strong{font-weight:600;color:var(--wb-color-text)}.docs-specimen-frame__stage{min-width:0;max-width:100%;contain:inline-size;position:relative;isolation:isolate;min-height:220px;display:grid;place-items:center;padding:clamp(var(--wb-space-6),5vw,var(--wb-space-12));overflow:auto}.docs-specimen-frame__stage::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--wb-color-surface-muted);filter:grayscale(1)}.docs-specimen-frame__content{min-width:0;max-width:100%;position:relative;z-index:1;max-width:100%}.docs-specimen-frame[data-specimen-align=start] .docs-specimen-frame__stage{place-items:center start}.docs-specimen-frame[data-specimen-align=stretch] .docs-specimen-frame__content{width:100%}.docs-specimen-frame[data-specimen-density=compact] .docs-specimen-frame__stage{min-height:160px;padding:var(--wb-space-5)}.docs-specimen-frame[data-specimen-density=spacious] .docs-specimen-frame__stage{min-height:320px;padding:var(--wb-space-16)}.docs-specimen-frame[data-specimen-theme=inherit]{color-scheme:inherit}
@media(max-width:620px){.docs-specimen-frame__head{flex-direction:column}.docs-specimen-frame__axes{justify-content:flex-start}.docs-specimen-frame__stage{min-height:180px;padding:var(--wb-space-5)}}


/* Docs v2 shared Detail template · CP09 */
.docs-detail{min-width:0;max-width:100%;contain:paint;overflow-x:clip;padding-block:var(--wb-space-8) var(--wb-space-16)}.docs-detail-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--wb-space-2);margin-bottom:var(--wb-space-8);color:var(--wb-color-text-muted);font:.72rem/1.4 var(--wb-font-meta)}.docs-detail-breadcrumb a{color:inherit;text-decoration:none}.docs-detail-breadcrumb a:hover{color:var(--wb-color-text)}.docs-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.35fr);gap:var(--wb-space-10);align-items:end;padding-bottom:var(--wb-space-10)}.docs-detail-hero--single{grid-template-columns:minmax(0,1fr)}.docs-detail-hero h1{margin:var(--wb-space-2) 0 var(--wb-space-4);font-size:clamp(2.6rem,6vw,5.4rem);line-height:.96;letter-spacing:-.045em}.docs-detail-hero p{margin:0;max-width:68ch;color:var(--wb-color-text-muted);font-size:1rem;line-height:1.75}.docs-detail-meta{display:grid;gap:var(--wb-space-2);margin:0}.docs-detail-meta>div{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);gap:var(--wb-space-3);padding-top:var(--wb-space-2);border-top:var(--wb-border)}.docs-detail-meta dt{color:var(--wb-color-text-muted);font:.66rem/1.4 var(--wb-font-meta)}.docs-detail-meta dd{margin:0;color:var(--wb-color-text-muted);font-size:.76rem;line-height:1.4}.docs-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:var(--wb-space-12);align-items:start;margin-top:var(--wb-space-12)}.docs-detail-content{min-width:0;max-width:100%}.docs-detail-section{min-width:0;max-width:100%;scroll-margin-top:var(--wb-space-8);padding:var(--wb-space-10) 0;border-top:var(--wb-border)}/* Detail-flow invariant: first-child flush applies only to unmodified flow sections. Modifier sections such as --meta own their complete box frame. */
.docs-detail-content>.docs-detail-section:first-child:not([class*="docs-detail-section--"]){padding-top:0;border-top:0}.docs-detail-section__head{margin-bottom:var(--wb-space-6)}.docs-detail-section__head h2{font-size:1.45rem}.docs-detail-section__body{min-width:0;max-width:100%;overflow-wrap:anywhere;color:var(--wb-color-text);line-height:1.7}.docs-detail-section__body>:first-child{margin-top:0}.docs-detail-section__body>:last-child{margin-bottom:0}.docs-detail-toc{position:sticky;top:var(--wb-space-6);padding-left:var(--wb-space-4);border-left:var(--wb-border)}.docs-detail-toc strong{display:block;margin-bottom:var(--wb-space-3);font-size:.72rem}.docs-detail-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:var(--wb-space-2)}.docs-detail-toc a{color:var(--wb-color-text-muted);font-size:.72rem;line-height:1.4;text-decoration:none}.docs-detail-toc a:hover{color:var(--wb-color-text)}.docs-detail-related{padding:var(--wb-space-10) 0;border-top:var(--wb-border)}.docs-detail-related h2{margin:0 0 var(--wb-space-4);font-size:1rem}.docs-detail-related>div{display:flex;flex-wrap:wrap;gap:var(--wb-space-3)}.docs-detail-related a,.docs-detail-related span{display:inline-flex;padding:var(--wb-space-2) var(--wb-space-3);border:var(--wb-border);border-radius:var(--wb-radius-control);color:var(--wb-color-text-muted);font-size:.76rem;text-decoration:none}.docs-detail-related a:hover{color:var(--wb-color-text);border-color:var(--wb-color-border-strong)}.docs-detail-related span[aria-disabled=true]{color:var(--wb-color-text-muted)}.docs-detail-pager{display:grid;grid-template-columns:1fr 1fr;margin-top:var(--wb-space-10);border-top:var(--wb-border)}.docs-detail-pager>a,.docs-detail-pager>span{min-width:0;min-height:112px;padding:var(--wb-space-5) var(--wb-space-4)}.docs-detail-pager>a{display:flex;flex-direction:column;justify-content:center;gap:var(--wb-space-2);border-radius:var(--wb-radius-panel);color:var(--wb-color-text);text-decoration:none;transition:background-color 140ms ease,border-color 140ms ease}.docs-detail-pager>a:last-child{text-align:right;align-items:flex-end}.docs-detail-pager__direction{display:inline-flex;align-items:center;gap:6px;color:var(--wb-color-text-muted);font:.68rem/1.3 var(--wb-font-meta)}.docs-detail-pager__direction svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.docs-detail-pager a strong{max-width:34ch;font-size:.9rem;line-height:1.4}.docs-detail-pager__group{color:var(--wb-color-text-muted);font-weight:500}.docs-detail-pager__link:hover,.docs-detail-pager__link:focus-visible{background:var(--wb-color-surface-muted)}.docs-detail-pager__link:hover .docs-detail-pager__direction,.docs-detail-pager__link:hover .docs-detail-pager__group,.docs-detail-pager__link:focus-visible .docs-detail-pager__direction,.docs-detail-pager__link:focus-visible .docs-detail-pager__group{color:var(--wb-color-text)}.docs-detail-pager__link:focus-visible{outline:2px solid var(--wb-color-focus);outline-offset:2px}
@media(max-width:900px){.docs-detail-layout{grid-template-columns:1fr}.docs-detail-toc{position:static;order:-1;padding:var(--wb-space-4) 0;border-left:0;border-block:var(--wb-border)}.docs-detail-toc ol{display:flex;flex-wrap:wrap;gap:var(--wb-space-2) var(--wb-space-4)}}
.docs-detail-section--meta{margin-top:var(--wb-space-8);margin-bottom:var(--wb-space-10);padding:var(--wb-space-6);border:var(--wb-border);border-radius:var(--wb-radius-panel);background:var(--wb-color-surface)}
.docs-detail-section--meta .docs-detail-section__head{display:block;margin-bottom:var(--wb-space-6);padding-bottom:var(--wb-space-4);border-bottom:var(--wb-border)}
.docs-detail-section--meta .docs-detail-section__head h2{font-size:1rem;letter-spacing:-.01em}
.docs-detail-section--meta .docs-section-intro{max-width:68ch;margin:var(--wb-space-2) 0 0;font-size:.78rem;line-height:1.65}
.docs-detail-section--meta .docs-detail-section__body{font-size:.82rem;color:var(--wb-color-text-muted)}
.docs-detail-section--meta ::selection{background:var(--wb-color-signal-strong);color:var(--wb-color-on-signal)}
@media(max-width:680px){.docs-detail{padding-top:var(--wb-space-6)}.docs-detail-hero{grid-template-columns:1fr;gap:var(--wb-space-4);padding-bottom:var(--wb-space-8)}.docs-detail-section{padding-block:var(--wb-space-8)}.docs-detail-pager{grid-template-columns:1fr 1fr}.docs-detail-pager>a,.docs-detail-pager>span{min-height:88px}.docs-detail-pager a strong{font-size:.8rem}.docs-detail-pager>a:last-child{text-align:right;align-items:flex-end}}


.docs-detail-sources{margin-top:var(--wb-space-8);padding-block:var(--wb-space-4);border-top:var(--wb-border);color:var(--wb-color-text-muted)}.docs-detail-sources__head{display:flex;align-items:center;gap:var(--wb-space-2);font:.72rem/1.4 var(--wb-font-meta)}.docs-detail-sources__count{font-variant-numeric:tabular-nums}.docs-detail-sources__list{display:flex;flex-wrap:wrap;gap:var(--wb-space-2);padding-top:var(--wb-space-3);transition:max-height 160ms ease}.docs-detail-sources__list>span{padding:var(--wb-space-1) var(--wb-space-2);border:var(--wb-border);border-radius:var(--wb-radius-control);background:var(--wb-color-surface);font-size:.68rem}.docs-detail-sources[data-collapsible=true][data-expanded=false] .docs-detail-sources__list{max-height:var(--docs-source-collapsed-height);overflow:hidden}.docs-detail-sources__toggle{display:inline-flex;align-items:center;gap:4px;margin-top:var(--wb-space-3);padding:0;border:0;background:transparent;color:var(--wb-color-text-muted);font:.7rem/1.4 var(--wb-font-meta);cursor:pointer}.docs-detail-sources__toggle[hidden]{display:none}.docs-detail-sources__toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform 160ms ease}.docs-detail-sources[data-expanded=true] .docs-detail-sources__toggle svg{transform:rotate(180deg)}.docs-detail-sources__toggle:hover{color:var(--wb-color-text)}.docs-detail-sources__toggle:focus-visible{outline:2px solid var(--wb-color-focus);outline-offset:3px;border-radius:var(--wb-radius-control)}

/* Foundations > Color vertical slice · CP10 */
.docs-color-live-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;border:var(--wb-border);border-radius:var(--wb-radius-panel);overflow:hidden;background:var(--wb-color-surface)}.docs-color-live-palette>div{min-height:156px;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--wb-space-2);padding:var(--wb-space-4);border-inline-end:var(--wb-border);background:var(--docs-live-color)}.docs-color-live-palette>div:last-child{border-inline-end:0}.docs-color-live-palette span,.docs-color-live-palette code{display:inline-flex;align-self:flex-start;padding:2px 5px;border-radius:var(--wb-radius-control);background:var(--wb-color-surface);color:var(--wb-color-text)}.docs-color-live-palette span{font-size:.72rem;font-weight:600}.docs-color-live-palette code{font-size:.62rem}
.docs-color-role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--wb-border)}.docs-color-role-list article{padding:var(--wb-space-5) 0;border-bottom:var(--wb-border)}.docs-color-role-list article:nth-child(odd){padding-right:var(--wb-space-6)}.docs-color-role-list article:nth-child(even){padding-left:var(--wb-space-6);border-left:var(--wb-border)}.docs-color-role-list p{margin:var(--wb-space-2) 0 0;color:var(--wb-color-text-muted)}
.docs-color-theme-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--wb-space-6)}.docs-color-theme{min-width:0;padding:var(--wb-space-2);border:var(--wb-border);border-radius:var(--wb-radius-panel);background:var(--wb-color-surface-muted)}.docs-color-theme>header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--wb-space-3);padding:var(--wb-space-2) var(--wb-space-1) var(--wb-space-3)}.docs-color-theme>header span{color:var(--wb-color-text-muted);font-size:.72rem}.docs-color-theme__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--docs-context-border,var(--wb-color-border));border-radius:var(--wb-radius-control);overflow:hidden;background:var(--docs-context-surface,var(--wb-color-surface));color:var(--docs-context-text,var(--wb-color-text))}.docs-color-token{min-width:0;padding:var(--wb-space-3);border-right:1px solid var(--docs-context-border,var(--wb-color-border));border-bottom:1px solid var(--docs-context-border,var(--wb-color-border));background:var(--docs-context-surface,var(--wb-color-surface));color:var(--docs-context-text,var(--wb-color-text))}.docs-color-token:nth-child(2n){border-right:0}.docs-color-token:nth-last-child(-n+2){border-bottom:0}.docs-color-token__chip{display:block;height:54px;margin-bottom:var(--wb-space-3);border:1px solid var(--docs-context-border,var(--wb-color-border));border-radius:var(--wb-radius-control);background:var(--docs-color-value)}.docs-color-token__name{display:block;font-size:.74rem;font-weight:600;color:var(--docs-context-text,var(--wb-color-text))}.docs-color-token code{display:block;margin-top:2px;color:var(--docs-context-muted,var(--wb-color-text-muted));font-size:.64rem}
.docs-color-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wb-space-4)}.docs-color-state-grid article{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:var(--wb-space-3);align-items:start;padding:var(--wb-space-4) 0;border-top:var(--wb-border)}.docs-color-state-grid article>span{width:18px;height:18px;margin-top:2px;border-radius:var(--wb-radius-control);background:var(--docs-state-color)}.docs-color-state-grid strong{font-size:.82rem}.docs-color-state-grid p{grid-column:2;margin:var(--wb-space-1) 0 0;color:var(--wb-color-text-muted);font-size:.78rem}.docs-color-state-grid [data-color-state=action]{--docs-state-color:var(--wb-color-action)}.docs-color-state-grid [data-color-state=signal]{--docs-state-color:var(--wb-color-signal-strong)}.docs-color-state-grid [data-color-state=critical]{--docs-state-color:var(--wb-color-critical)}.docs-color-state-grid [data-color-state=positive]{--docs-state-color:var(--wb-color-positive)}.docs-color-state-grid [data-color-state=caution]{--docs-state-color:var(--wb-color-caution)}.docs-color-state-grid [data-color-state=info]{--docs-state-color:var(--wb-color-info)}.docs-color-state-grid [data-color-state=focus]{--docs-state-color:var(--wb-color-focus)}
.docs-guidance-stack{display:grid;gap:var(--wb-space-6)}.docs-guidance-stack>article{padding-top:var(--wb-space-4);border-top:var(--wb-border)}.docs-guidance-stack>article:first-child{padding-top:0;border-top:0}.docs-guidance-stack h3{margin:0 0 var(--wb-space-2);font-size:.94rem}.docs-guidance-stack p{margin:0;color:var(--wb-color-text-muted)}
.docs-color-token-group{margin-top:var(--wb-space-8)}.docs-color-token-group:first-child{margin-top:0}.docs-color-token-group h3{margin:0 0 var(--wb-space-3);font-size:.9rem}.docs-color-table-wrap{min-width:0;max-width:100%;contain:inline-size;overflow:auto;border:var(--wb-border);border-radius:var(--wb-radius-panel)}.docs-color-token-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;background:var(--wb-color-surface)}.docs-color-token-table th,.docs-color-token-table td{padding:var(--wb-space-3) var(--wb-space-4);border-bottom:var(--wb-border);text-align:left;vertical-align:middle}.docs-color-token-table thead th{color:var(--wb-color-text-muted);font:.65rem/1.3 var(--wb-font-meta)}.docs-color-token-table tbody th{font-size:.76rem}.docs-color-token-table tbody tr:last-child>*{border-bottom:0}.docs-color-context-cell{background:var(--docs-context-surface);color:var(--docs-context-text);border-left:1px solid var(--docs-context-border)!important;border-bottom-color:var(--docs-context-border)!important}.docs-color-token-table thead .docs-color-context-cell{color:var(--docs-context-muted)}.docs-color-value{display:inline-flex;align-items:center;gap:var(--wb-space-2);max-width:100%}.docs-color-value i{width:18px;height:18px;flex:0 0 auto;border:1px solid var(--docs-context-border,var(--wb-color-border));border-radius:var(--wb-radius-control);background:var(--docs-color-value)}
.docs-copy-chip{min-width:0;position:relative;display:inline-flex;align-items:center;max-width:100%;min-height:28px;padding:3px 8px;border:1px solid var(--docs-context-border,var(--wb-color-border));border-radius:var(--wb-radius-round);background:color-mix(in srgb,var(--docs-context-text,var(--wb-color-text)) 6%,var(--docs-context-surface,var(--wb-color-surface)));color:var(--docs-context-text,var(--wb-color-text));cursor:pointer;overflow:hidden;transition:background var(--wb-motion-fast) var(--wb-ease-standard),border-color var(--wb-motion-fast) var(--wb-ease-standard)}.docs-copy-chip:hover{background:color-mix(in srgb,var(--docs-context-text,var(--wb-color-text)) 11%,var(--docs-context-surface,var(--wb-color-surface)));border-color:var(--docs-context-muted,var(--wb-color-border-strong))}.docs-copy-chip:focus-visible,.docs-reference-badge__copy:focus-visible{outline:2px solid var(--wb-color-focus);outline-offset:2px}.docs-copy-chip code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 .67rem/1.25 var(--wb-font-code);color:inherit}.docs-copy-chip__icon,.docs-copy-chip__feedback{position:absolute;inset-block:0;right:0;display:flex;align-items:center;justify-content:center;padding-inline:7px;background:var(--docs-context-surface,var(--wb-color-surface));opacity:0;pointer-events:none;transition:opacity var(--wb-motion-fast) var(--wb-ease-standard)}.docs-copy-chip__icon svg,.docs-copy-chip__feedback svg,.docs-reference-badge svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.docs-copy-chip__feedback{font:.64rem/1.25 var(--wb-font-meta)}.docs-copy-chip:hover .docs-copy-chip__icon,.docs-copy-chip:focus-visible .docs-copy-chip__icon{opacity:1}.docs-copy-chip[data-copy-state=copied] .docs-copy-chip__icon{opacity:0}.docs-copy-chip[data-copy-state=copied] .docs-copy-chip__feedback{opacity:1}.docs-copy-chip[data-copy-state=copied]{border-color:var(--wb-color-positive);color:var(--wb-color-positive)}.docs-copy-chip--hex{padding-inline:7px}
.docs-reference-badge{display:inline-flex;align-items:stretch;max-width:100%;border:var(--wb-border);border-radius:var(--wb-radius-control);background:var(--wb-color-surface-muted);color:var(--wb-color-text);overflow:hidden}.docs-reference-badge__target{display:inline-flex;align-items:center;gap:var(--wb-space-2);min-width:0;padding:6px 9px;color:inherit;text-decoration:none}.docs-reference-badge__file{display:inline-flex;flex:0 0 auto;color:var(--wb-color-text-muted)}.docs-reference-badge code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 .67rem/1.3 var(--wb-font-code)}.docs-reference-badge__copy{display:inline-grid;place-items:center;width:30px;flex:0 0 30px;padding:0;border:0;border-left:var(--wb-border);background:transparent;color:var(--wb-color-text-muted);cursor:pointer}.docs-reference-badge__copy:hover{background:var(--wb-color-surface);color:var(--wb-color-text)}.docs-reference-badge__copy-success{display:none}.docs-reference-badge__copy[data-copy-state=copied]{background:var(--wb-color-positive-soft);color:var(--wb-color-positive)}.docs-reference-badge__copy[data-copy-state=copied] .docs-reference-badge__copy-idle{display:none}.docs-reference-badge__copy[data-copy-state=copied] .docs-reference-badge__copy-success{display:inline-flex}
.docs-do-dont{display:grid;grid-template-columns:1fr 1fr;gap:var(--wb-space-8)}.docs-do-dont article{padding-top:var(--wb-space-4);border-top:4px solid var(--docs-guidance-color)}.docs-do-dont [data-guidance=do]{--docs-guidance-color:var(--wb-color-positive)}.docs-do-dont [data-guidance=dont]{--docs-guidance-color:var(--wb-color-critical)}.docs-guidance-label{display:inline-flex;align-items:center;gap:var(--wb-space-2);color:var(--docs-guidance-color);font-weight:700}.docs-guidance-mark{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border:2px solid currentColor;border-radius:50%;font:700 .78rem/1 var(--wb-font-body)}.docs-do-dont ul{margin:var(--wb-space-3) 0 0;padding-left:1.15rem}.docs-do-dont li+li{margin-top:var(--wb-space-2)}
.docs-color-contrast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wb-space-3);margin-top:var(--wb-space-2);padding-top:2px;overflow:visible}.docs-color-contrast-card{box-sizing:border-box;min-height:104px;padding:var(--wb-space-5) var(--wb-space-4);border:1px solid var(--wb-color-border);border-radius:var(--wb-radius-panel);background:var(--wb-color-surface);background-clip:padding-box;overflow:visible}.docs-color-contrast-card strong{display:block;padding-top:1px;font:700 1.45rem/1.2 var(--wb-font-body);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.docs-color-contrast-card span{display:block;margin-top:var(--wb-space-2);color:var(--wb-color-text-muted);font-size:.76rem;line-height:1.5}
.docs-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wb-space-4)}.docs-source-list article{padding:var(--wb-space-4);border-top:var(--wb-border)}.docs-source-list strong{display:block;margin:var(--wb-space-2) 0}.docs-source-reference-row{display:flex;flex-wrap:wrap;gap:var(--wb-space-2);margin:var(--wb-space-2) 0 var(--wb-space-3)}.docs-source-list p{margin:0;color:var(--wb-color-text-muted);font-size:.78rem}
@media(max-width:820px){.docs-color-live-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-color-live-palette>div{border-bottom:var(--wb-border)}.docs-color-live-palette>div:nth-child(2n){border-inline-end:0}.docs-color-theme-pair,.docs-do-dont{grid-template-columns:1fr}.docs-source-list{grid-template-columns:1fr}}
@media(max-width:620px){.docs-color-role-list,.docs-color-state-grid,.docs-color-contrast-grid{grid-template-columns:1fr}.docs-color-role-list article:nth-child(odd),.docs-color-role-list article:nth-child(even){padding-inline:0;border-left:0}.docs-color-live-palette{grid-template-columns:1fr}.docs-color-live-palette>div{min-height:110px;border-inline-end:0}}


/* Docs v2 · CP11 component-detail polish */
.docs-specimen-frame[data-specimen-variant=section]{margin:var(--wb-space-3) 0 var(--wb-space-4)}
.docs-specimen-frame[data-specimen-variant=section] .docs-specimen-frame__head{padding:var(--wb-space-2) var(--wb-space-3)}
.docs-specimen-frame[data-specimen-variant=section] .docs-specimen-frame__stage{min-height:116px;padding:var(--wb-space-4)}
.docs-specimen-frame[data-specimen-variant=section]+p{margin-top:0}
.docs-detail .docs-section-intro{max-width:none}
.docs-button-specimen-row{justify-content:center}
.docs-button-specimen-row+p{margin-top:var(--wb-space-4)}
.docs-reference-badge__copy-idle{display:inline-flex;align-items:center;justify-content:center;inline-size:14px;block-size:14px;line-height:0}
.docs-reference-badge__copy-success{align-items:center;justify-content:center;inline-size:14px;block-size:14px;line-height:0}
.docs-reference-badge__copy svg{display:block}
.docs-detail-toc a{transition:color var(--wb-motion-fast) var(--wb-ease-standard),font-weight var(--wb-motion-fast) var(--wb-ease-standard)}
.docs-detail-toc a[aria-current="location"]{color:var(--wb-color-action);font-weight:700}


/* Components > AI & Agentic > Presence · CP15 */
.docs-presence-primary{position:relative;display:grid;place-items:center;min-width:180px;min-height:180px}
.docs-presence-primary-control{appearance:none;inline-size:100%;max-inline-size:460px;min-height:320px;place-self:center;margin-inline:auto;box-sizing:border-box;display:grid;place-items:center;align-content:center;gap:var(--wb-space-4);padding:var(--wb-space-6);border:0;border-radius:var(--wb-radius-panel);background:transparent;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.docs-presence-primary-control:hover,.docs-presence-primary-control:active,.docs-presence-primary-control[aria-pressed=true]{background:transparent}
@media(pointer:fine){.docs-presence-primary-control{cursor:pointer}}
.docs-presence-primary-control:focus-visible{outline:2px solid var(--wb-color-focus);outline-offset:4px}
.docs-presence-primary-status{display:grid;justify-items:center;gap:var(--wb-space-1);min-height:42px;text-align:center}
.docs-presence-primary-status strong{font-size:.82rem}
.docs-presence-primary-mode{display:inline-flex;align-items:center;gap:6px;color:var(--wb-color-text-muted);font:.68rem/1.4 var(--wb-font-meta)}
.docs-presence-primary-mode svg{inline-size:13px;block-size:13px;fill:currentColor}
.docs-presence-primary-control[data-presence-cycle-mode=play] [data-presence-mode-icon=standby],
.docs-presence-primary-control[data-presence-cycle-mode=standby] [data-presence-mode-icon=play]{display:none}
.docs-presence-transition-orb{position:absolute;left:50%;top:69%;inline-size:26px;block-size:26px;border-radius:50%;background:var(--wb-color-signal-strong);opacity:0;transform:translate(-50%,-50%) scale(.18);pointer-events:none}
.docs-presence-primary-control[data-cycle-transition=out] .wbds-presence-pair__agent{animation:docs-presence-agent-out .24s var(--wb-ease-standard) both}
.docs-presence-primary-control[data-cycle-transition=in] .wbds-presence-pair__agent,
.docs-presence-primary-control[data-cycle-transition=resume] .wbds-presence-pair__agent{animation:docs-presence-agent-in .42s var(--wb-ease-standard) both}
.docs-presence-primary-control[data-cycle-transition=blocked] .wbds-presence-pair__user{animation:docs-presence-user-attend .42s var(--wb-ease-standard) both}
.docs-presence-primary-control[data-cycle-bridge=orb][data-cycle-transition=out] .docs-presence-transition-orb{animation:docs-presence-orb-out .24s var(--wb-ease-standard) both}
.docs-presence-primary-control[data-cycle-bridge=orb][data-cycle-transition=in] .docs-presence-transition-orb{animation:docs-presence-orb-in .42s var(--wb-ease-standard) both}
@keyframes docs-presence-agent-out{from{opacity:1;transform:translateX(-50%) scale(1)}to{opacity:.72;transform:translateX(-50%) translateY(4px) scale(.91)}}
@keyframes docs-presence-agent-in{from{opacity:.68;transform:translateX(-50%) translateY(4px) scale(.91)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@keyframes docs-presence-user-attend{0%{transform:translateX(-50%)}55%{transform:translateX(-50%) translateY(2px) scale(.98)}100%{transform:translateX(-50%)}}
@keyframes docs-presence-orb-out{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}70%,100%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes docs-presence-orb-in{0%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.6)}}
html[data-wb-motion=reduced] .docs-presence-primary-control [class*=docs-presence-transition],
html[data-wb-motion=reduced] .docs-presence-primary-control .wbds-presence-pair__agent,
html[data-wb-motion=reduced] .docs-presence-primary-control .wbds-presence-pair__user{animation:none}
.docs-presence-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wb-space-6);width:100%}
.docs-presence-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wb-space-8);width:100%}
.docs-presence-comparison--single{grid-template-columns:1fr;max-width:360px;margin-inline:auto}
.docs-presence-size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:var(--wb-space-8);width:100%}
.docs-presence-expression-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--wb-space-6);width:100%}
.docs-presence-expression-grid .wbds-presence-avatar{--wb-presence-size:68px}
.docs-presence-sample{min-width:0;display:grid;justify-items:center;align-content:start;gap:var(--wb-space-2);text-align:center}
.docs-presence-sample__stage{min-height:112px;display:grid;place-items:center}
.docs-presence-sample strong{font-size:.78rem}
.docs-presence-sample>span{max-width:26ch;color:var(--wb-color-text-muted);font-size:.7rem;line-height:1.45}
.docs-presence-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--wb-space-6);margin-bottom:var(--wb-space-8)}
.docs-presence-review-grid article{padding:var(--wb-space-5) 0;border-top:4px solid var(--docs-presence-review-color)}
.docs-presence-review-grid [data-review-status=accepted]{--docs-presence-review-color:var(--wb-color-positive)}
.docs-presence-review-grid [data-review-status=focus]{--docs-presence-review-color:var(--wb-color-signal-strong)}
.docs-presence-review-grid strong{display:block;margin:var(--wb-space-2) 0;font-size:.95rem}
.docs-presence-review-grid p{margin:0;color:var(--wb-color-text-muted);font-size:.8rem;line-height:1.6}
@media(max-width:820px){.docs-presence-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-presence-expression-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-presence-review-grid{grid-template-columns:1fr}}
@media(max-width:620px){.docs-presence-comparison,.docs-presence-size-grid,.docs-presence-state-grid{grid-template-columns:1fr}.docs-presence-sample__stage{min-height:96px}}


/* Docs v2 · review polish: menu filter + source-linked ready thumbnails */
.docs-global-menu__nav{align-content:start}
.docs-global-menu__nav[data-mode=filter]{display:block}
.docs-global-menu__filter-results{width:100%;align-content:start;align-items:start}
.docs-global-menu__empty{align-self:start}
.docs-overview-card{position:relative}
.docs-overview-card__preview{position:relative}
.docs-overview-card__preview[data-overview-thumbnail=ready]{background:color-mix(in srgb,var(--wb-color-surface) 70%,var(--wb-color-surface-muted))}
.docs-overview-card__preview-live{position:absolute;inset:var(--wb-space-4);box-sizing:border-box;inline-size:auto;block-size:auto;display:grid;place-items:center;align-content:center;justify-content:center;min-width:0;min-height:0;max-width:none;max-height:none;overflow:hidden;pointer-events:none}
.docs-overview-card__preview-live>*{max-width:100%;max-height:100%;align-self:center;justify-self:center}
@media(max-width:620px){.docs-overview-card__preview-live{inset:var(--wb-space-3)}}
.docs-overview-card__ready{display:none}
.docs-overview-thumb-seal{width:min(122px,54%);aspect-ratio:1;color:var(--wb-color-text)}
.docs-overview-thumb-seal svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.docs-overview-thumb-color{display:grid;grid-template-columns:repeat(5,28px);gap:6px;align-items:end}
.docs-overview-thumb-color i{display:block;width:28px;border:1px solid color-mix(in srgb,var(--wb-color-border-strong) 75%,transparent);border-radius:var(--wb-radius-control);background:var(--docs-overview-swatch)}
.docs-overview-thumb-color i:nth-child(1){height:44px}.docs-overview-thumb-color i:nth-child(2){height:62px}.docs-overview-thumb-color i:nth-child(3){height:76px}.docs-overview-thumb-color i:nth-child(4){height:54px}.docs-overview-thumb-color i:nth-child(5){height:68px}
.docs-overview-thumb-action-context{width:min(250px,94%);display:grid;gap:var(--wb-space-4);padding:var(--wb-space-4);border:var(--wb-border);border-radius:var(--wb-radius-panel);background:var(--wb-color-surface)}
.docs-overview-thumb-action-context__copy{display:grid;gap:6px}
.docs-overview-thumb-action-context__copy strong{font-size:.76rem}
.docs-overview-thumb-action-context__copy i{display:block;height:4px;border-radius:var(--wb-radius-round);background:var(--wb-color-border-strong)}
.docs-overview-thumb-action-context__copy i:last-child{width:64%}
.docs-overview-thumb-action-context__actions{display:flex;justify-content:flex-end;gap:6px;align-items:center}
.docs-overview-thumb-action-context .wbds-button{min-height:30px;padding-inline:9px;font-size:.6rem;pointer-events:none}
.docs-overview-card__preview[data-overview-thumbnail-kind=button] .wbds-button{pointer-events:none}
.docs-overview-card__preview[data-overview-thumbnail-kind=presence] .wbds-presence-pair{transform:scale(.82)}
.docs-overview-card__link{position:absolute;inset:0;z-index:2;border-radius:var(--wb-radius-panel)}
.docs-overview-card__link:focus-visible{outline:2px solid var(--wb-color-focus);outline-offset:4px}
.docs-overview-card[data-unavailable=true]{opacity:1}.docs-overview-card[data-unavailable=true] .docs-overview-card__body strong{color:var(--wb-color-text-muted)}


/* Docs anatomy mapping · composite Detail specimens */
.docs-specimen-frame[data-specimen-anatomy=annotated] .docs-specimen-frame__content{width:100%}
.docs-specimen-frame[data-specimen-anatomy=annotated] .docs-specimen-frame__stage{overflow:visible}
.docs-anatomy-target{position:relative;min-width:0}
.docs-anatomy-rail{--docs-anatomy-boundary-gap:var(--wb-space-2);--docs-anatomy-cap:var(--wb-space-2);position:relative;align-self:stretch;min-width:0;min-height:var(--wb-space-6)}
.docs-anatomy-target[data-docs-anatomy-side=left] .docs-anatomy-rail{grid-column:1}
.docs-anatomy-target[data-docs-anatomy-side=right] .docs-anatomy-rail{grid-column:3}
.docs-anatomy-target__content{grid-column:2;min-width:0}
.docs-anatomy-indicator{appearance:none;position:absolute;z-index:3;left:50%;width:40px;height:40px;display:grid;place-items:center;margin:0;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);color:var(--wb-color-signal-strong);font:700 .66rem/1 var(--wb-font-mono);font-variant-numeric:tabular-nums;text-align:center;text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer;touch-action:manipulation}
.docs-anatomy-indicator:focus-visible,.docs-anatomy-list__number:focus-visible{outline:2px solid var(--wb-color-focus);outline-offset:3px}
.docs-anatomy-rail[data-docs-anatomy-kind=point] .docs-anatomy-indicator{top:var(--wb-space-3)}
.docs-anatomy-rail[data-docs-anatomy-kind=range] .docs-anatomy-indicator{top:50%}
.docs-anatomy-rail[data-docs-anatomy-kind=point]::after,.docs-anatomy-rail[data-docs-anatomy-kind=range]::after{content:"";position:absolute;border-top:1px solid var(--wb-color-signal-strong)}
.docs-anatomy-target[data-docs-anatomy-side=left] .docs-anatomy-rail[data-docs-anatomy-kind=point]::after{left:calc(50% + 14px);right:var(--docs-anatomy-boundary-gap);top:var(--wb-space-3)}
.docs-anatomy-target[data-docs-anatomy-side=right] .docs-anatomy-rail[data-docs-anatomy-kind=point]::after{right:calc(50% + 14px);left:var(--docs-anatomy-boundary-gap);top:var(--wb-space-3)}
.docs-anatomy-target[data-docs-anatomy-side=left] .docs-anatomy-rail[data-docs-anatomy-kind=range]::after{left:calc(50% + 14px);right:calc(var(--docs-anatomy-boundary-gap) + var(--docs-anatomy-cap));top:50%}
.docs-anatomy-target[data-docs-anatomy-side=right] .docs-anatomy-rail[data-docs-anatomy-kind=range]::after{right:calc(50% + 14px);left:calc(var(--docs-anatomy-boundary-gap) + var(--docs-anatomy-cap));top:50%}
.docs-anatomy-range-bracket{position:absolute;top:var(--wb-space-2);bottom:var(--wb-space-2);width:var(--docs-anatomy-cap)}
.docs-anatomy-target[data-docs-anatomy-side=left] .docs-anatomy-range-bracket{right:var(--docs-anatomy-boundary-gap);border-left:1px solid var(--wb-color-signal-strong)}
.docs-anatomy-target[data-docs-anatomy-side=right] .docs-anatomy-range-bracket{left:var(--docs-anatomy-boundary-gap);border-right:1px solid var(--wb-color-signal-strong)}
.docs-anatomy-range-bracket::before,.docs-anatomy-range-bracket::after{content:"";position:absolute;width:100%;border-top:1px solid var(--wb-color-signal-strong)}
.docs-anatomy-range-bracket::before{top:0}
.docs-anatomy-range-bracket::after{bottom:0}
.docs-anatomy-target[data-docs-anatomy-side=left] .docs-anatomy-range-bracket::before,.docs-anatomy-target[data-docs-anatomy-side=left] .docs-anatomy-range-bracket::after{left:0}
.docs-anatomy-target[data-docs-anatomy-side=right] .docs-anatomy-range-bracket::before,.docs-anatomy-target[data-docs-anatomy-side=right] .docs-anatomy-range-bracket::after{right:0}
.docs-anatomy-list{--docs-anatomy-list-number-col:48px;--docs-anatomy-highlight-inset:var(--wb-space-3);list-style:none;margin:0;padding:0;border-top:var(--wb-border)}
.docs-anatomy-list>li{display:grid;grid-template-columns:var(--docs-anatomy-list-number-col) minmax(0,1fr);gap:var(--wb-space-4);padding:var(--wb-space-5) 0;border-bottom:var(--wb-border);scroll-margin-top:var(--wb-space-8)}
.docs-anatomy-list__number{appearance:none;align-self:start;width:40px;height:40px;display:grid;place-items:center;margin:-11px 0 0 -12px;padding:0;border:0;background:transparent;color:var(--wb-color-signal-strong);font:700 .68rem/1 var(--wb-font-mono);font-variant-numeric:tabular-nums;text-align:center;text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer;touch-action:manipulation}
.docs-anatomy-target{scroll-margin-top:var(--wb-space-8)}
.docs-anatomy-target__content>:first-child,.docs-anatomy-explanation{position:relative;isolation:isolate;z-index:0}
.docs-anatomy-target__content>:first-child::before,.docs-anatomy-explanation::before{content:"";position:absolute;z-index:-1;inset-block:calc(-1 * var(--wb-space-2));inset-inline:calc(-1 * var(--wb-space-3));pointer-events:none;background:transparent;box-shadow:none}
.docs-anatomy-target__content>[data-docs-anatomy-subject-focus=true]:first-child::before,.docs-anatomy-explanation[data-docs-anatomy-subject-focus=true]::before{background:var(--wb-color-signal-soft);box-shadow:inset 2px 0 0 var(--wb-color-signal-strong)}
@media(prefers-reduced-motion:no-preference){
  .docs-anatomy-target__content>:first-child::before,.docs-anatomy-explanation::before{transition:background-color 180ms ease,box-shadow 180ms ease}
}
@media(pointer:coarse){
  .docs-anatomy-indicator,.docs-anatomy-list__number{width:48px;height:48px}
  .docs-anatomy-list__number{margin:-15px 0 0 -16px}
}
@media(hover:hover){
  .docs-anatomy-indicator:hover,.docs-anatomy-list__number:hover{color:var(--wb-color-signal-hover);text-decoration-color:currentColor}
  .docs-anatomy-rail:has(.docs-anatomy-indicator:hover)::after{border-top-color:var(--wb-color-signal-hover)}
  .docs-anatomy-rail:has(.docs-anatomy-indicator:hover) .docs-anatomy-range-bracket,.docs-anatomy-rail:has(.docs-anatomy-indicator:hover) .docs-anatomy-range-bracket::before,.docs-anatomy-rail:has(.docs-anatomy-indicator:hover) .docs-anatomy-range-bracket::after{border-color:var(--wb-color-signal-hover)}
}
.docs-anatomy-list h3{margin:0;font-size:1rem}
.docs-anatomy-list p{margin:var(--wb-space-2) 0 0;color:var(--wb-color-text-muted);line-height:1.65}
@media(max-width:620px){
  .docs-specimen-frame[data-specimen-anatomy=annotated] .docs-specimen-frame__stage{overflow:auto;padding-inline:var(--wb-space-4)}
  .docs-anatomy-rail{--docs-anatomy-boundary-gap:var(--wb-space-1);--docs-anatomy-cap:var(--wb-space-1)}
  .docs-anatomy-target[data-docs-anatomy-side=left] .docs-anatomy-rail[data-docs-anatomy-kind=point]::after{left:calc(50% + 10px)}
  .docs-anatomy-target[data-docs-anatomy-side=right] .docs-anatomy-rail[data-docs-anatomy-kind=point]::after{right:calc(50% + 10px)}
  .docs-anatomy-target[data-docs-anatomy-side=left] .docs-anatomy-rail[data-docs-anatomy-kind=range]::after{left:calc(50% + 10px)}
  .docs-anatomy-target[data-docs-anatomy-side=right] .docs-anatomy-rail[data-docs-anatomy-kind=range]::after{right:calc(50% + 10px)}
}

/* Components > Patterns · CP16 */
.docs-pattern-live{width:min(100%,980px);margin-inline:auto}
.docs-pattern-live--workbench{display:grid;gap:0;border-block:var(--wb-border);padding-block:var(--wb-space-2)}
.docs-pattern-live--editorial{--docs-anatomy-content-max:780px;--docs-anatomy-rail-min:56px;width:100%;max-width:none;display:grid;grid-template-columns:minmax(var(--docs-anatomy-rail-min),1fr) minmax(0,var(--docs-anatomy-content-max)) minmax(var(--docs-anatomy-rail-min),1fr)}
.docs-pattern-live--editorial>header{grid-column:2;padding-bottom:var(--wb-space-6)}
.docs-pattern-live--editorial>header h3{margin:0 0 var(--wb-space-4);font-size:clamp(1.8rem,4vw,3.4rem);line-height:1}
.docs-pattern-live--editorial>header p{margin:0;color:var(--wb-color-text-muted);line-height:1.7}
.docs-pattern-live--editorial>.docs-anatomy-target{grid-column:1/-1;display:grid;grid-template-columns:minmax(var(--docs-anatomy-rail-min),1fr) minmax(0,var(--docs-anatomy-content-max)) minmax(var(--docs-anatomy-rail-min),1fr);margin-block:var(--wb-space-8)}
.docs-pattern-live--editorial>.docs-anatomy-target:last-child{margin-block-end:0}
.docs-pattern-live--editorial .docs-pattern-editorial-prose{max-width:var(--wb-size-reading)}.docs-pattern-live--editorial .docs-pattern-editorial-prose>h4{margin-top:0}
.docs-pattern-live--editorial .docs-anatomy-target__content>.wbds-figure{margin:0}
@media(max-width:620px){
  .docs-pattern-live--editorial{--docs-anatomy-rail-min:52px;grid-template-columns:var(--docs-anatomy-rail-min) minmax(0,1fr) var(--docs-anatomy-rail-min)}
  .docs-pattern-live--editorial>header{grid-column:2}
  .docs-pattern-live--editorial>.docs-anatomy-target{grid-template-columns:var(--docs-anatomy-rail-min) minmax(0,1fr) var(--docs-anatomy-rail-min)}
}
.docs-pattern-live--utility{border-block:var(--wb-border)}.docs-pattern-live--utility .wbds-task-layout{padding-block:var(--wb-space-4)}.docs-pattern-live--utility .wbds-approval-footer{position:static;margin-top:var(--wb-space-3)}
.docs-pattern-live--ai{border-block:var(--wb-border)}.docs-pattern-ai-head{display:flex;flex-wrap:wrap;gap:var(--wb-space-3);align-items:center;padding:var(--wb-space-4) 0;border-bottom:var(--wb-border)}.docs-pattern-live--ai .wbds-review-panel h3{margin:var(--wb-space-2) 0}.docs-pattern-live--ai .wbds-review-panel p{margin:0;color:var(--wb-color-text-muted)}.docs-pattern-ai-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--wb-space-8);padding:var(--wb-space-6) 0}
.docs-pattern-detail-copy{max-width:74ch;color:var(--wb-color-text-muted);line-height:1.75}.docs-pattern-maturity{padding:var(--wb-space-5) 0;border-top:4px solid var(--wb-color-action);margin-bottom:var(--wb-space-5)}.docs-pattern-maturity strong{display:block;margin:var(--wb-space-2) 0}.docs-pattern-maturity p{margin:0;max-width:74ch;color:var(--wb-color-text-muted)}
.docs-overview-thumb-workbench{width:min(210px,88%);transform:scale(.82)}.docs-overview-thumb-workbench .wbds-workbench-header{padding-block:var(--wb-space-2)}.docs-overview-thumb-workbench .wbds-context-strip{font-size:.65rem;padding-block:var(--wb-space-2)}
.docs-overview-thumb-editorial{display:grid;gap:5px;width:min(180px,84%)}.docs-overview-thumb-editorial strong{font-size:.9rem}.docs-overview-thumb-editorial i{display:block;height:4px;border-radius:var(--wb-radius-round);background:var(--wb-color-border-strong)}.docs-overview-thumb-editorial i:nth-last-child(1){width:62%}
.docs-overview-thumb-utility{width:min(210px,88%);transform:scale(.72)}.docs-overview-thumb-utility .wbds-page-header{padding-block:var(--wb-space-2)}.docs-overview-thumb-utility .wbds-page-header p{margin-top:2px;font-size:.68rem}.docs-overview-thumb-utility .wbds-form-section{padding-block:var(--wb-space-3);gap:var(--wb-space-3)}.docs-overview-thumb-utility .wbds-form-section__fields i{display:block;height:22px;border:var(--wb-border);border-radius:var(--wb-radius-control)}
.docs-overview-thumb-ai{display:grid;gap:var(--wb-space-3);width:min(200px,86%)}.docs-overview-thumb-ai .wbds-review-panel{padding-block:var(--wb-space-3)}.docs-overview-thumb-ai .wbds-review-panel strong{display:block;margin-top:var(--wb-space-1);font-size:.78rem}
@media(max-width:760px){.docs-pattern-ai-columns{grid-template-columns:1fr}}

.docs-domain-gateway{margin:0 0 var(--wb-space-12);padding-top:var(--wb-space-6);border-top:var(--wb-border)}
.docs-domain-gateway__head{margin-bottom:var(--wb-space-5)}
.docs-domain-gateway__head h2{font-size:1.35rem}
.docs-domain-gateway__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wb-space-4)}
.docs-domain-gateway__card{min-width:0;min-height:178px;display:grid;grid-template-rows:auto 1fr auto;gap:var(--wb-space-5);padding:var(--wb-space-5);border:var(--wb-border);border-radius:var(--wb-radius-panel);background:var(--wb-color-surface);color:var(--wb-color-text);text-decoration:none}
.docs-domain-gateway__card:hover{border-color:var(--wb-color-border-strong);background:var(--wb-color-surface-muted)}
.docs-domain-gateway__card:focus-visible{outline:2px solid var(--wb-color-focus);outline-offset:3px}
.docs-domain-gateway__index{color:var(--wb-color-text-muted);font:.66rem/1 var(--wb-font-meta)}
.docs-domain-gateway__card strong{display:block;font-size:1rem}
.docs-domain-gateway__card p{margin:var(--wb-space-2) 0 0;color:var(--wb-color-text-muted);font-size:.76rem;line-height:1.55}
.docs-domain-gateway__open{align-self:end;color:var(--wb-color-text-muted);font:.7rem/1 var(--wb-font-meta)}
@media(max-width:760px){.docs-domain-gateway__grid{grid-template-columns:1fr}}

/* Getting Started · CP17 */
.docs-gs-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--wb-space-5);column-gap:var(--wb-space-8);border-top:var(--wb-border)}
.docs-gs-principle{padding:var(--wb-space-6) 0;border-bottom:var(--wb-border)}.docs-gs-principles>.docs-gs-principle:nth-last-child(-n+2){border-bottom:0}.docs-gs-principle h3{margin:var(--wb-space-2) 0;font-size:1rem}.docs-gs-principle p{margin:0;color:var(--wb-color-text-muted);line-height:1.65}
.docs-gs-list{margin:0;padding-left:1.2rem;color:var(--wb-color-text-muted);line-height:1.7}.docs-gs-list li+li{margin-top:var(--wb-space-2)}.docs-gs-list--ordered{padding-left:1.35rem}
.docs-gs-callout,.docs-gs-source-note{padding:var(--wb-space-5) 0 var(--wb-space-5) calc(var(--wb-space-4) + 8px);border-block:var(--wb-border);position:relative}.docs-gs-callout::before,.docs-gs-source-note::before{content:"";position:absolute;left:0;top:calc(var(--wb-space-5) + .45em);width:8px;height:8px;background:var(--wb-color-signal-strong)}.docs-gs-callout p,.docs-gs-source-note p{margin:var(--wb-space-2) 0 0;color:var(--wb-color-text-muted);max-width:76ch;line-height:1.65}
.docs-gs-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:var(--wb-border);border-left:var(--wb-border)}.docs-gs-reference-grid article{padding:var(--wb-space-5);border-right:var(--wb-border);border-bottom:var(--wb-border)}.docs-gs-reference-grid strong{display:block;font-size:1.45rem}.docs-gs-reference-grid span{color:var(--wb-color-text-muted);font-size:.72rem}
.docs-overview-thumb-document{display:grid;gap:var(--wb-space-2);width:min(190px,86%);text-align:left}.docs-overview-thumb-document strong{font-size:.84rem}.docs-overview-thumb-document>div{display:grid;gap:5px}.docs-overview-thumb-document i{display:block;height:4px;border-radius:var(--wb-radius-round);background:var(--wb-color-border-strong)}.docs-overview-thumb-document i:nth-child(2){width:82%}.docs-overview-thumb-document i:nth-child(3){width:62%}.docs-overview-thumb-document small{color:var(--wb-color-text-muted);font-size:.62rem}
@media(max-width:760px){.docs-gs-principles{grid-template-columns:1fr}.docs-gs-principles>.docs-gs-principle:nth-last-child(2){border-bottom:var(--wb-border)}.docs-gs-principles>.docs-gs-principle:last-child{border-bottom:0}.docs-gs-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.docs-gs-reference-grid{grid-template-columns:1fr}}

.docs-gs-art--principles-image{width:100%;height:100%;overflow:hidden;border-radius:0}.docs-gs-art--principles-image img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}

/* Utilities · CP18 */
.docs-utilities-audit .wbds-table td small{display:block;margin-top:var(--wb-space-2);max-width:54ch;color:var(--wb-color-text-muted);line-height:1.5}.docs-utilities-audit__decision{font:700 .66rem/1 var(--wb-font-meta);text-transform:uppercase;letter-spacing:.05em}.docs-utilities-audit__decision[data-decision=publish]{color:var(--wb-color-positive)}.docs-utilities-audit__decision[data-decision=defer]{color:var(--wb-color-caution)}.docs-utilities-audit__decision[data-decision=reject]{color:var(--wb-color-text-muted)}
.docs-utility-measure-demo{display:grid;gap:var(--wb-space-4);width:100%;padding:var(--wb-space-3) 0}.docs-utility-measure-demo>div{position:relative;min-height:48px;display:grid;place-items:center;border:1px dashed var(--wb-color-border-strong);background:color-mix(in srgb,var(--wb-color-surface) 72%,var(--wb-color-surface-muted))}.docs-utility-measure-demo span{font:.7rem/1 var(--wb-font-code);color:var(--wb-color-text-muted)}
.docs-utility-hidden-demo{display:flex;align-items:center;justify-content:center;gap:var(--wb-space-5);min-height:100px}.docs-utility-hidden-demo svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.docs-utility-hidden-demo>div{display:grid;gap:var(--wb-space-1)}.docs-utility-hidden-demo>div span{max-width:38ch;color:var(--wb-color-text-muted);font-size:.76rem}
.docs-utility-breakable-demo{width:min(260px,100%);padding:var(--wb-space-4);border:var(--wb-border);background:var(--wb-color-surface);font-family:var(--wb-font-code);line-height:1.5}
.docs-utility-copy{max-width:76ch;color:var(--wb-color-text-muted);line-height:1.7}
.docs-overview-thumb-layout{display:grid;gap:6px;width:150px}.docs-overview-thumb-layout i{display:block;height:10px;border:1px solid var(--wb-color-border-strong);background:var(--wb-color-surface)}.docs-overview-thumb-layout i:nth-child(2){width:82%;margin-inline:auto}.docs-overview-thumb-layout i:nth-child(3){width:56%;margin-inline:auto}
.docs-overview-thumb-hidden{display:grid;place-items:center;gap:var(--wb-space-2)}.docs-overview-thumb-hidden>span:first-child{display:grid;place-items:center;width:36px;height:36px;border:var(--wb-border-strong);border-radius:var(--wb-radius-control);font-size:1.2rem}.docs-overview-thumb-hidden small{color:var(--wb-color-text-muted);font-size:.62rem}
.docs-overview-thumb-breakable{display:block;width:150px;padding:var(--wb-space-2);border:var(--wb-border);font-size:.65rem;line-height:1.4;text-align:left}

/* Docs thumbnail source-linkage · CP19 */
.docs-overview-card__preview[data-overview-thumbnail=none]{align-content:center;gap:var(--wb-space-2);text-align:center}.docs-overview-card__preview[data-overview-thumbnail=none]>span{color:var(--wb-color-text-muted);font:.68rem/1.35 var(--wb-font-meta)}.docs-overview-card__preview[data-overview-thumbnail=none]>small{max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--wb-color-text-muted);font:.58rem/1.3 var(--wb-font-code)}
.docs-overview-card[data-route-ready=true] .docs-overview-card__preview{background:var(--wb-color-surface-muted)}

/* CP21 visual punch-list · mobile thumbnails + disabled states */
/* preview-live geometry is owned by symmetric inset; never add width:100% here */
.docs-overview-card__preview[data-overview-thumbnail=ready]{padding-inline:clamp(10px,3vw,18px)}
.docs-overview-thumb-document{width:min(100%,320px);max-width:none}
.docs-overview-thumb-workbench{width:min(100%,320px);transform:none}
.docs-overview-thumb-editorial{width:min(100%,300px)}
.docs-overview-thumb-utility{width:min(100%,320px);transform:none}
.docs-overview-thumb-ai{width:min(100%,300px)}
.docs-overview-thumb-layout{width:min(100%,280px)}
.docs-overview-thumb-breakable{width:min(100%,260px)}
.docs-global-menu__item[data-status=planned][data-availability=unavailable]{opacity:1}
.docs-global-menu__item[data-status=deferred][data-availability=unavailable]{opacity:1}
.docs-global-menu__filter-result[data-status=planned][data-availability=unavailable]{opacity:1}
.docs-global-menu__filter-result[data-status=deferred][data-availability=unavailable]{opacity:1}
.docs-global-menu__target[data-unavailable=true]{color:var(--wb-color-text-muted);cursor:default}
.docs-global-search-result[data-status=planned][data-unavailable=true]{opacity:1}
.docs-global-search-result[data-status=deferred][data-unavailable=true]{opacity:1}
.docs-overview-card[data-status=planned][data-unavailable=true]{opacity:1}
.docs-overview-card[data-status=deferred][data-unavailable=true]{opacity:1}
@media(max-width:620px){.docs-overview-thumb-document,.docs-overview-thumb-workbench,.docs-overview-thumb-editorial,.docs-overview-thumb-utility,.docs-overview-thumb-ai{width:96%}.docs-overview-card__preview[data-overview-thumbnail=ready]{padding-inline:var(--wb-space-3)}}

/* CP21 follow-up · WBDS conceptual illustration family */
.docs-gs-art{position:relative;width:min(100%,330px);height:132px;margin-inline:auto;overflow:hidden;color:var(--wb-color-text)}
.docs-gs-art i,.docs-gs-art span,.docs-gs-art b,.docs-gs-art small{box-sizing:border-box}
.docs-gs-art small{color:var(--wb-color-text-muted);font:600 .54rem/1 var(--wb-font-meta);letter-spacing:.06em}
.docs-gs-art--principles{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:var(--wb-space-5);align-items:center;padding-inline:var(--wb-space-4)}
.docs-gs-art__principle-field{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;align-content:center}
.docs-gs-art__principle-field i{display:block;aspect-ratio:1;border:var(--wb-border);border-radius:var(--wb-radius-control);background:var(--wb-color-surface)}
.docs-gs-art__principle-field i:nth-child(2),.docs-gs-art__principle-field i:nth-child(6){background:var(--wb-color-signal-soft);border-color:var(--wb-color-signal)}
.docs-gs-art__principle-field i:nth-child(4){background:var(--wb-color-selection);border-color:var(--wb-color-action)}
.docs-gs-art__core{height:78px;display:grid;place-items:center;align-content:center;gap:8px;border:var(--wb-border-strong);border-radius:var(--wb-radius-control);background:var(--wb-color-instrument);color:var(--wb-color-instrument-text)}
.docs-gs-art__core b{font:700 .66rem/1 var(--wb-font-meta);letter-spacing:.04em}.docs-gs-art__core span{width:28px;height:3px;background:var(--wb-color-signal)}

.docs-gs-art--build{display:grid;align-items:center;padding-inline:var(--wb-space-5)}
.docs-gs-art__rail{position:absolute;left:12%;right:12%;top:50%;height:1px;background:var(--wb-color-border-strong)}
.docs-gs-art__stages{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--wb-space-4);align-items:center}
.docs-gs-art__stages span{height:62px;display:grid;place-items:end start;padding:8px;border:var(--wb-border-strong);border-radius:var(--wb-radius-control);background:var(--wb-color-surface)}
.docs-gs-art__stages span[data-stage=contract]{height:78px;background:var(--wb-color-selection)}.docs-gs-art__stages span[data-stage=docs]{height:92px;background:var(--wb-color-instrument);border-color:var(--wb-color-instrument);color:var(--wb-color-instrument-text)}.docs-gs-art__stages span[data-stage=review]{height:70px;background:var(--wb-color-signal-soft);border-color:var(--wb-color-signal)}
.docs-gs-art__stages span[data-stage=docs] small{color:var(--wb-color-instrument-muted)}

.docs-gs-art--a11y{display:grid;grid-template-columns:72px 104px minmax(0,1fr);gap:var(--wb-space-5);align-items:center;padding-inline:var(--wb-space-5)}
.docs-gs-art--a11y kbd{display:grid;place-items:center;width:64px;height:42px;border:var(--wb-border-strong);border-radius:var(--wb-radius-control);background:var(--wb-color-surface);box-shadow:0 3px 0 var(--wb-color-border-strong);font:700 .62rem/1 var(--wb-font-code)}
.docs-gs-art__focus{display:grid;place-items:center;width:92px;height:72px;border:2px solid var(--wb-color-focus);outline:4px solid color-mix(in srgb,var(--wb-color-focus) 18%,transparent);outline-offset:4px;background:var(--wb-color-surface)}
.docs-gs-art__focus span{width:38px;height:24px;border:var(--wb-border-strong);background:var(--wb-color-selection)}
.docs-gs-art__semantic{display:grid;gap:8px}.docs-gs-art__semantic i{display:block;height:8px;background:var(--wb-color-border-strong)}.docs-gs-art__semantic i:nth-child(1){width:88%}.docs-gs-art__semantic i:nth-child(2){width:64%;background:var(--wb-color-action)}.docs-gs-art__semantic i:nth-child(3){width:76%}

.docs-gs-art--anti-slop{display:grid;grid-template-columns:1fr 22px .72fr;gap:var(--wb-space-4);align-items:center;padding-inline:var(--wb-space-5)}
.docs-gs-art__noise{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.docs-gs-art__noise i{display:block;aspect-ratio:1;border:var(--wb-border);background:var(--wb-color-surface)}
.docs-gs-art__noise i:nth-child(2),.docs-gs-art__noise i:nth-child(7){border-radius:50%;background:var(--wb-color-signal-soft)}.docs-gs-art__noise i:nth-child(4){transform:translateY(6px);background:var(--wb-color-critical-soft)}.docs-gs-art__noise i:nth-child(6){transform:translateX(-5px);background:var(--wb-color-selection)}
.docs-gs-art__filter{height:92px;display:grid;place-items:center;border-inline:var(--wb-border-strong)}.docs-gs-art__filter span{width:8px;height:8px;background:var(--wb-color-signal-strong)}
.docs-gs-art__signal{display:grid;gap:12px;align-content:center}.docs-gs-art__signal i{display:block;height:12px;border:var(--wb-border-strong);background:var(--wb-color-surface)}.docs-gs-art__signal i:first-child{width:100%;background:var(--wb-color-action);border-color:var(--wb-color-action)}.docs-gs-art__signal i:nth-child(2){width:70%}.docs-gs-art__signal i:nth-child(3){width:44%;background:var(--wb-color-signal-soft);border-color:var(--wb-color-signal)}

.docs-gs-art--journey{display:grid;align-items:center;padding-inline:var(--wb-space-6)}
.docs-gs-art__journey-rail{position:absolute;left:12%;right:12%;top:50%;height:1px;background:var(--wb-color-border-strong)}
.docs-gs-art__journey-points{position:relative;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}
.docs-gs-art__journey-points span{justify-self:center;width:30px;height:30px;border:var(--wb-border-strong);background:var(--wb-color-surface);box-shadow:0 0 0 6px var(--wb-color-surface-muted)}
.docs-gs-art__journey-points span[data-point=2]{width:42px;height:22px;background:var(--wb-color-selection)}.docs-gs-art__journey-points span[data-point=3]{width:22px;height:42px;background:var(--wb-color-signal-soft);border-color:var(--wb-color-signal)}.docs-gs-art__journey-points span[data-point=4]{width:44px;height:44px;background:var(--wb-color-instrument);border-color:var(--wb-color-instrument);box-shadow:0 0 0 6px var(--wb-color-signal-soft)}

.docs-gs-art--maturity{display:grid;align-items:center;padding-inline:var(--wb-space-5)}
.docs-gs-art__maturity-track{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end}
.docs-gs-art__maturity-track span{display:grid;grid-template-rows:1fr auto;gap:8px;justify-items:center}.docs-gs-art__maturity-track i{display:block;width:100%;height:28px;border:var(--wb-border-strong);background:var(--wb-color-surface)}
.docs-gs-art__maturity-track span[data-level=2] i{height:38px;background:var(--wb-color-surface-strong)}.docs-gs-art__maturity-track span[data-level=3] i{height:50px;background:var(--wb-color-selection);border-color:var(--wb-color-action)}.docs-gs-art__maturity-track span[data-level=4] i{height:62px;background:var(--wb-color-signal-soft);border-color:var(--wb-color-signal)}.docs-gs-art__maturity-track span[data-level=5] i{height:74px;background:var(--wb-color-instrument);border-color:var(--wb-color-instrument)}
.docs-gs-art__maturity-track span[data-level=5] small{color:var(--wb-color-text)}

.docs-gs-art--adoption{display:grid;grid-template-columns:92px 70px 92px;justify-content:center;gap:var(--wb-space-5);align-items:center}
.docs-gs-art__system{position:relative;height:88px;border:var(--wb-border-strong);background:var(--wb-color-surface)}.docs-gs-art__system i{position:absolute;left:15px;top:15px;width:28px;height:28px;background:var(--wb-color-action)}.docs-gs-art__system span{position:absolute;right:15px;bottom:15px;width:28px;height:18px;border:var(--wb-border-strong);background:var(--wb-color-surface-muted)}
.docs-gs-art__system--source i{transform:translate(-15px,-15px);background:var(--wb-color-signal-strong)}.docs-gs-art__system--adopted{background:var(--wb-color-selection)}.docs-gs-art__system--adopted i{left:32px;top:24px}.docs-gs-art__trial{display:grid;place-items:center;width:64px;height:64px;border:2px solid var(--wb-color-focus);outline:4px solid color-mix(in srgb,var(--wb-color-focus) 15%,transparent);outline-offset:3px}.docs-gs-art__trial i{width:24px;height:24px;background:var(--wb-color-signal-strong)}

.docs-gs-art--references{display:grid;grid-template-columns:86px 1fr 82px;gap:var(--wb-space-4);align-items:center;padding-inline:var(--wb-space-5)}
.docs-gs-art__reference-sources{display:grid;gap:9px}.docs-gs-art__reference-sources i{display:block;width:58px;height:24px;border:var(--wb-border-strong);background:var(--wb-color-surface)}.docs-gs-art__reference-sources i[data-source=2]{margin-left:14px;background:var(--wb-color-signal-soft);border-color:var(--wb-color-signal)}.docs-gs-art__reference-sources i[data-source=3]{margin-left:5px;background:var(--wb-color-selection)}
.docs-gs-art__reference-lines{height:80px;display:grid;align-content:center;gap:13px}.docs-gs-art__reference-lines i{display:block;height:1px;background:var(--wb-color-border-strong)}.docs-gs-art__reference-lines i:nth-child(2){height:2px;background:var(--wb-color-action)}.docs-gs-art__reference-lines i:nth-child(3){border-top:1px dashed var(--wb-color-border-strong);background:transparent}
.docs-gs-art__reference-core{display:grid;place-items:center;width:70px;height:70px;border:var(--wb-border-strong);background:var(--wb-color-instrument)}.docs-gs-art__reference-core span{width:20px;height:20px;background:var(--wb-color-signal)}
@media(max-width:620px){.docs-gs-art{width:100%;height:118px}.docs-gs-art--principles{grid-template-columns:minmax(0,1fr) 66px;gap:var(--wb-space-3);padding-inline:var(--wb-space-2)}.docs-gs-art__core{height:66px}.docs-gs-art--a11y{grid-template-columns:58px 78px minmax(0,1fr);gap:var(--wb-space-3);padding-inline:var(--wb-space-2)}.docs-gs-art--a11y kbd{width:54px}.docs-gs-art__focus{width:70px;height:60px}.docs-gs-art--anti-slop{padding-inline:var(--wb-space-2)}.docs-gs-art--adoption{grid-template-columns:76px 54px 76px;gap:var(--wb-space-3)}.docs-gs-art__system{height:74px}.docs-gs-art__trial{width:50px;height:50px}.docs-gs-art--references{grid-template-columns:68px 1fr 62px;gap:var(--wb-space-2);padding-inline:var(--wb-space-2)}.docs-gs-art__reference-core{width:58px;height:58px}}

/* CP22 · truthful locale + short-detail rhythm */
.docs-global-locale:disabled{opacity:.42;cursor:default;color:var(--wb-color-text-muted)}
.docs-global-locale:disabled:hover{color:var(--wb-color-text-muted);background:transparent}
.docs-detail-layout--single{grid-template-columns:minmax(0,1fr)}

/* CP24 · Docs global controls keep the WBDS coarse-pointer touch floor. */
@media (pointer:coarse){.docs-global-action{min-width:var(--wb-size-touch-min);min-height:var(--wb-size-touch-min)}}

/* CP24 · localize wide Detail internals under 200% text zoom. */
.docs-detail-section__body>.wbds-table-wrap{min-width:0;max-width:100%;contain:inline-size;overflow:auto}
.docs-detail-section__body>*,.docs-specimen-frame__head>*{max-width:100%}

/* CP24 · prevent local wide specimens from contributing to viewport scroll width under text zoom. */
[data-docs-shell]{min-width:0;max-width:100%;contain:inline-size;overflow-x:clip}

.docs-overview-card__preview[data-overview-thumbnail-presentation="full-bleed"]{padding:0;background:transparent}
.docs-overview-card__preview[data-overview-thumbnail-presentation="full-bleed"] .docs-overview-card__preview-live{inset:0;display:block}
.docs-overview-card__preview[data-overview-thumbnail-presentation="full-bleed"] .docs-overview-card__preview-live>*{position:absolute;inset:0;width:auto;height:auto;margin:0;max-width:none;max-height:none;align-self:auto;justify-self:auto;border-radius:0}
.docs-overview-card__preview[data-overview-thumbnail-presentation="full-bleed"] img{inline-size:100%;block-size:100%;object-fit:cover}
.docs-overview-card__preview[data-overview-thumbnail-kind^="gs-"]{background:var(--wb-color-surface)}
.docs-overview-card__preview[data-overview-thumbnail-kind="gs-principles"],
.docs-overview-card__preview[data-overview-thumbnail-kind="gs-maturity"]{background:color-mix(in srgb,var(--wb-color-surface) 84%,var(--wb-color-selection))}
.docs-overview-card__preview[data-overview-thumbnail-kind="gs-anti-slop"],
.docs-overview-card__preview[data-overview-thumbnail-kind="gs-references"]{background:color-mix(in srgb,var(--wb-color-surface) 90%,var(--wb-color-signal-soft))}
.docs-gs-art__journey-rail,.docs-gs-art__rail{background:var(--wb-color-text-muted)}
.docs-gs-art__maturity-track i,.docs-gs-art__journey-points span{border-color:var(--wb-color-border-strong)}


/* Foundations > Brand > Seal */
.docs-brand-seal{width:min(300px,72vw);aspect-ratio:1;color:var(--wb-color-text)}
.docs-brand-seal svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.docs-brand-seal--compact{width:88px}
.docs-brand-seal-replay{appearance:none;inline-size:100%;max-inline-size:420px;min-height:330px;place-self:center;margin-inline:auto;box-sizing:border-box;display:grid;place-items:center;align-content:center;gap:var(--wb-space-4);padding:var(--wb-space-6);border:0;border-radius:var(--wb-radius-panel);background:transparent;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.docs-brand-seal-replay:hover,.docs-brand-seal-replay:active{background:transparent}
@media(pointer:fine){.docs-brand-seal-replay{cursor:pointer}}
.docs-brand-seal-replay:focus-visible{outline:2px solid var(--wb-color-focus);outline-offset:4px}
.docs-brand-seal-replay__visual{inline-size:100%;display:grid;place-items:center}
.docs-brand-seal-replay__visual .docs-brand-seal{margin-inline:auto}
.docs-brand-seal-replay__hint{color:var(--wb-color-text-muted);font:.7rem/1 var(--wb-font-meta);letter-spacing:.02em}
.docs-brand-seal-replay[data-replay-state=playing] .docs-brand-seal-replay__hint::after{content:" · Playing"}
.docs-brand-seal-replay[data-replay-state=rest] .docs-brand-seal-replay__hint::after{content:" · Click to replay"}
.docs-brand-seal__thread{stroke-dasharray:1;stroke-dashoffset:0;opacity:1;transform-box:fill-box;transform-origin:center}
.docs-brand-seal__quill{transform-box:view-box;transform-origin:19px 84px}
.docs-brand-seal--motion .docs-brand-seal__thread[data-part=lower]{animation:docs-brand-seal-lower 4.6s linear 1 both}
.docs-brand-seal--motion .docs-brand-seal__thread[data-part=upper]{animation:docs-brand-seal-upper 4.6s linear 1 both}
.docs-brand-seal--motion .docs-brand-seal__quill{animation:docs-brand-seal-quill 4.6s linear 1 both}
.docs-brand-seal--loop .docs-brand-seal__thread[data-part=lower],
.docs-brand-seal--loop .docs-brand-seal__thread[data-part=upper],
.docs-brand-seal--loop .docs-brand-seal__quill{animation-iteration-count:infinite}
@keyframes docs-brand-seal-lower{0%,1.5%{stroke-dashoffset:1;opacity:0;transform:rotate(0deg) translateY(0)}2%{opacity:1}10%{stroke-dashoffset:0;opacity:1;transform:rotate(0deg) translateY(0)}21%{transform:rotate(0deg) translateY(0)}23%{transform:rotate(3deg) translateY(-1px)}25.5%{transform:rotate(-2deg) translateY(.7px)}28%{transform:rotate(1.1deg) translateY(-.35px)}31%,100%{stroke-dashoffset:0;opacity:1;transform:rotate(0deg) translateY(0)}}
@keyframes docs-brand-seal-upper{0%,9.6%{stroke-dashoffset:1;opacity:0;transform:rotate(0deg) translateY(0)}9.7%{opacity:1}18%{stroke-dashoffset:0;opacity:1;transform:rotate(0deg) translateY(0)}21%{transform:rotate(0deg) translateY(0)}22.8%{transform:rotate(-3.5deg) translateY(-1.1px)}25%{transform:rotate(2.5deg) translateY(.8px)}27.5%{transform:rotate(-1.2deg) translateY(-.4px)}30.5%,100%{stroke-dashoffset:0;opacity:1;transform:rotate(0deg) translateY(0)}}
@keyframes docs-brand-seal-quill{0%,20.35%{opacity:0;transform:rotate(-4deg) scale(.97);stroke-width:2.1}20.4%{opacity:1;transform:rotate(-4deg) scale(.97);stroke-width:2.1;animation-timing-function:cubic-bezier(.12,.82,.2,1)}22.15%{opacity:1;transform:rotate(0) scale(1.035);stroke-width:3.1}22.9%{transform:rotate(-2deg) scale(.995);stroke-width:2.5}23.6%{transform:rotate(1.2deg) scale(1.004);stroke-width:2.28}24.25%{transform:rotate(-.55deg) scale(1);stroke-width:2.16}24.9%,100%{opacity:1;transform:rotate(0) scale(1);stroke-width:2.1}}
html[data-wb-motion=reduced] .docs-brand-seal--motion .docs-brand-seal__thread,
html[data-wb-motion=reduced] .docs-brand-seal--motion .docs-brand-seal__quill{animation:none}
html[data-wb-motion=reduced] .docs-brand-seal--motion .docs-brand-seal__thread{stroke-dashoffset:0;opacity:1;transform:none}
html[data-wb-motion=reduced] .docs-brand-seal--motion .docs-brand-seal__quill{opacity:1;transform:none;stroke-width:2.25}
.docs-brand-seal-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wb-space-6);align-items:center}
.docs-brand-seal-variant{min-height:220px;display:grid;place-items:center;padding:var(--wb-space-6);border:var(--wb-border);background:var(--wb-color-surface)}
.docs-brand-seal-variant strong{align-self:end;font-size:.78rem}
.docs-brand-seal-usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:var(--wb-border)}
.docs-brand-seal-usage article{padding:var(--wb-space-5) var(--wb-space-4);border-bottom:var(--wb-border)}
.docs-brand-seal-usage article+article{border-left:var(--wb-border)}
.docs-brand-seal-usage h3{margin:0 0 var(--wb-space-2);font-size:.9rem}
.docs-brand-seal-usage p{margin:0;color:var(--wb-color-text-muted);font-size:.8rem;line-height:1.6}
@media(max-width:720px){.docs-brand-seal-variants,.docs-brand-seal-usage{grid-template-columns:1fr}.docs-brand-seal-usage article+article{border-left:0}}

/* CP25 · Principles illustration system · Natural Resolution */
.docs-specimen-frame[data-specimen-variant=principles-hero]{margin:var(--wb-space-8) 0 var(--wb-space-6);border:0;background:transparent;overflow:hidden}
.docs-specimen-frame[data-specimen-variant=principles-hero] .docs-specimen-frame__head{display:none}
.docs-specimen-frame[data-specimen-variant=principles-hero] .docs-specimen-frame__stage{min-height:0;padding:0;overflow:hidden;background:transparent}
.docs-specimen-frame[data-specimen-variant=principles-hero] .docs-specimen-frame__stage::before{display:none}
.docs-principles-hero{display:block;width:100%;margin:0;aspect-ratio:2/1;overflow:hidden;border:var(--wb-border);border-radius:var(--wb-radius-panel);background:var(--wb-color-surface)}
.docs-principles-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.docs-gs-principle--illustrated{display:flex;flex-direction:column;gap:var(--wb-space-4);align-items:stretch;padding-block:var(--wb-space-7)}
.docs-gs-belief-visual{display:block;width:100%;margin:0;aspect-ratio:1/1;overflow:hidden;border:var(--wb-border);border-radius:var(--wb-radius-panel);background:color-mix(in srgb,var(--wb-color-surface) 94%,var(--wb-color-selection))}
.docs-gs-belief-visual img{display:block;width:100%;height:100%;object-fit:cover}
.docs-gs-belief-copy{min-width:0;padding-inline:var(--wb-space-1)}
.docs-gs-principle--illustrated .docs-gs-belief-copy h3{margin:var(--wb-space-2) 0}
.docs-gs-principle--illustrated .docs-gs-belief-copy p{max-width:48ch}
@media(max-width:760px){
  .docs-specimen-frame[data-specimen-variant=principles-hero]{margin-top:var(--wb-space-6)}
  .docs-gs-principle--illustrated{gap:var(--wb-space-3);padding-block:var(--wb-space-6)}
}



/* Radar consumer contract Details */
.docs-consumer-link-specimen{display:flex;flex-wrap:wrap;gap:var(--wb-space-5);align-items:center}
.docs-consumer-link-specimen p{flex:1 1 320px;margin:0;line-height:1.65}
.docs-consumer-metric-specimen{width:min(100%,360px);margin:0}
.docs-consumer-context-specimen{width:100%}
.docs-consumer-decision-row{width:100%}
.docs-consumer-decision-row>.docs-anatomy-target{display:grid;grid-template-columns:minmax(52px,72px) minmax(0,1fr) minmax(52px,72px);min-width:0}
.docs-consumer-decision-row__main{grid-column:1;grid-row:1}
.docs-consumer-decision-row__meta{grid-column:1;grid-row:2}
.docs-consumer-decision-row__action-target{grid-column:2;grid-row:1/3;align-self:start}
.docs-consumer-decision-row__action-target .docs-anatomy-target__content{min-width:180px}
.docs-overview-thumb-consumer-link{display:grid;place-items:center;width:min(190px,86%)}
.docs-overview-thumb-metric{width:min(160px,76%);margin:0}
.docs-overview-thumb-metric .wbds-metric{padding-block:0}
.docs-overview-thumb-metric .wbds-metric__value{font-size:2rem}
.docs-overview-thumb-context-strip{width:min(230px,92%)}
.docs-overview-thumb-context-strip .wbds-context-strip{font-size:.62rem;padding-block:var(--wb-space-2)}
.docs-overview-thumb-decision-row{width:min(230px,92%);transform:scale(.82)}
.docs-overview-thumb-decision-row .wbds-decision-row{grid-template-columns:minmax(0,1fr) auto;padding:var(--wb-space-2) 0}
.docs-overview-thumb-decision-row .wbds-decision-row__title{font-size:.72rem}
.docs-overview-thumb-decision-row .wbds-decision-row__summary,.docs-overview-thumb-decision-row .wbds-decision-row__meta{font-size:.6rem}
.docs-overview-thumb-decision-row .wbds-link{font-size:.62rem}
@media(max-width:760px){
  .docs-consumer-decision-row__main,.docs-consumer-decision-row__meta,.docs-consumer-decision-row__action-target{grid-column:1;grid-row:auto}
  .docs-consumer-decision-row__action-target .docs-anatomy-target__content{min-width:0}
}
@media(max-width:620px){
  .docs-consumer-decision-row>.docs-anatomy-target{grid-template-columns:52px minmax(0,1fr) 52px}
}


/* Docs taxonomy groups · top-level Patterns promotion */
.docs-global-menu__group-label{grid-column:1/-1;padding:var(--wb-space-4) var(--wb-space-5) var(--wb-space-2);border-top:var(--wb-border);color:var(--wb-color-text-muted)}
.docs-global-menu__domain[data-domain-group="start"]{grid-column:1/-1;border-inline-end:0}
.docs-home-domain-group+.docs-home-domain-group{margin-top:var(--wb-space-8)}
.docs-home-domain-group__head,.docs-domain-gateway__group-head{margin-bottom:var(--wb-space-4)}
.docs-home-domain-group__head p,.docs-domain-gateway__group-head p{margin:var(--wb-space-2) 0 0;color:var(--wb-color-text-muted);font-size:.78rem;line-height:1.6}
.docs-home-domain[data-unavailable="true"],.docs-domain-gateway__card[data-unavailable="true"]{background:transparent;color:var(--wb-color-text-muted);cursor:default}
.docs-home-domain[data-unavailable="true"]:hover,.docs-domain-gateway__card[data-unavailable="true"]:hover{background:transparent;border-color:var(--wb-color-border)}
.docs-domain-gateway__group+.docs-domain-gateway__group{margin-top:var(--wb-space-8)}
@media(max-width:900px){.docs-global-menu__domain[data-domain-group="start"]{border-inline-end:0}}
@media(max-width:620px){.docs-global-menu__domain{border-inline-end:0}}

/* Source-backed Foundation Detail visual aids. The actual tokens/classes remain package-owned. */
.docs-foundation-spacing{display:grid;gap:var(--wb-space-2);width:min(100%,520px);margin-inline:auto}
.docs-foundation-spacing__row{display:grid;grid-template-columns:minmax(65px,100px) minmax(0,1fr);align-items:center;gap:var(--wb-space-4);min-height:20px}
.docs-foundation-spacing__track{display:block;min-width:0;overflow:hidden}
.docs-foundation-spacing__track i{display:block;height:12px;max-width:100%;background:var(--wb-color-action)}
.docs-foundation-focus{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wb-space-5);width:100%;padding:var(--wb-space-4)}
.docs-overview-thumb-foundation-spacing{display:grid;gap:9px;width:90px}
.docs-overview-thumb-foundation-spacing i{display:block;height:8px;background:var(--wb-color-action)}
.docs-overview-thumb-foundation-spacing i:nth-child(1){width:24%}
.docs-overview-thumb-foundation-spacing i:nth-child(2){width:52%}
.docs-overview-thumb-foundation-spacing i:nth-child(3){width:90%}
.docs-overview-thumb-foundation-focus{display:grid;place-items:center;border:2px solid var(--wb-color-focus);outline:2px solid var(--wb-color-focus);outline-offset:4px;padding:var(--wb-space-2) var(--wb-space-5);font:600 .78rem var(--wb-font-meta);color:var(--wb-color-text);background:var(--wb-color-surface)}
@media(max-width:420px){.docs-foundation-spacing__row{grid-template-columns:minmax(50px,80px) minmax(0,1fr);gap:var(--wb-space-3)}}

/* R1 source-backed responsive and multilingual Foundation specimens. */
.docs-foundation-responsive{display:grid;gap:var(--wb-space-4);width:100%;min-width:0}
.docs-foundation-responsive>div{display:grid;gap:var(--wb-space-2);min-width:0;padding:var(--wb-space-3);border:var(--wb-border);background:var(--wb-color-surface)}
.docs-foundation-responsive>div>span{overflow-wrap:break-word;color:var(--wb-color-text-muted)}
.docs-foundation-locale{display:grid;gap:var(--wb-space-4);width:100%;min-width:0}
.docs-foundation-locale>p{margin:0;line-height:1.4;overflow-wrap:break-word}
.docs-foundation-locale>code{font-family:var(--wb-font-code);font-size:.8rem;max-width:100%}
.docs-overview-thumb-foundation-responsive{display:grid;gap:var(--wb-space-2);width:min(100%,170px)}
.docs-overview-thumb-foundation-responsive i{height:12px;border:var(--wb-border-strong);background:var(--wb-color-surface)}
.docs-overview-thumb-foundation-responsive i:nth-child(2){width:56%;margin-inline:auto}
.docs-overview-thumb-foundation-locale{display:flex;gap:var(--wb-space-2);align-items:center;justify-content:center;flex-wrap:wrap;color:var(--wb-color-text);font:600 .8rem var(--wb-font-body)}

/* Foundation Details reuse canonical package roles/tokens; these previews are Docs-only illustration. */
.docs-foundation-type{display:grid;gap:var(--wb-space-4);width:100%;min-width:0}
.docs-foundation-type>p{margin:0;max-width:100%;line-height:1.35;overflow-wrap:break-word}
.docs-foundation-type>.wbds-display{font-size:clamp(1.35rem,3vw,2.15rem)}
.docs-foundation-type>.wbds-expressive{font-size:clamp(1.2rem,2vw,1.7rem)}
.docs-foundation-type>code{font-size:.8rem;max-width:100%;overflow-wrap:anywhere}
.docs-foundation-shape,.docs-foundation-elevation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--wb-space-4);width:100%;min-width:0;padding:var(--wb-space-4)}
.docs-foundation-shape>div{min-width:100px;padding:var(--wb-space-4);border:var(--wb-border);background:var(--wb-color-surface);text-align:center}
.docs-foundation-elevation>div{min-width:140px;padding:var(--wb-space-5);background:var(--wb-color-surface);text-align:center;border-radius:var(--wb-radius-panel)}
.docs-foundation-elevation__flat{border:var(--wb-border)}
.docs-foundation-elevation__floating{border:var(--wb-border);box-shadow:var(--wb-shadow-overlay)}
.docs-foundation-theme{display:grid;gap:var(--wb-space-4);width:100%}
.docs-foundation-theme__swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--wb-space-2)}
.docs-foundation-theme__swatches>span{display:grid;min-height:64px;place-items:center;border:var(--wb-border);padding:var(--wb-space-2);font-size:.75rem}
.docs-foundation-theme__swatches>[data-foundation-theme-swatch=canvas]{background:var(--wb-color-canvas);color:var(--wb-color-text)}
.docs-foundation-theme__swatches>[data-foundation-theme-swatch=surface]{background:var(--wb-color-surface);color:var(--wb-color-text)}
.docs-foundation-theme__swatches>[data-foundation-theme-swatch=action]{background:var(--wb-color-action);color:var(--wb-color-on-action)}
.docs-foundation-theme__swatches>[data-foundation-theme-swatch=signal]{background:var(--wb-color-signal-strong);color:var(--wb-color-on-signal)}
.docs-foundation-theme>p{margin:0;color:var(--wb-color-text-muted);font-size:.88rem}
.docs-foundation-motion{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wb-space-5);min-width:0}
.docs-foundation-motion>p{margin:0;color:var(--wb-color-text-muted);font-size:.88rem;flex:1 1 160px}
.docs-overview-thumb-foundation-typography{display:grid;gap:5px;place-items:center;color:var(--wb-color-text)}
.docs-overview-thumb-foundation-typography strong{font:600 1.45rem var(--wb-font-display)}
.docs-overview-thumb-foundation-typography span{font:500 .78rem var(--wb-font-body)}
.docs-overview-thumb-foundation-shape{display:flex;gap:6px;align-items:center}
.docs-overview-thumb-foundation-shape i{width:25px;height:25px;border:2px solid var(--wb-color-border-strong)}
.docs-overview-thumb-foundation-shape i:nth-child(1){border-radius:var(--wb-radius-control)}
.docs-overview-thumb-foundation-shape i:nth-child(2){border-radius:var(--wb-radius-panel)}
.docs-overview-thumb-foundation-shape i:nth-child(3){border-radius:var(--wb-radius-overlay)}
.docs-overview-thumb-foundation-elevation{display:flex;gap:10px}
.docs-overview-thumb-foundation-elevation i{width:37px;height:32px;border:var(--wb-border);background:var(--wb-color-surface)}
.docs-overview-thumb-foundation-elevation i:nth-child(2){box-shadow:var(--wb-shadow-overlay)}
.docs-overview-thumb-foundation-theme{display:flex;gap:5px}
.docs-overview-thumb-foundation-theme i{width:22px;height:32px;border:1px solid var(--wb-color-border-strong)}
.docs-overview-thumb-foundation-theme i:nth-child(1){background:var(--wb-color-surface)}
.docs-overview-thumb-foundation-theme i:nth-child(2){background:var(--wb-color-action)}
.docs-overview-thumb-foundation-theme i:nth-child(3){background:var(--wb-color-signal)}
.docs-overview-thumb-foundation-motion{display:flex;align-items:center;gap:6px}
.docs-overview-thumb-foundation-motion i{width:7px;height:14px;border-radius:2px;background:var(--wb-color-action)}
.docs-overview-thumb-foundation-motion i:nth-child(1){opacity:.2}
.docs-overview-thumb-foundation-motion i:nth-child(2){opacity:.55}
@media(max-width:420px){.docs-foundation-theme__swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Static, source-linked Navigation Side Panel card thumbnail; layout only, not a second implementation. */
.docs-overview-card__preview[data-overview-thumbnail-kind="r3-navigation-rail"] .docs-overview-card__preview-live{align-content:stretch;justify-content:stretch}
.wbds-condition-rail__nav-thumbnail{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);inline-size:100%;block-size:100%;overflow:hidden;border:var(--wb-border);border-radius:var(--wb-radius-panel);background:var(--wb-color-canvas);font-size:.67rem;line-height:1.25;text-align:start}
.wbds-condition-rail__nav-thumb-rail{display:flex;flex-direction:column;gap:2px;min-inline-size:0;overflow:hidden;border-inline-end:var(--wb-border);background:var(--wb-color-surface);padding:6px 3px}
.wbds-condition-rail__nav-thumb-rail>strong{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 4px 5px}
.wbds-condition-rail__nav-thumbnail .wbds-condition-rail__nav-link{min-block-size:26px;gap:4px;padding:3px 4px;font-size:.61rem;white-space:nowrap}
.wbds-condition-rail__nav-thumbnail .wbds-condition-rail__icon,.wbds-condition-rail__nav-thumbnail .wbds-condition-rail__icon svg{inline-size:13px;block-size:13px;flex-basis:13px}
.wbds-condition-rail__nav-thumbnail .wbds-condition-rail__nav-link[data-nav-thumb-current=true]{background:var(--wb-color-surface-muted);color:var(--wb-color-action);font-weight:700}
.wbds-condition-rail__nav-thumb-workspace{display:grid;align-content:start;gap:9px;min-inline-size:0;padding:10px 8px}
.wbds-condition-rail__nav-thumb-workspace>strong{font-size:.73rem;line-height:1.2}
.wbds-condition-rail__nav-thumb-workspace i{display:block;block-size:10px;max-inline-size:100%;border:var(--wb-border);border-radius:var(--wb-radius-control);background:var(--wb-color-surface)}
.wbds-condition-rail__nav-thumb-workspace i:nth-of-type(2){inline-size:76%}
.wbds-condition-rail__nav-thumb-workspace i:nth-of-type(3){inline-size:60%}

/* Scenario Control Side Panel Overview: open condition section and visual-only checkbox controls.
   Headings/icons and option labels are projected from the actual source data. */
.docs-overview-card__preview[data-overview-thumbnail-kind="r3-condition-rail"] .docs-overview-card__preview-live{align-content:stretch;justify-content:stretch}
.wbds-condition-rail__scenario-thumbnail{display:grid;grid-template-columns:minmax(0,56%) minmax(0,1fr);inline-size:100%;block-size:100%;overflow:hidden;border:var(--wb-border);border-radius:var(--wb-radius-panel);background:var(--wb-color-canvas);font-size:.62rem;line-height:1.25;text-align:start}
.wbds-condition-rail__scenario-thumb-panel{display:flex;flex-direction:column;gap:1px;min-inline-size:0;overflow:hidden;border-inline-end:var(--wb-border);background:var(--wb-color-surface);padding:5px 4px}
.wbds-condition-rail__scenario-thumb-panel>strong{font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 3px 4px}
.wbds-condition-rail__scenario-thumb-section{display:grid;gap:1px;min-inline-size:0}
.wbds-condition-rail__scenario-thumb-row{display:flex;align-items:center;gap:4px;min-block-size:21px;padding:2px 3px;box-sizing:border-box;min-inline-size:0;border-radius:var(--wb-radius-control)}
.wbds-condition-rail__scenario-thumb-section[data-scenario-thumb-expanded="true"]>.wbds-condition-rail__scenario-thumb-row{background:var(--wb-color-surface-muted);font-weight:700}
.wbds-condition-rail__scenario-thumb-label{min-inline-size:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wbds-condition-rail__scenario-thumb-chevron{flex:0 0 auto;inline-size:10px;text-align:center;font-size:.85rem;color:var(--wb-color-text-muted);line-height:1}
.wbds-condition-rail__scenario-thumbnail .wbds-condition-rail__icon,.wbds-condition-rail__scenario-thumbnail .wbds-condition-rail__icon svg{inline-size:13px;block-size:13px;flex-basis:13px}
.wbds-condition-rail__scenario-thumb-choices{display:grid;gap:3px;padding:3px 2px 5px 20px}
.wbds-condition-rail__scenario-thumb-choice{display:flex;align-items:center;gap:5px;min-inline-size:0;min-block-size:15px;font-size:.56rem;white-space:nowrap}
.wbds-condition-rail__scenario-thumb-choice>span:last-child{overflow:hidden;text-overflow:ellipsis}
.wbds-condition-rail__scenario-thumb-checkbox{display:grid;place-items:center;flex:0 0 11px;inline-size:11px;block-size:11px;box-sizing:border-box;border:1px solid var(--wb-color-border-strong);border-radius:2px;color:var(--wb-color-canvas);font-size:9px;line-height:1}
.wbds-condition-rail__scenario-thumb-choice[data-scenario-thumb-control="checked"] .wbds-condition-rail__scenario-thumb-checkbox{background:var(--wb-color-action);border-color:var(--wb-color-action)}
.wbds-condition-rail__scenario-thumb-workspace{display:grid;align-content:start;gap:8px;min-inline-size:0;padding:10px 6px}
.wbds-condition-rail__scenario-thumb-workspace>strong{font-size:.7rem;line-height:1.2}
.wbds-condition-rail__scenario-thumb-workspace>span{color:var(--wb-color-text-muted);font-size:.55rem}
.wbds-condition-rail__scenario-thumb-workspace i{display:block;block-size:9px;border-radius:var(--wb-radius-control);border:var(--wb-border);background:var(--wb-color-surface)}
.wbds-condition-rail__scenario-thumb-workspace i:nth-of-type(2){inline-size:70%}
.wbds-condition-rail__scenario-thumb-tags{display:flex;flex-wrap:wrap;gap:3px}
.wbds-condition-rail__scenario-thumb-tags em{padding:2px 3px;border-radius:var(--wb-radius-control);background:var(--wb-color-surface-muted);font-style:normal;font-size:.51rem}