/* SC Science component styles. Values only from tokens/*.css.
   Classes exist so components can express real hover / focus / press states;
   every value below resolves to a custom property. */

/* ---------- Icon (Lucide masks, tinted with currentColor) ---------- */
.sc-icon{display:inline-block;flex:0 0 auto;background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}

/* ---------- Accent rule ---------- */
.sc-rule{display:block;height:var(--rule-accent);width:var(--rule-accent-width);background:var(--accent-rule);border:0;transition:width var(--duration-slow) var(--ease-precise)}
.sc-rule--inverse{background:var(--accent-rule-inverse)}
.sc-rule--full{width:100%}

/* ---------- Eyebrow ---------- */
.sc-eyebrow{font-family:var(--type-eyebrow-family);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);text-transform:uppercase;color:var(--ink-300);display:block}
.sc-eyebrow--brand{color:var(--red-500)}
.sc-eyebrow--inverse{color:var(--text-inverse-secondary)}

/* ---------- Button ---------- */
.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--text-sm);line-height:1;border:var(--border-hairline) solid transparent;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;white-space:nowrap;transition:var(--transition-control),transform var(--duration-instant) var(--ease-precise)}
.sc-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.sc-btn--sm{height:var(--control-height-sm);padding:0 var(--space-5);font-size:var(--text-xs)}
.sc-btn--md{height:var(--control-height-md);padding:0 var(--space-7)}
.sc-btn--lg{height:var(--control-height-lg);padding:0 var(--space-8);font-size:var(--text-base)}
.sc-btn--block{width:100%}
.sc-btn--primary{background:var(--surface-brand);color:var(--text-on-brand)}
.sc-btn--primary:hover{background:var(--surface-brand-hover)}
.sc-btn--primary:active{background:var(--surface-brand-active);transform:translateY(1px)}
.sc-btn--secondary{background:transparent;color:var(--ink-900);border-color:var(--border-default)}
.sc-btn--secondary:hover{background:var(--surface-subtle);border-color:var(--border-strong)}
.sc-btn--secondary:active{background:var(--surface-sunken);transform:translateY(1px)}
.sc-btn--ghost{background:transparent;color:var(--ink-600)}
.sc-btn--ghost:hover{background:var(--surface-subtle);color:var(--ink-900)}
.sc-btn--ghost:active{transform:translateY(1px)}
.sc-btn--inverse{background:var(--white);color:var(--ink-900)}
.sc-btn--inverse:hover{background:var(--ink-50)}
.sc-btn--inverse:active{background:var(--ink-100);transform:translateY(1px)}
.sc-btn--inverse-outline{background:transparent;color:var(--text-inverse);border-color:var(--border-inverse)}
.sc-btn--inverse-outline:hover{background:var(--alpha-white-08);border-color:var(--alpha-white-72)}
.sc-btn--inverse-outline:active{transform:translateY(1px)}
.sc-btn[disabled],.sc-btn[aria-disabled=true]{opacity:var(--disabled-opacity);cursor:not-allowed;pointer-events:none}

/* ---------- Icon button ---------- */
.sc-iconbtn{display:inline-flex;align-items:center;justify-content:center;border:var(--border-hairline) solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--ink-500);cursor:pointer;transition:var(--transition-control)}
.sc-iconbtn:hover{background:var(--surface-subtle);color:var(--ink-900)}
.sc-iconbtn:active{background:var(--surface-sunken)}
.sc-iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.sc-iconbtn--sm{width:var(--control-height-sm);height:var(--control-height-sm)}
.sc-iconbtn--md{width:var(--control-height-md);height:var(--control-height-md)}
.sc-iconbtn--lg{width:var(--control-height-lg);height:var(--control-height-lg)}
.sc-iconbtn--outline{border-color:var(--border-default)}
.sc-iconbtn--outline:hover{border-color:var(--border-strong)}
.sc-iconbtn--brand{background:var(--surface-brand);color:var(--text-on-brand)}
.sc-iconbtn--brand:hover{background:var(--surface-brand-hover);color:var(--text-on-brand)}
.sc-iconbtn--inverse{color:var(--text-inverse)}
.sc-iconbtn--inverse:hover{background:var(--alpha-white-08);color:var(--text-inverse)}
.sc-iconbtn[disabled]{opacity:var(--disabled-opacity);cursor:not-allowed;pointer-events:none}

