/* Native CVA controls. HyperUI/Basecoat source notices: NATIVE_SOURCES.md. */
.cva-element .cec-head { display:grid; gap:.55rem; margin-block-end:1.3rem; }
.cva-element .cec-head > *, .cva-element .cec-status { margin:0; }
.cva-element .cec-status { min-block-size:1.55em; margin-block-start:.8rem; overflow-wrap:anywhere; }
.cva-element .cec-action { display:grid; gap:1rem; justify-items:start; }
.cva-element .cec-action .ce-field { inline-size:100%; }
.cva-element .cec-url { max-inline-size:100%; overflow-wrap:anywhere; }
.cva-element .cec-download-row { flex-wrap:wrap; align-items:center; }
.cva-element .cec-download-name { margin:0; overflow-wrap:anywhere; }
.cva-element .cec-action--download [aria-disabled="true"] { opacity:.65; cursor:default; }
.cva-element .cec-raised { border:2px solid var(--ce-ink,#172529); background:var(--ce-paper,#fff); color:var(--ce-ink,#172529); box-shadow:4px 4px 0 0 var(--ce-ink,#172529); font-weight:700; }
.cva-element .cec-raised:active, .cva-element .cec-raised[aria-pressed="true"] { box-shadow:1px 1px 0 0 var(--ce-ink,#172529); background:color-mix(in srgb,var(--ce-accent,#d9e8b9) 25%,var(--ce-paper,#fff)); }
.cva-element .cec-solid { border-color:var(--ce-ink); background:var(--ce-ink); color:var(--ce-paper); box-shadow:0 .2rem .5rem #0001; }
.cva-element .cec-outline { border-color:var(--ce-ink); background:transparent; color:var(--ce-ink); }
.cva-element .cec-soft { border-color:var(--ce-line); background:color-mix(in srgb,var(--ce-accent) 12%,var(--ce-paper)); color:var(--ce-ink); }
.cva-element .cec-glow { border-color:var(--ce-accent); background:var(--ce-paper); color:var(--ce-ink); box-shadow:0 0 0 3px color-mix(in srgb,var(--ce-accent) 15%,transparent),0 .4rem 1.2rem color-mix(in srgb,var(--ce-accent) 12%,transparent); }
.cva-element :is(.cec-solid,.cec-outline,.cec-soft,.cec-glow)[aria-pressed="true"] { outline:2px solid var(--ce-ink); outline-offset:3px; }
.cva-element :is(.cec-outline,.cec-soft,.cec-glow):active { background:color-mix(in srgb,var(--ce-accent) 20%,var(--ce-paper)); }
.cva-element .cec-action-row { align-items:start; gap:1rem; }
.cva-element .cec-split { position:relative; }
.cva-element .cec-split > summary { cursor:pointer; padding:.7rem 1rem; border:1px solid var(--ce-line,#cbd1ca); border-radius:.5rem; font-weight:650; }
.cva-element .cec-split-options { display:grid; gap:.4rem; margin-block-start:.5rem; padding:.6rem; background:var(--ce-paper,#fff); border:1px solid var(--ce-line,#cbd1ca); border-radius:.6rem; }
.cva-element .cec-loading { display:grid; gap:1rem; }
.cva-element .cec-loading-visual { display:grid; place-items:center; min-inline-size:4rem; min-block-size:3rem; }
.cva-element .cec-spinner { inline-size:1.8rem; block-size:1.8rem; color:var(--ce-accent,#4c725a); }
.cva-element .cec-spinner-ring { opacity:.25; }
.cva-element .cec-dots { display:flex; gap:.4rem; }
.cva-element .cec-dots i { inline-size:.55rem; block-size:.55rem; border-radius:100%; background:var(--ce-ink,#172529); }
.cva-element .cec-skeleton { display:grid; gap:.4rem; inline-size:8rem; }
.cva-element .cec-skeleton i { block-size:.6rem; border-radius:.25rem; background:var(--ce-line,#cbd1ca); }
.cva-element .cec-skeleton i:nth-child(2) { inline-size:85%; }
.cva-element .cec-skeleton i:last-child { inline-size:60%; }
.cva-element .cec-progress { inline-size:min(18rem,100%); accent-color:var(--ce-accent,#4c725a); }
.cva-element .cec-loading--ledger > .ce-row { align-items:start; flex-wrap:wrap; }
.cva-element .cec-loading--ledger .cec-loading-visual { flex:1 1 20rem; min-inline-size:0; inline-size:100%; }
.cva-element .cec-ledger { display:grid; gap:.9rem; inline-size:100%; min-inline-size:0; padding:1.1rem; background:var(--ce-paper,#fff); border:1px solid var(--ce-line,#cbd1ca); border-radius:.7rem; }
.cva-element .cec-ledger-head { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5rem 1rem; color:var(--ce-ink,#172529); font-size:.85em; font-weight:700; }
.cva-element .cec-ledger-head output { font-variant-numeric:tabular-nums; }
.cva-element .cec-ledger > p { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }
.cva-element .cec-ledger .cec-progress { inline-size:100%; }
.cva-element .cec-flow { display:flex; justify-content:space-between; align-items:center; inline-size:3rem; block-size:2.3rem; }
.cva-element .cec-flow i { inline-size:25%; aspect-ratio:1; border-radius:50%; background:var(--ce-ink); }
.cva-element .cec-bars { display:flex; justify-content:space-between; inline-size:2.5rem; block-size:2rem; }
.cva-element .cec-bars i { inline-size:15%; block-size:100%; border-radius:2px; background:var(--ce-ink); transform:scaleY(.4); }
.cva-element .cec-orbit { position:relative; display:block; inline-size:2.2rem; block-size:2.2rem; border:2px solid var(--ce-line); border-radius:50%; }
.cva-element .cec-orbit i { position:absolute; inset:-2px; border:2px solid transparent; border-block-start-color:var(--ce-ink); border-radius:50%; }
.cva-element .cec-tabs-layout { display:grid; gap:1rem; }
.cva-element .cec-tablist { display:flex; flex-wrap:wrap; gap:.25rem; border-block-end:1px solid var(--ce-line,#cbd1ca); }
.cva-element .cec-tablist > button { appearance:none; border:0; border-block-end:3px solid transparent; background:none; padding:.8rem 1rem; color:var(--ce-muted,#5b6869); font:inherit; cursor:pointer; }
.cva-element .cec-tablist > button[aria-selected="true"] { border-color:var(--ce-accent,#4c725a); color:var(--ce-ink,#172529); font-weight:750; }
.cva-element .cec-tabs--pills .cec-tablist { border:0; gap:.5rem; }
.cva-element .cec-tabs--pills [role="tab"] { border:1px solid var(--ce-line,#cbd1ca); border-radius:100vw; }
.cva-element .cec-tabs--pills [aria-selected="true"] { background:color-mix(in srgb,var(--ce-accent,#d9e8b9) 25%,var(--ce-paper,#fff)); }
.cva-element .cec-tabpanel { padding:1.4rem; }
.cva-element .cec-tabpanel .ce-title { margin-block:0 .7rem; }
.cva-element .cec-tabpanel .ce-body { white-space:pre-line; }
.cva-element :is(.cec-tabpanel,.cec-slide-copy,.cec-disclosure-body,.cec-overlay-body) { overflow-wrap:anywhere; }
.cva-element .cec-tabs--vertical .cec-tabs-layout { grid-template-columns:minmax(8rem,1fr) minmax(0,3fr); }
.cva-element .cec-tabs--vertical .cec-tablist { flex-direction:column; align-self:start; border:0; border-inline-start:2px solid var(--ce-line,#cbd1ca); }
.cva-element .cec-tabs--vertical [role="tab"] { text-align:start; border:0; border-inline-start:3px solid transparent; margin-inline-start:-2px; }
.cva-element .cec-tabs--vertical [aria-selected="true"] { border-color:var(--ce-accent,#4c725a); }
.cva-element .cec-tabs--overflow, .cva-element .cec-tabs--overflow .cec-tabs-layout { min-inline-size:0; }
.cva-element .cec-tabs--overflow .cec-tablist { flex-wrap:nowrap; max-inline-size:100%; overflow-x:auto; overscroll-behavior-x:contain; padding:.3rem .3rem .65rem; }
.cva-element .cec-tabs--overflow [role="tab"] { flex:0 0 auto; min-block-size:44px; max-inline-size:min(24rem,85%); overflow-wrap:anywhere; text-align:start; }
.cva-element .cec-tabs--stepper .cec-tablist { border:0; gap:.6rem; }
.cva-element .cec-tabs--stepper [role="tab"] { display:flex; align-items:center; gap:.65rem; flex:1 1 10rem; min-block-size:44px; border:1px solid var(--ce-line); border-radius:.7rem; text-align:start; overflow-wrap:anywhere; }
.cva-element .cec-tabs--stepper [aria-selected="true"] { border-color:var(--ce-accent); background:color-mix(in srgb,var(--ce-accent) 12%,var(--ce-paper)); }
.cva-element .cec-reading-number { display:grid; place-items:center; flex:0 0 1.8rem; block-size:1.8rem; border:1px solid var(--ce-line); border-radius:50%; font-variant-numeric:tabular-nums; }
.cva-element .cec-tabs--stepper [aria-selected="true"] .cec-reading-number { border-color:var(--ce-accent); color:var(--ce-accent-ink); background:var(--ce-accent); }
.cva-element .cec-reading-controls { justify-content:space-between; margin-block-start:1rem; }
.cva-element .cec-reading-controls .ce-status { margin:0; font-variant-numeric:tabular-nums; }
.cva-element .cec-route { display:grid; gap:1rem; min-inline-size:0; }
.cva-element .cec-route-title { margin:0; font-size:1rem; letter-spacing:0; }
.cva-element .cec-route-list { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; list-style:none; padding:0; margin:0; min-inline-size:0; }
.cva-element .cec-route-list > li { display:flex; align-items:center; gap:.5rem; min-inline-size:0; max-inline-size:100%; }
.cva-element .cec-route-list :is(a,[aria-current="page"]) { display:inline-flex; align-items:center; min-block-size:44px; min-inline-size:44px; max-inline-size:100%; padding:.6rem .85rem; border:1px solid transparent; border-radius:.45rem; color:var(--ce-ink); font-weight:600; text-underline-offset:.2em; overflow-wrap:anywhere; }
.cva-element .cec-route-list a:hover { text-decoration-thickness:2px; border-color:var(--ce-ink); }
.cva-element .cec-route-list [aria-current="page"] { background:var(--ce-ink); color:var(--ce-paper); font-weight:750; text-decoration:none; }
.cva-element .cec-route-list a:focus-visible { outline:3px solid var(--ce-ink); outline-offset:4px; }
.cva-page[data-cva] .cva-module:has(.cec-route--breadcrumb) { padding-block:1rem; }
.cva-element .cec-route--breadcrumb { gap:.25rem; }
.cva-element .cec-route--breadcrumb .cec-route-list :is(a,[aria-current="page"]) { padding-inline:.25rem; }
.cva-element .cec-route--breadcrumb [aria-current="page"] { background:transparent; color:var(--ce-ink); }
.cva-element .cec-route-separator { color:var(--ce-muted); flex:0 0 auto; }
.cva-element .cec-route--header { grid-template-columns:minmax(8rem,1fr) minmax(0,3fr); align-items:center; padding-block:1rem; border-block:1px solid var(--ce-line); }
.cva-element .cec-route--header .cec-route-list { justify-content:flex-end; }
.cva-element .cec-route--rail { max-inline-size:22rem; padding:1rem; border:1px solid var(--ce-line); border-radius:.7rem; background:var(--ce-paper); }
.cva-element .cec-route--rail .cec-route-list { flex-direction:column; align-items:stretch; }
.cva-element .cec-route--rail .cec-route-list :is(li,a) { inline-size:100%; }
.cva-element .cec-form-fields { display:grid; gap:1rem; margin-block-end:1.2rem; }
.cva-element .cec-form .ce-field { min-inline-size:0; overflow-wrap:anywhere; }
.cva-element .cec-form .ce-field :is(input,select,textarea):is(:user-invalid,[aria-invalid="true"]) { border-color:var(--ce-ink); border-inline-start-width:4px; }
.cva-element .cec-form--inline form { display:flex; flex-wrap:wrap; align-items:flex-end; gap:.8rem; }
.cva-element .cec-form--inline .cec-form-fields { flex:1 1 16rem; min-inline-size:0; margin:0; }
.cva-element .cec-form--inline .ce-field { margin:0; }
.cva-element .cec-form--inline button[type="submit"] { flex:0 1 auto; max-inline-size:100%; overflow-wrap:anywhere; }
.cva-element .cec-choices { min-inline-size:0; border:0; padding:0; margin:0; }
.cva-element .cec-choices legend { padding:0 0 .8rem; font-weight:700; }
.cva-element .cec-choice-list { display:grid; gap:.6rem; }
.cva-element .cec-choice { display:flex; align-items:center; gap:.65rem; padding:.9rem 1rem; border:1px solid var(--ce-line,#cbd1ca); border-radius:.5rem; cursor:pointer; }
.cva-element .cec-choice input { inline-size:1.1rem; block-size:1.1rem; flex-shrink:0; accent-color:var(--ce-accent,#4c725a); }
.cva-element .cec-choice:has(input:checked) { border-color:var(--ce-ink,#172529); background:color-mix(in srgb,var(--ce-accent,#d9e8b9) 25%,var(--ce-paper,#fff)); }
.cva-element .cec-segments { display:flex; flex-wrap:wrap; gap:0; }
.cva-element .cec-segments .cec-choice { border-radius:0; flex:1 1 9rem; }
.cva-element .cec-segments .cec-choice:first-child { border-start-start-radius:.5rem; border-end-start-radius:.5rem; }
.cva-element .cec-segments .cec-choice:last-child { border-start-end-radius:.5rem; border-end-end-radius:.5rem; }
.cva-element .cec-overlay-panel { box-sizing:border-box; max-inline-size:min(36rem,calc(100vw - 2rem)); max-block-size:calc(100dvh - 2rem); padding:1.7rem; overflow:auto; color:var(--ce-ink,#172529); background:var(--ce-paper,#fff); border:1px solid var(--ce-line,#cbd1ca); border-radius:1rem; box-shadow:0 1rem 5rem #0003; }
.cva-element .cec-overlay-panel::backdrop { background:#12202199; }
.cva-element .cec-overlay-panel header { margin-block-end:1rem; }
.cva-element .cec-overlay-panel footer { display:flex; justify-content:flex-end; margin-block-start:1.6rem; }
.cva-element .cec-overlay-body { white-space:pre-line; line-height:1.7; }
.cva-element .cec-overlay--drawer dialog { position:fixed; inset:0 0 0 auto; margin:0; inline-size:min(30rem,100vw); block-size:100dvh; max-block-size:100dvh; max-inline-size:100vw; border-radius:1rem 0 0 1rem; }
.cva-element .cec-overlay--sheet dialog { position:fixed; inset:auto 0 0; margin:0 auto; inline-size:min(58rem,100vw); max-inline-size:100vw; max-block-size:85dvh; border-block-end:0; border-radius:1.2rem 1.2rem 0 0; padding-block-end:max(1.7rem,env(safe-area-inset-bottom)); }
.cva-element .cec-overlay--sheet .cec-overlay-panel > header { position:sticky; inset-block-start:0; z-index:1; display:flex; align-items:start; justify-content:space-between; gap:1rem; padding-block-end:.8rem; background:var(--ce-paper,#fff); }
.cva-element .cec-overlay--sheet .cec-overlay-panel > header .ce-title { margin:0; overflow-wrap:anywhere; }
.cva-element .cec-overlay--sheet [data-overlay-close] { flex-shrink:0; max-inline-size:50%; overflow-wrap:anywhere; }
.cva-element .cec-overlay--popover .cec-overlay-panel { max-inline-size:min(28rem,calc(100vw - 2rem)); }
.cva-element .cec-overlay--nonmodal .cec-overlay-panel { position:relative; inset:auto; margin:1rem 0 0; inline-size:100%; max-inline-size:100%; max-block-size:none; box-shadow:none; }
.cva-element .cec-overlay--confirm .cec-overlay-panel footer { gap:.75rem; flex-wrap:wrap; }
.cva-element .cec-overlay--confirm .cec-overlay-panel footer .ce-button { overflow-wrap:anywhere; }
.cva-element .cec-overlay-panel[data-fallback] { position:static; margin:1rem 0 0; inline-size:100%; max-block-size:none; box-shadow:none; border-radius:.7rem; }
.cva-element .cec-overlay-panel[data-fallback][hidden] { display:none; }
.cva-element .cec-media-summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap:1.5rem; align-items:center; padding:1rem; border:1px solid var(--ce-line,#cbd1ca); border-radius:.9rem; background:var(--ce-paper,#fff); }
.cva-element .cec-media-summary .cva-media { margin:0; border:0; background:none; }
.cva-element .cec-media-summary .cva-media img { display:block; inline-size:100%; max-block-size:16rem; object-fit:contain; border-radius:.55rem; }
.cva-element .cec-media-summary-copy { display:grid; justify-items:start; gap:1rem; min-inline-size:0; }
.cva-element .cec-media-summary-copy > p { margin:0; overflow-wrap:anywhere; }
.cva-element .cec-overlay--media .cec-overlay-panel { inline-size:min(64rem,calc(100vw - 2rem)); max-inline-size:min(64rem,calc(100vw - 2rem)); }
.cva-element .cec-overlay--media .cec-overlay-panel > header { display:flex; justify-content:space-between; align-items:start; gap:1rem; }
.cva-element .cec-overlay--media .cec-overlay-panel > header .ce-title { margin:0; overflow-wrap:anywhere; }
.cva-element .cec-overlay--media [data-overlay-close] { flex-shrink:0; }
.cva-element .cec-overlay--media .cec-overlay-panel .cva-media { margin-block:0 1.5rem; }
.cva-element .cec-overlay--media .cec-overlay-panel .cva-media img { display:block; inline-size:100%; max-block-size:60dvh; object-fit:contain; }
.cva-element .cec-range { display:grid; gap:.7rem; }
.cva-element .cec-range-head { display:flex; justify-content:space-between; gap:1rem; align-items:baseline; }
.cva-element .cec-range output { font-variant-numeric:tabular-nums; font-weight:750; color:var(--ce-ink,#172529); white-space:nowrap; }
.cva-element .cec-range--output output { font-size:clamp(2rem,5vw,3.7rem); line-height:1.1; }
.cva-element .cec-range input[type="range"] { --slider-value:0%; appearance:none; inline-size:100%; block-size:2.75rem; margin:.25rem 0; border:0; background:linear-gradient(to right,var(--ce-accent,#4c725a) var(--slider-value),var(--ce-line,#cbd1ca) var(--slider-value)) center / 100% .55rem no-repeat; cursor:pointer; }
.cva-element .cec-range input[type="range"]::-webkit-slider-thumb { appearance:none; inline-size:1.6rem; block-size:1.6rem; border-radius:100%; border:3px solid var(--ce-ink,#172529); background:var(--ce-paper,#fff); }
.cva-element .cec-range input[type="range"]::-moz-range-thumb { inline-size:1.3rem; block-size:1.3rem; border-radius:100%; border:3px solid var(--ce-ink,#172529); background:var(--ce-paper,#fff); }
.cva-element .cec-range-ends { display:flex; justify-content:space-between; color:var(--ce-muted,#5b6869); font-size:.85em; font-variant-numeric:tabular-nums; }
.cva-element :is(.cec-range--number,.cec-range--buttons) .cec-range-head { flex-wrap:wrap; }
.cva-element :is(.cec-range--number,.cec-range--buttons) output { max-inline-size:100%; white-space:normal; overflow-wrap:anywhere; }
.cva-element .cec-range-number { min-inline-size:0; max-inline-size:26rem; margin:0; overflow-wrap:anywhere; }
.cva-element .cec-range-number input[aria-invalid="true"] { border-color:var(--ce-ink); border-inline-start-width:4px; }
.cva-element .cec-range-error { margin:0; padding-inline-start:.75rem; border-inline-start:3px solid var(--ce-ink); color:var(--ce-ink); font-size:.9em; overflow-wrap:anywhere; }
.cva-element .cec-range-adjust { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:.75rem; align-items:center; }
.cva-element .cec-range-adjust .ce-button { min-inline-size:44px; min-block-size:44px; padding:.4rem; font-size:1.35rem; }
.cva-element .cec-range--interval .cec-range-head { flex-wrap:wrap; }
.cva-element .cec-range--interval .cec-range-head .ce-title { margin:0; }
.cva-element .cec-range--interval .cec-range-head output { max-inline-size:100%; white-space:normal; overflow-wrap:anywhere; }
.cva-element .cec-interval-input { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,auto); align-items:baseline; gap:.2rem 1rem; padding-block:.75rem; border-block-start:1px solid var(--ce-line,#cbd1ca); }
.cva-element .cec-interval-input label { font-size:.9em; font-weight:650; overflow-wrap:anywhere; }
.cva-element .cec-interval-input output { min-inline-size:0; max-inline-size:100%; white-space:normal; overflow-wrap:anywhere; text-align:end; }
.cva-element .cec-interval-input input { grid-column:1/-1; }
.cva-element .cec-carousel { min-inline-size:0; }
.cva-element .cec-track { display:flex; gap:1rem; margin:1.2rem 0; padding:.2rem .2rem 1rem; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; list-style:none; }
.cva-element .cec-slide { min-inline-size:0; flex:0 0 100%; scroll-snap-align:start; border:1px solid var(--ce-line,#cbd1ca); border-radius:.9rem; overflow:hidden; background:var(--ce-paper,#fff); }
.cva-element .cec-carousel--cards .cec-slide { flex-basis:min(80%,20rem); }
.cva-element .cec-slide-copy { padding:1.4rem; }
.cva-element .cec-slide-copy .ce-title { margin-block:0 .65rem; }
.cva-element .cec-slide-art { display:flex; align-items:end; justify-content:end; padding:1.5rem; block-size:clamp(8rem,22vw,15rem); overflow:hidden; color:#fff; background:linear-gradient(125deg,#45634e,#8d9c65); }
.cva-element .cec-slide-art--1 { background:linear-gradient(35deg,#93704f,#daac7d); }
.cva-element .cec-slide-art--2 { background:linear-gradient(125deg,#495a72,#8ca3b0); }
.cva-element .cec-slide-art > span { font-size:4rem; line-height:.9; font-weight:800; opacity:.6; }
.cva-element .cec-carousel--snap .cec-slide { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.cva-element .cec-carousel--snap .cec-slide-art { block-size:auto; min-block-size:13rem; }
.cva-element :is(.cec-carousel--gallery,.cec-carousel--thumbnails,.cec-carousel--vertical,.cec-carousel--depth) .cva-media { margin:0; border:0; border-radius:0; }
.cva-element :is(.cec-carousel--gallery,.cec-carousel--thumbnails,.cec-carousel--vertical,.cec-carousel--depth) .cva-media img { display:block; inline-size:100%; block-size:clamp(12rem,30vw,24rem); object-fit:cover; }
.cva-element .cec-carousel--depth .cec-track { align-items:stretch; padding-block:1rem 1.5rem; }
.cva-element .cec-carousel--depth .cec-slide { flex-basis:min(84%,32rem); perspective:1000px; overflow:visible; border:0; border-radius:0; background:none; }
.cva-element .cec-depth-card { block-size:100%; overflow:hidden; border:1px solid var(--ce-line,#cbd1ca); border-radius:.9rem; background:var(--ce-paper,#fff); box-shadow:.2rem .3rem 0 var(--ce-line,#cbd1ca); transform-origin:left center; }
.cva-element .cec-carousel--depth [data-current="true"] .cec-depth-card { border-color:var(--ce-ink,#172529); box-shadow:.3rem .4rem 0 var(--ce-line,#cbd1ca); }
.cva-element .cec-carousel-hint { margin-block:.5rem; }
.cva-element .cec-thumbnail-list { display:flex; gap:.65rem; max-inline-size:100%; margin-block:.5rem 1.25rem; padding:.35rem; overflow-x:auto; overscroll-behavior-x:contain; }
.cva-element .cec-thumbnail { display:grid; align-content:start; gap:.5rem; flex:0 0 clamp(6.5rem,18vw,10rem); min-inline-size:0; min-block-size:44px; padding:.45rem; color:var(--ce-muted); background:var(--ce-paper); border:2px solid var(--ce-line); border-radius:.7rem; text-align:start; }
.cva-element .cec-thumbnail[aria-current="true"] { border-color:var(--ce-ink); color:var(--ce-ink); box-shadow:0 0 0 1px var(--ce-ink); font-weight:750; }
.cva-element .cec-thumbnail img { display:block; inline-size:100%; aspect-ratio:16/10; object-fit:cover; border-radius:.3rem; }
.cva-element .cec-thumbnail-index { display:grid; place-items:center; inline-size:100%; aspect-ratio:16/10; color:var(--ce-ink); background:var(--ce-line); border-radius:.3rem; font-size:1.6rem; font-weight:750; }
.cva-element .cec-thumbnail-title { font-size:.82rem; line-height:1.5; overflow-wrap:anywhere; }
.cva-element .cec-carousel--vertical .cec-track { display:block; max-block-size:min(38rem,70vh); overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:auto; scroll-snap-type:y proximity; }
.cva-element .cec-carousel--vertical .cec-slide { margin-block-end:1rem; }
.cva-element .cec-carousel--vertical .cec-slide:last-child { margin-block-end:0; }
.cva-element .cec-carousel--vertical .cva-media img { block-size:clamp(12rem,25vw,18rem); }
.cva-element .cec-carousel-controls { justify-content:space-between; gap:.7rem; }
.cva-element .cec-carousel-controls p { margin:0; font-variant-numeric:tabular-nums; }
.cva-element .cec-disclosures { display:grid; gap:.6rem; }
.cva-element .cec-disclosures > details { border:1px solid var(--ce-line,#cbd1ca); border-radius:.7rem; overflow:hidden; background:var(--ce-paper,#fff); }
.cva-element .cec-disclosures summary { display:flex; align-items:center; gap:.8rem; padding:1rem 1.1rem; cursor:pointer; list-style:none; color:var(--ce-ink,#172529); font-weight:700; }
.cva-element .cec-disclosures summary::-webkit-details-marker { display:none; }
.cva-element .cec-disclosures summary > svg { inline-size:1.2rem; block-size:1.2rem; margin-inline-start:auto; flex-shrink:0; }
.cva-element .cec-disclosures details[open] summary > svg { transform:rotate(180deg); }
.cva-element .cec-disclosure-body { padding:0 1.1rem 1.2rem; white-space:pre-line; }
.cva-element .cec-step-number { display:grid; place-items:center; inline-size:1.8rem; block-size:1.8rem; flex-shrink:0; border:1px solid var(--ce-line,#cbd1ca); border-radius:100%; font-size:.85em; }
.cva-element .cec-disclosure--steps .cec-disclosure-body { padding-inline-start:3.7rem; }
.cva-element .cec-disclosure-search { display:flex; flex-wrap:wrap; align-items:end; gap:.8rem; }
.cva-element .cec-disclosure-search .ce-field { flex:1 1 16rem; min-inline-size:0; margin:0; }
.cva-element .cec-search-count { margin-block:.8rem 1rem; font-variant-numeric:tabular-nums; }
.cva-element .cec-search-empty { padding:1.1rem; margin-block:0 1rem; border:1px dashed var(--ce-line,#cbd1ca); border-radius:.7rem; }
.cva-element .cec-disclosures > details[hidden], .cva-element .cec-search-empty[hidden] { display:none; }
.cva-element :is(.cec-tablist > button,.cec-track,.cec-disclosures summary,.cec-split > summary,.cec-range input):focus-visible { outline:3px solid var(--ce-ink,#172529); outline-offset:4px; }
.cva-element .cec-choice:focus-within { outline:3px solid var(--ce-ink,#172529); outline-offset:3px; }
@keyframes cec-spin { to { transform:rotate(360deg); } }
@keyframes cec-pulse { 50% { opacity:.25; } }
/* SpinKit Flow/Wave, 742a71277c49b69053b5beb9fad80d720840a2ab.
 * The MIT License (MIT)
 * Copyright (c) 2020 Tobias Ahlin
 * Permission is hereby granted, free of charge, to any person obtaining a copy of
 * this software and associated documentation files (the "Software"), to deal in
 * the Software without restriction, including without limitation the rights to
 * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 * the Software, and to permit persons to whom the Software is furnished to do so,
 * subject to the following conditions:
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
 * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
 * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
 * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 * CVA scopes selectors and limits animation to actual pending + explicit motion.
 */
@keyframes cec-flow { 0%,80%,100% { transform:scale(.3); } 40% { transform:scale(1); } }
@keyframes cec-wave { 0%,40%,100% { transform:scaleY(.4); } 20% { transform:scaleY(1); } }
@media (prefers-reduced-motion:no-preference) and (min-width:36.001rem) {
  .cva-element .cec-carousel--depth .cec-depth-card { transition:transform .2s ease,box-shadow .2s ease; }
  .cva-element .cec-carousel--depth [data-current="false"] .cec-depth-card { transform:rotateY(-5deg) scale(.96); }
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) {
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-spinner { animation:cec-spin 1s linear infinite; }
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-dots i { animation:cec-pulse .8s ease-in-out infinite; }
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-dots i:nth-child(2) { animation-delay:.15s; }
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-dots i:nth-child(3) { animation-delay:.3s; }
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-skeleton { animation:cec-pulse 1s ease-in-out infinite; }
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-flow i { animation:cec-flow 1.4s cubic-bezier(.455,.03,.515,.955) infinite both; }
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-flow i:nth-child(1) { animation-delay:-.3s; }
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-flow i:nth-child(2) { animation-delay:-.15s; }
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-bars i { animation:cec-wave 1.2s infinite ease-in-out; }
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-bars i:nth-child(1) { animation-delay:-1.2s; }
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-bars i:nth-child(2) { animation-delay:-1.1s; }
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-bars i:nth-child(3) { animation-delay:-1s; }
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-bars i:nth-child(4) { animation-delay:-.9s; }
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-bars i:nth-child(5) { animation-delay:-.8s; }
  .cva-element .cec-loading[data-busy="true"][data-motion="true"] .cec-orbit i { animation:cec-spin 1.7s linear infinite; }
}
@media (max-width:36rem) {
  .cva-element .cec-route--header { grid-template-columns:minmax(0,1fr); }
  .cva-element .cec-route--header .cec-route-list { justify-content:flex-start; }
  .cva-element .cec-tabs--vertical .cec-tabs-layout { grid-template-columns:minmax(0,1fr); }
  .cva-element .cec-carousel--snap .cec-slide { grid-template-columns:minmax(0,1fr); }
  .cva-element .cec-carousel--snap .cec-slide-art { min-block-size:8rem; }
  .cva-element .cec-range-head { flex-wrap:wrap; }
  .cva-element .cec-carousel--depth .cec-slide { flex-basis:94%; }
  .cva-element .cec-overlay--sheet .cec-overlay-panel { padding-inline:1rem; }
}
@media (forced-colors:active) {
  .cva-element .cec-route-list [aria-current="page"] { border:2px solid currentColor; text-decoration:underline; }
}