/* ---------- Badge / Tag ---------- */
.sc-badge{display:inline-flex;align-items:center;gap:var(--space-2);height:22px;padding:0 var(--space-4);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--text-3xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border:var(--border-hairline) solid transparent}
.sc-badge__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor;flex:0 0 auto}
.sc-badge--neutral{background:var(--surface-sunken);color:var(--ink-500);border-color:var(--border-subtle)}
.sc-badge--brand{background:var(--status-danger-bg);color:var(--red-700);border-color:var(--status-danger-border)}
.sc-badge--info{background:var(--status-info-bg);color:var(--status-info-fg);border-color:var(--status-info-border)}
.sc-badge--success{background:var(--status-success-bg);color:var(--status-success-fg);border-color:var(--status-success-border)}
.sc-badge--warning{background:var(--status-warning-bg);color:var(--status-warning-fg);border-color:var(--status-warning-border)}
.sc-badge--solid{background:var(--surface-brand);color:var(--text-on-brand);border-color:transparent}
.sc-badge--inverse{background:var(--alpha-white-08);color:var(--text-inverse);border-color:var(--border-inverse)}

.sc-tag{display:inline-flex;align-items:center;gap:var(--space-3);height:28px;padding:0 var(--space-5);border-radius:var(--radius-xs);border:var(--border-hairline) solid var(--border-subtle);background:var(--surface-page);color:var(--ink-600);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);transition:var(--transition-control)}
.sc-tag--interactive{cursor:pointer}
.sc-tag--interactive:hover{border-color:var(--border-strong);color:var(--ink-900)}
.sc-tag--selected{background:var(--surface-brand-tint);border-color:var(--status-danger-border);color:var(--red-700)}
.sc-tag__remove{display:inline-flex;border:0;background:none;padding:0;margin-left:var(--space-2);color:inherit;cursor:pointer;opacity:.6}
.sc-tag__remove:hover{opacity:1}

/* ---------- Card ---------- */
.sc-card{position:relative;display:block;background:var(--surface-raised);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--pad-card);color:inherit;text-decoration:none;transition:var(--transition-surface)}
.sc-card--flat{border-radius:var(--radius-md)}
.sc-card--tinted{background:var(--surface-subtle)}
.sc-card--inverse{background:var(--surface-inverse-raised);border-color:var(--border-inverse);color:var(--text-inverse)}
.sc-card--pad-lg{padding:var(--pad-card-lg)}
.sc-card--pad-none{padding:0}
.sc-card--interactive{cursor:pointer}
.sc-card--interactive:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sc-card--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.sc-card--accent::before{content:"";position:absolute;left:0;top:0;height:var(--rule-accent);width:var(--rule-accent-width);background:var(--accent-rule);transition:width var(--duration-slow) var(--ease-precise)}
.sc-card--accent.sc-card--interactive:hover::before{width:100%}

/* ---------- Fields ---------- */
.sc-field{display:flex;flex-direction:column;gap:var(--space-3)}
.sc-field__label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--ink-700);display:flex;align-items:center;gap:var(--space-3)}
.sc-field__req{color:var(--red-500)}
.sc-field__hint{font-size:var(--text-2xs);color:var(--text-tertiary);font-family:var(--font-sans)}
.sc-field__error{font-size:var(--text-2xs);color:var(--status-danger-fg);font-family:var(--font-sans);display:flex;align-items:center;gap:var(--space-3)}
.sc-input,.sc-select,.sc-textarea{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface-page);border:var(--border-hairline) solid var(--border-default);border-radius:var(--radius-md);transition:var(--transition-control)}
.sc-input,.sc-select{height:var(--control-height-md);padding:0 var(--space-5)}
.sc-input--sm,.sc-select--sm{height:var(--control-height-sm);font-size:var(--text-xs)}
.sc-input--lg,.sc-select--lg{height:var(--control-height-lg)}
.sc-textarea{padding:var(--space-5);min-height:104px;line-height:var(--leading-normal);resize:vertical}
.sc-input--mono{font-family:var(--font-mono);letter-spacing:var(--tracking-wide)}
.sc-input::placeholder,.sc-textarea::placeholder{color:var(--text-tertiary)}
.sc-input:hover,.sc-select:hover,.sc-textarea:hover{border-color:var(--border-strong)}
.sc-input:focus,.sc-select:focus,.sc-textarea:focus{outline:none;border-color:var(--focus-ring-color);box-shadow:var(--focus-ring)}
.sc-input[aria-invalid=true],.sc-textarea[aria-invalid=true],.sc-select[aria-invalid=true]{border-color:var(--status-danger-border)}
.sc-input[disabled],.sc-select[disabled],.sc-textarea[disabled]{opacity:var(--disabled-opacity);cursor:not-allowed;background:var(--surface-sunken)}
.sc-input-wrap{position:relative;display:flex;align-items:center}
.sc-input-wrap .sc-icon{position:absolute;left:var(--space-5);color:var(--ink-300);pointer-events:none}
.sc-input-wrap--icon .sc-input{padding-left:var(--space-10)}
.sc-input__suffix{position:absolute;right:var(--space-5);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wide)}
.sc-select-wrap{position:relative;display:flex;align-items:center}
.sc-select{appearance:none;padding-right:var(--space-10);cursor:pointer}
.sc-select-wrap .sc-icon{position:absolute;right:var(--space-5);color:var(--ink-400);pointer-events:none}

/* ---------- Checkbox / Radio / Switch ---------- */
.sc-check{display:inline-flex;align-items:flex-start;gap:var(--space-5);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary)}
.sc-check input{position:absolute;opacity:0;width:0;height:0}
.sc-check__box{width:18px;height:18px;flex:0 0 auto;margin-top:2px;border:var(--border-hairline) solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-page);display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:var(--transition-control)}
.sc-check__box--radio{border-radius:var(--radius-pill)}
.sc-check:hover .sc-check__box{border-color:var(--ink-600)}
.sc-check input:checked+.sc-check__box{background:var(--surface-brand);border-color:var(--surface-brand);color:var(--text-on-brand)}
.sc-check input:checked+.sc-check__box--radio{background:var(--surface-page);border-color:var(--surface-brand);color:var(--surface-brand)}
.sc-check input:focus-visible+.sc-check__box{box-shadow:var(--focus-ring)}
.sc-check input:disabled+.sc-check__box{opacity:var(--disabled-opacity)}
.sc-check--disabled{opacity:var(--disabled-opacity);cursor:not-allowed}
.sc-check__dot{width:8px;height:8px;border-radius:var(--radius-pill);background:currentColor}
.sc-check__desc{display:block;font-size:var(--text-2xs);color:var(--text-secondary);margin-top:2px}

.sc-switch{display:inline-flex;align-items:center;gap:var(--space-5);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm)}
.sc-switch input{position:absolute;opacity:0;width:0;height:0}
.sc-switch__track{width:40px;height:22px;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--ink-200);position:relative;transition:var(--transition-control)}
.sc-switch__knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:var(--radius-pill);background:var(--white);box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-precise)}
.sc-switch input:checked+.sc-switch__track{background:var(--surface-brand)}
.sc-switch input:checked+.sc-switch__track .sc-switch__knob{transform:translateX(18px)}
.sc-switch input:focus-visible+.sc-switch__track{box-shadow:var(--focus-ring)}
.sc-switch--disabled{opacity:var(--disabled-opacity);cursor:not-allowed}

/* ---------- Tabs ---------- */
.sc-tabs{display:flex;gap:var(--space-9);border-bottom:var(--border-hairline) solid var(--border-subtle)}
.sc-tabs--inverse{border-bottom-color:var(--border-inverse)}
.sc-tab{appearance:none;background:none;border:0;padding:0 0 var(--space-5);margin-bottom:-1px;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--ink-400);cursor:pointer;border-bottom:var(--border-medium) solid transparent;transition:var(--transition-control)}
.sc-tab:hover{color:var(--ink-900)}
.sc-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.sc-tab--active{color:var(--ink-900);border-bottom-color:var(--accent-rule)}
.sc-tabs--inverse .sc-tab{color:var(--text-inverse-secondary)}
.sc-tabs--inverse .sc-tab:hover,.sc-tabs--inverse .sc-tab--active{color:var(--text-inverse)}
.sc-tab__count{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary);margin-left:var(--space-3)}
@media (max-width:700px){.sc-tabs{width:100%;gap:var(--space-7);overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:none}.sc-tabs::-webkit-scrollbar{display:none}.sc-tab{flex:0 0 auto;white-space:nowrap}}

/* ---------- Breadcrumb ---------- */
.sc-crumbs{display:flex;align-items:center;gap:var(--space-4);font-family:var(--font-sans);font-size:var(--text-2xs);color:var(--text-tertiary)}
.sc-crumbs a{color:var(--text-secondary);border:0;text-decoration:none;transition:var(--transition-control)}
.sc-crumbs a:hover{color:var(--red-600)}
.sc-crumbs__sep{color:var(--ink-200)}
.sc-crumbs__current{color:var(--text-primary);font-weight:var(--weight-medium)}

/* ---------- Navbar ---------- */
.sc-nav{position:sticky;top:0;z-index:40;height:var(--header-height);display:flex;align-items:center;background:var(--surface-page);border-bottom:var(--border-hairline) solid var(--border-subtle);transition:background-color var(--duration-base) var(--ease-precise),box-shadow var(--duration-base) var(--ease-precise)}
.sc-nav--scrolled{background:var(--surface-glass);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));box-shadow:var(--shadow-sm)}
.sc-nav--inverse{background:var(--surface-inverse);border-bottom-color:var(--border-inverse)}
.sc-nav__inner{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;gap:var(--space-11)}
.sc-nav__links{display:flex;align-items:center;gap:var(--space-9);margin-left:auto}
.sc-nav__link{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-600);text-decoration:none;border:0;padding:var(--space-3) 0;border-bottom:var(--border-medium) solid transparent;transition:var(--transition-control);cursor:pointer;background:none}
.sc-nav__link:hover{color:var(--ink-900)}
.sc-nav__link--active{color:var(--ink-900);border-bottom-color:var(--accent-rule)}
.sc-nav--inverse .sc-nav__link{color:var(--text-inverse-secondary)}
.sc-nav--inverse .sc-nav__link:hover,.sc-nav--inverse .sc-nav__link--active{color:var(--text-inverse)}
.sc-nav__burger{display:none;align-items:center;justify-content:center;background:none;border:0;padding:var(--space-3);margin-left:auto;cursor:pointer;color:var(--ink-900);border-radius:var(--radius-xs)}
.sc-nav--inverse .sc-nav__burger{color:var(--text-inverse)}
@media (max-width:760px){
.sc-nav__inner{gap:var(--space-6)}
.sc-nav__links{position:fixed;top:var(--header-height);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;margin-left:0;max-height:calc(100vh - var(--header-height));overflow-y:auto;background:var(--surface-page);border-bottom:var(--border-hairline) solid var(--border-subtle);padding:var(--space-5) var(--gutter) var(--space-8);box-shadow:var(--shadow-md);z-index:39}
.sc-nav--inverse .sc-nav__links{background:var(--surface-inverse)}
.sc-nav--open .sc-nav__links{display:flex}
.sc-nav__links .sc-nav__link{padding:var(--space-6) 0;border-bottom:var(--border-hairline) solid var(--border-subtle);font-size:var(--text-md)}
.sc-nav__links .sc-btn{margin-top:var(--space-6);width:100%;justify-content:center}
.sc-nav__burger{display:flex}
}

/* ---------- Footer ---------- */
.sc-footer{background:var(--surface-inverse);color:var(--text-inverse-secondary);padding:var(--section-y-tight) 0 var(--space-9)}
.sc-footer__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter)}
.sc-footer__grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:var(--space-11)}
.sc-footer h4{font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-inverse);font-weight:var(--weight-semibold);margin-bottom:var(--space-6)}
.sc-footer a{display:block;color:var(--text-inverse-secondary);text-decoration:none;border:0;font-size:var(--text-sm);padding:var(--space-2) 0;transition:var(--transition-control)}
.sc-footer a:hover{color:var(--text-inverse)}
.sc-footer__base{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:space-between;align-items:center;margin-top:var(--section-y-tight);padding-top:var(--space-8);border-top:var(--border-hairline) solid var(--border-inverse);font-family:var(--font-mono);font-size:var(--text-3xs);letter-spacing:var(--tracking-wide);color:var(--ink-300)}
@media (max-width:900px){.sc-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-9)}}
@media (max-width:600px){.sc-footer__grid{grid-template-columns:1fr;gap:var(--space-8)}.sc-footer__base{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}

/* ---------- Feedback ---------- */
.sc-alert{display:flex;gap:var(--space-5);padding:var(--space-6);border:var(--border-hairline) solid var(--border-subtle);border-left:var(--rule-accent) solid var(--ink-400);border-radius:var(--radius-xs);background:var(--surface-subtle);font-family:var(--font-sans);font-size:var(--text-sm)}
.sc-alert--info{background:var(--status-info-bg);border-color:var(--status-info-border);border-left-color:var(--steel-500);color:var(--status-info-fg)}
.sc-alert--success{background:var(--status-success-bg);border-color:var(--status-success-border);border-left-color:var(--green-500);color:var(--status-success-fg)}
.sc-alert--warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);border-left-color:var(--amber-500);color:var(--status-warning-fg)}
.sc-alert--danger{background:var(--status-danger-bg);border-color:var(--status-danger-border);border-left-color:var(--red-500);color:var(--status-danger-fg)}
.sc-alert__title{font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}
.sc-alert__body{color:inherit;opacity:.86}

.sc-scrim{position:fixed;inset:0;background:var(--alpha-ink-64);display:flex;align-items:center;justify-content:center;padding:var(--space-9);z-index:60;animation:sc-fade var(--duration-base) var(--ease-precise)}
.sc-dialog{width:100%;max-width:520px;background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:sc-rise var(--duration-slow) var(--ease-precise)}
.sc-dialog--wide{max-width:760px}
.sc-dialog__head{display:flex;align-items:flex-start;gap:var(--space-6);padding:var(--space-8) var(--space-8) var(--space-6)}
.sc-dialog__body{padding:0 var(--space-8) var(--space-8);color:var(--text-secondary);font-size:var(--text-sm)}
.sc-dialog__foot{display:flex;justify-content:flex-end;gap:var(--space-5);padding:var(--space-6) var(--space-8);border-top:var(--border-hairline) solid var(--border-subtle);background:var(--surface-subtle);border-radius:0 0 var(--radius-lg) var(--radius-lg)}
@keyframes sc-fade{from{opacity:0}to{opacity:1}}
@keyframes sc-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.sc-toast{display:flex;align-items:flex-start;gap:var(--space-5);min-width:320px;max-width:440px;padding:var(--space-6);background:var(--surface-inverse);color:var(--text-inverse);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-family:var(--font-sans);font-size:var(--text-sm);animation:sc-rise var(--duration-slow) var(--ease-precise)}
.sc-toast__accent{width:var(--rule-accent);align-self:stretch;background:var(--accent-rule);flex:0 0 auto;border-radius:var(--radius-pill)}
.sc-toast--success .sc-toast__accent{background:var(--green-500)}
.sc-toast--warning .sc-toast__accent{background:var(--amber-500)}
.sc-toast--info .sc-toast__accent{background:var(--steel-300)}
.sc-toast__body{color:var(--text-inverse-secondary);font-size:var(--text-2xs);margin-top:2px}

.sc-tip{position:relative;display:inline-flex}
.sc-tip__bubble{position:absolute;z-index:50;padding:var(--space-4) var(--space-5);background:var(--alpha-ink-88);color:var(--text-inverse);font-family:var(--font-sans);font-size:var(--text-2xs);border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity var(--duration-fast) var(--ease-precise),transform var(--duration-fast) var(--ease-precise)}
.sc-tip__bubble--visible{opacity:1;transform:none}
.sc-tip__bubble--top{bottom:calc(100% + var(--space-4));left:50%;margin-left:-50%;transform-origin:bottom}
.sc-tip__bubble--bottom{top:calc(100% + var(--space-4));left:0}
.sc-tip__bubble--right{left:calc(100% + var(--space-4));top:50%;margin-top:-14px}

/* ---------- Content structures ---------- */
.sc-sechead{display:flex;flex-direction:column;gap:var(--space-5);max-width:var(--container-narrow)}
.sc-sechead--center{align-items:center;text-align:center;margin:0 auto}
.sc-sechead__title{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-3xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--text-primary);margin:0}
.sc-sechead--inverse .sc-sechead__title{color:var(--text-inverse)}
.sc-sechead__lede{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}
.sc-sechead--inverse .sc-sechead__lede{color:var(--text-inverse-secondary)}

.sc-stat{display:flex;flex-direction:column;gap:var(--space-3)}
.sc-stat__value{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-4xl);line-height:var(--leading-flush);letter-spacing:var(--tracking-tighter);color:var(--text-primary);display:flex;align-items:baseline;gap:var(--space-3)}
.sc-stat__unit{font-family:var(--font-mono);font-size:var(--text-md);color:var(--red-500);letter-spacing:0}
.sc-stat__label{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary)}
.sc-stat--inverse .sc-stat__value{color:var(--text-inverse)}
.sc-stat--inverse .sc-stat__label{color:var(--text-inverse-secondary)}
.sc-stat--ruled{padding-top:var(--space-6);border-top:var(--rule-accent) solid var(--accent-rule)}

.sc-spec{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:var(--text-sm)}
.sc-spec caption{text-align:left;font-family:var(--type-eyebrow-family);font-size:var(--type-eyebrow-size);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink-300);padding-bottom:var(--space-5)}
.sc-spec th{text-align:left;font-weight:var(--weight-medium);color:var(--text-secondary);padding:var(--space-5) var(--space-6) var(--space-5) 0;border-bottom:var(--border-hairline) solid var(--border-subtle);width:42%;vertical-align:top}
.sc-spec td{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-primary);padding:var(--space-5) 0;border-bottom:var(--border-hairline) solid var(--border-subtle);vertical-align:top}
.sc-spec tr:last-child th,.sc-spec tr:last-child td{border-bottom:0}
.sc-spec--zebra tbody tr:nth-child(odd){background:var(--surface-subtle)}
.sc-spec--zebra th{padding-left:var(--space-5)}
.sc-spec--zebra td{padding-right:var(--space-5)}
.sc-spec--inverse th{color:var(--text-inverse-secondary);border-bottom-color:var(--border-inverse)}
.sc-spec--inverse td{color:var(--text-inverse);border-bottom-color:var(--border-inverse)}

.sc-cap{position:relative;display:flex;flex-direction:column;gap:var(--space-6);background:var(--surface-raised);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--pad-card);text-decoration:none;color:inherit;transition:var(--transition-surface)}
.sc-cap:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sc-cap__icon{color:var(--red-500)}
.sc-cap__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0}
.sc-cap__body{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary);margin:0}
.sc-cap__meta{margin-top:auto;display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-3xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-300)}
.sc-cap--inverse{background:var(--surface-inverse-raised);border-color:var(--border-inverse)}
.sc-cap--inverse .sc-cap__title{color:var(--text-inverse)}
.sc-cap--inverse .sc-cap__body{color:var(--text-inverse-secondary)}

.sc-figure{position:relative;margin:0;overflow:hidden;border-radius:var(--radius-media);background:var(--ink-900)}
.sc-figure--square{border-radius:0}
.sc-figure img{width:100%;height:100%;object-fit:cover;display:block}
.sc-figure__scrim{position:absolute;inset:0;pointer-events:none}
.sc-figure__scrim--bottom{background:var(--scrim-bottom)}
.sc-figure__scrim--left{background:var(--scrim-left)}
.sc-figure__scrim--flat{background:var(--scrim-flat)}
.sc-figure__content{position:absolute;left:0;bottom:0;padding:var(--space-9);display:flex;flex-direction:column;gap:var(--space-4);color:var(--text-inverse)}
.sc-figure__caption{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);color:var(--text-inverse-secondary)}
.sc-figure__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);margin:0}
.sc-figure figcaption.sc-figure__below{position:static;padding:var(--space-5) 0 0;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wide)}

.sc-plate{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--alpha-ink-88);color:var(--text-inverse);font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--weight-medium);border-radius:var(--radius-xs);white-space:nowrap}
.sc-plate--light{background:var(--alpha-white-92);color:var(--ink-900);box-shadow:var(--shadow-inset-hairline)}
.sc-plate--brand{background:var(--surface-brand);color:var(--text-on-brand)}
.sc-plate__index{font-family:var(--font-mono);font-size:var(--text-3xs);opacity:.66}

@media (prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}.sc-card--interactive:hover,.sc-cap:hover{transform:none}}