/* ExampleDesignSystem — components/bundle.css
   The component layer of XDS V4 2.1.0. Load it after the tokens (tokens.css, compiled from tokens.json).

   What is here, in order:
     1. global (--g-*) non-color values the tiers below still read: families, the type scale's raw rungs, and the like
     2. semantic (--s-*) values that tokens.json does not hold: font families and the 24 type rungs
     3. the dark surface: the semantic colors' dark legs, scoped to the components allowed to carry data-surface="dark"
     4. the component tier (--c-*), the only tier a component binds:
          4a. tokens declared once at :root. Light-only components bind these, so they stay light on a dark ground;
              a color among them is written as the light rung its semantic resolves to, so it holds under any dark scope
          4b. the dark-capable components' tokens, re-declared inside the dark scope so they re-resolve there
     5. the icon masks (the sprite's geometry, for marks drawn as pseudo-elements)
     6. the light pin: the black wash and light focus ring on every component that keeps a light fill on a dark ground
     7. the components themselves

   Every color hex, space, radius, size, stroke, motion, elevation and weight lives in tokens.json and nowhere here.
   The dark legs in section 3 name the same rungs as the Dark surface theme in tokens.json: change them together. */


/* ---- 1. global, non-color ---- */
:root {
  --g-font-family-lato: Lato;
  --g-font-family-newsreader: Newsreader;
  --g-font-family-outfit: Outfit;
  --g-font-family-geist-mono: Geist Mono;
  --g-font-family-ibm-plex-sans: IBM Plex Sans;
  --g-font-family-ibm-plex-mono: IBM Plex Mono;
  --g-font-size-11: 11px;
  --g-font-size-12: 12px;
  --g-font-size-13-5: 13.5px;
  --g-font-size-14: 14px;
  --g-font-size-15: 15px;
  --g-font-size-16: 16px;
  --g-font-size-18: 18px;
  --g-font-size-20: 20px;
  --g-font-size-24: 24px;
  --g-font-size-32: 32px;
  --g-font-size-40: 40px;
  --g-font-size-48: 48px;
  --g-font-size-56: 56px;
  --g-font-size-72: 72px;
  --g-font-line-height-16: 16px;
  --g-font-line-height-20: 20px;
  --g-font-line-height-24: 24px;
  --g-font-line-height-28: 28px;
  --g-font-line-height-32: 32px;
  --g-font-line-height-36: 36px;
  --g-font-line-height-40: 40px;
  --g-font-line-height-44: 44px;
  --g-font-line-height-52: 52px;
  --g-font-line-height-60: 60px;
  --g-font-line-height-80: 80px;
  --g-font-tracking-none: 0;
  --g-font-tracking-ui: 0.1px;
  --g-font-tracking-code: 0.3px;
  --g-font-tracking-tight-010: -0.1px;
  --g-font-tracking-tight-020: -0.2px;
  --g-font-tracking-tight-030: -0.3px;
  --g-font-tracking-tight-040: -0.4px;
  --g-font-tracking-tight-060: -0.6px;
}

/* ---- 2. semantic, held here: font families and the type rungs ---- */
:root {
  --s-font-family-ui: var(--g-font-family-outfit);
  --s-font-family-body: var(--g-font-family-newsreader);
  --s-font-family-heading: var(--g-font-family-lato);
  --s-font-family-display: var(--g-font-family-lato);
  --s-font-family-code: var(--g-font-family-geist-mono);
  --s-font-family-doc: var(--g-font-family-ibm-plex-sans);
  --s-font-family-doc-mono: var(--g-font-family-ibm-plex-mono);
  --s-type-ui-xs-size: var(--g-font-size-11);
  --s-type-ui-xs-line-height: var(--g-font-line-height-16);
  --s-type-ui-xs-tracking: var(--g-font-tracking-ui);
  --s-type-ui-sm-size: var(--g-font-size-12);
  --s-type-ui-sm-line-height: var(--g-font-line-height-16);
  --s-type-ui-sm-tracking: var(--g-font-tracking-ui);
  --s-type-ui-md-size: var(--g-font-size-13-5);
  --s-type-ui-md-line-height: var(--g-font-line-height-20);
  --s-type-ui-md-tracking: var(--g-font-tracking-ui);
  --s-type-ui-lg-size: var(--g-font-size-15);
  --s-type-ui-lg-line-height: var(--g-font-line-height-20);
  --s-type-ui-lg-tracking: var(--g-font-tracking-ui);
  --s-type-ui-xl-size: var(--g-font-size-16);
  --s-type-ui-xl-line-height: var(--g-font-line-height-20);
  --s-type-ui-xl-tracking: var(--g-font-tracking-ui);
  --s-type-ui-2xl-size: var(--g-font-size-24);
  --s-type-ui-2xl-line-height: var(--g-font-line-height-32);
  --s-type-ui-2xl-tracking: var(--g-font-tracking-none);
  --s-type-body-xs-size: var(--g-font-size-14);
  --s-type-body-xs-line-height: var(--g-font-line-height-20);
  --s-type-body-xs-tracking: var(--g-font-tracking-none);
  --s-type-body-sm-size: var(--g-font-size-16);
  --s-type-body-sm-line-height: var(--g-font-line-height-24);
  --s-type-body-sm-tracking: var(--g-font-tracking-none);
  --s-type-body-md-size: var(--g-font-size-18);
  --s-type-body-md-line-height: var(--g-font-line-height-28);
  --s-type-body-md-tracking: var(--g-font-tracking-tight-010);
  --s-type-body-lg-size: var(--g-font-size-20);
  --s-type-body-lg-line-height: var(--g-font-line-height-32);
  --s-type-body-lg-tracking: var(--g-font-tracking-tight-010);
  --s-type-body-xl-size: var(--g-font-size-24);
  --s-type-body-xl-line-height: var(--g-font-line-height-40);
  --s-type-body-xl-tracking: var(--g-font-tracking-tight-010);
  --s-type-heading-xs-size: var(--g-font-size-18);
  --s-type-heading-xs-line-height: var(--g-font-line-height-24);
  --s-type-heading-xs-tracking: var(--g-font-tracking-none);
  --s-type-heading-sm-size: var(--g-font-size-20);
  --s-type-heading-sm-line-height: var(--g-font-line-height-24);
  --s-type-heading-sm-tracking: var(--g-font-tracking-none);
  --s-type-heading-md-size: var(--g-font-size-24);
  --s-type-heading-md-line-height: var(--g-font-line-height-32);
  --s-type-heading-md-tracking: var(--g-font-tracking-tight-020);
  --s-type-heading-lg-size: var(--g-font-size-32);
  --s-type-heading-lg-line-height: var(--g-font-line-height-40);
  --s-type-heading-lg-tracking: var(--g-font-tracking-tight-030);
  --s-type-heading-xl-size: var(--g-font-size-40);
  --s-type-heading-xl-line-height: var(--g-font-line-height-52);
  --s-type-heading-xl-tracking: var(--g-font-tracking-tight-040);
  --s-type-display-xs-size: var(--g-font-size-32);
  --s-type-display-xs-line-height: var(--g-font-line-height-36);
  --s-type-display-xs-tracking: var(--g-font-tracking-tight-030);
  --s-type-display-sm-size: var(--g-font-size-40);
  --s-type-display-sm-line-height: var(--g-font-line-height-44);
  --s-type-display-sm-tracking: var(--g-font-tracking-tight-040);
  --s-type-display-md-size: var(--g-font-size-48);
  --s-type-display-md-line-height: var(--g-font-line-height-52);
  --s-type-display-md-tracking: var(--g-font-tracking-tight-060);
  --s-type-display-lg-size: var(--g-font-size-56);
  --s-type-display-lg-line-height: var(--g-font-line-height-60);
  --s-type-display-lg-tracking: var(--g-font-tracking-tight-060);
  --s-type-display-xl-size: var(--g-font-size-72);
  --s-type-display-xl-line-height: var(--g-font-line-height-80);
  --s-type-display-xl-tracking: var(--g-font-tracking-tight-060);
  --s-type-code-sm-size: var(--g-font-size-11);
  --s-type-code-sm-line-height: var(--g-font-line-height-16);
  --s-type-code-sm-tracking: var(--g-font-tracking-code);
  --s-type-code-md-size: var(--g-font-size-12);
  --s-type-code-md-line-height: var(--g-font-line-height-20);
  --s-type-code-md-tracking: var(--g-font-tracking-code);
  --s-type-code-lg-size: var(--g-font-size-13-5);
  --s-type-code-lg-line-height: var(--g-font-line-height-20);
  --s-type-code-lg-tracking: var(--g-font-tracking-code);
}

/* ---- 3. the dark surface: a variant a component carries, never a page mode ---- */
.xds-prose[data-surface="dark"], .xds-ground[data-surface="dark"], .xds-paper[data-surface="dark"], .xds-button[data-surface="dark"], .xds-link[data-surface="dark"], .xds-label[data-surface="dark"], .xds-checkbox[data-surface="dark"], .xds-switch[data-surface="dark"], .xds-chip[data-surface="dark"], .xds-divider[data-surface="dark"], .xds-field[data-surface="dark"], .xds-button-group[data-surface="dark"], .xds-card[data-surface="dark"], .xds-tile[data-surface="dark"], .xds-summary-box[data-surface="dark"], .xds-menu[data-surface="dark"], .xds-disclosure[data-surface="dark"], .xds-accordion[data-surface="dark"], .xds-reference-list[data-surface="dark"], .xds-gov-banner[data-surface="dark"], .xds-breadcrumb[data-surface="dark"], .xds-in-page-nav[data-surface="dark"], .xds-text[data-surface="dark"], .xds-icon[data-surface="dark"], .xds-eyebrow[data-surface="dark"], .xds-section-heading[data-surface="dark"], .xds-pull-quote[data-surface="dark"], .xds-stat[data-surface="dark"], .xds-section-opener[data-surface="dark"], .xds-objective[data-surface="dark"], .xds-header[data-surface="dark"], .xds-hero[data-surface="dark"], .xds-modal[data-surface="dark"], .xds-footer[data-surface="dark"], .xds-header__utility[data-surface="dark"] {
  --s-color-surface-page: var(--g-color-brand-primary-80);
  --s-color-surface-raised: var(--g-color-brand-primary-70);
  --s-color-surface-sunken: var(--g-color-brand-primary-90);
  --s-color-surface-selected: var(--g-color-brand-vivid-80);
  --s-color-surface-disabled: var(--g-color-brand-gray-80);
  --s-color-surface-glass: var(--g-color-overlay-navy-80);
  --s-color-surface-bar: var(--g-color-brand-primary-80);
  --s-color-surface-note: var(--g-color-brand-primary-20);
  --s-color-surface-elevated: var(--g-color-brand-primary-60);
  --s-color-surface-knob: var(--g-color-brand-gray-0);
  --s-color-surface-selected-accent: var(--g-color-brand-accent-50);
  --s-color-surface-menu: var(--g-color-brand-primary-80);
  --s-color-surface-selected-primary: var(--g-color-brand-primary-50);
  --s-color-surface-selected-vivid: var(--g-color-brand-vivid-50);
  --s-color-surface-card: var(--g-color-brand-primary-60);
  --s-color-border-on-page: var(--g-color-brand-primary-60);
  --s-color-border-on-raised: var(--g-color-brand-primary-60);
  --s-color-border-on-elevated: var(--g-color-brand-primary-70);
  --s-color-border-on-sunken: var(--g-color-brand-primary-60);
  --s-color-border-strong: var(--g-color-brand-gray-30);
  --s-color-border-disabled: var(--g-color-brand-gray-60);
  --s-color-border-divider: var(--g-color-brand-primary-50);
  --s-color-border-vivid: var(--g-color-brand-vivid-40);
  --s-color-border-divider-soft: var(--g-color-brand-primary-60);
  --s-color-border-vivid-soft: var(--g-color-brand-vivid-30);
  --s-color-border-vivid-faint: var(--g-color-brand-vivid-70);
  --s-color-text-primary: var(--g-color-brand-accent-5);
  --s-color-text-secondary: var(--g-color-brand-gray-10);
  --s-color-text-heading: var(--g-color-brand-accent-20);
  --s-color-text-tertiary: var(--g-color-brand-gray-30);
  --s-color-text-disabled: var(--g-color-brand-gray-40);
  --s-color-text-brand-tertiary: var(--g-color-brand-primary-20);
  --s-color-text-on-note: var(--g-color-brand-gray-60);
  --s-color-text-on-note-soft: var(--g-color-brand-gray-50);
  --s-color-text-on-note-strong: var(--g-color-brand-gray-60);
  --s-color-text-label-accent: var(--g-color-brand-accent-20);
  --s-color-text-section-eyebrow: var(--g-color-brand-accent-5);
  --s-color-text-opener-body: var(--g-color-brand-accent-5);
  --s-color-text-opener-eyebrow: var(--g-color-brand-gray-10);
  --s-color-text-citation: var(--g-color-brand-gray-20);
  --s-color-text-menu-item: var(--g-color-brand-gray-10);
  --s-color-text-on-selected: var(--g-color-brand-gray-0);
  --s-color-text-dismiss: var(--g-color-brand-gray-20);
  --s-color-action-outline: var(--g-color-brand-primary-30);
  --s-color-action-link: var(--g-color-brand-primary-20);
  --s-color-action-link-on-note: var(--g-color-brand-vivid-60);
  --s-color-action-deep: var(--g-color-brand-vivid-40);
  --s-color-action-link-visited: var(--g-color-brand-vivid-20);
  --s-color-accent-base: var(--g-color-brand-accent-20);
  --s-color-accent-on-note: var(--g-color-brand-accent-60);
  --s-color-accent-divider: var(--g-color-brand-accent-40);
  --s-color-accent-outline: var(--g-color-brand-accent-15);
  --s-color-accent-numeral: var(--g-color-brand-accent-40);
  --s-color-accent-deep: var(--g-color-brand-accent-20);
  --s-color-emphasis-accent-border: var(--g-color-brand-accent-40);
  --s-color-emphasis-selected-edge: var(--g-color-brand-accent-30);
  --s-color-emphasis-selected-edge-primary: var(--g-color-brand-primary-30);
  --s-color-emphasis-selected-edge-vivid: var(--g-color-brand-vivid-40);
  --s-color-emphasis-accent-edge: var(--g-color-brand-accent-50);
  --s-color-emphasis-accent-surface: var(--g-color-brand-primary-60);
  --s-color-emphasis-accent-ink: var(--g-color-brand-accent-20);
  --s-color-emphasis-accent-ink-strong: var(--g-color-brand-accent-10);
  --s-color-focus-ring: var(--g-color-focus-30);
  --s-color-state-hover: var(--g-color-overlay-white-8);
  --s-color-state-pressed: var(--g-color-overlay-white-16);
  --s-color-state-hover-tint: var(--g-color-overlay-white-8);
  --s-color-state-hover-surface: var(--g-color-overlay-black-8);
  --s-color-status-error-base: var(--g-color-error-30);
  --s-color-status-error-surface: var(--g-color-error-90);
  --s-color-status-error-border: var(--g-color-error-80);
  --s-color-status-error-text: var(--g-color-error-10);
  --s-color-status-error-ink: var(--g-color-error-20);
  --s-color-status-warning-base: var(--g-color-warning-30);
  --s-color-status-warning-surface: var(--g-color-warning-90);
  --s-color-status-warning-border: var(--g-color-warning-80);
  --s-color-status-warning-text: var(--g-color-warning-20);
  --s-color-status-success-base: var(--g-color-success-30);
  --s-color-status-success-surface: var(--g-color-success-90);
  --s-color-status-success-border: var(--g-color-success-80);
  --s-color-status-success-text: var(--g-color-success-20);
  --s-color-status-info-base: var(--g-color-info-30);
  --s-color-status-info-surface: var(--g-color-info-90);
  --s-color-status-info-border: var(--g-color-info-80);
  --s-color-status-info-text: var(--g-color-info-20);
  --s-color-status-emergency-base: var(--g-color-emergency-30);
  --s-color-status-emergency-surface: var(--g-color-emergency-90);
  --s-color-status-emergency-border: var(--g-color-emergency-80);
  --s-color-status-emergency-text: var(--g-color-emergency-20);
}

/* ---- 4a. component tier, declared once ---- */
:root {
  --c-layout-gap-sm: var(--s-space-sm);
  --c-layout-gap-md: var(--s-space-base);
  --c-layout-gap-lg: var(--s-space-xl);
  --c-layout-gap-xl: var(--s-space-3xl);
  --c-layout-aside-width: var(--s-size-aside-nav);
  --c-layout-container-max: var(--s-size-measure-page);
  --c-layout-gutter: var(--s-space-2xl);
  --c-layout-container-inset: var(--s-space-xl);
  --c-layout-lead-line-height: var(--s-type-body-md-line-height);
  --c-layout-seam-breadcrumb: var(--s-space-4xl);
  --c-layout-lead-ratio-polarity: var(--s-ratio-section-pad-polarity);
  --c-layout-lead-ratio: var(--s-ratio-section-pad);
  --c-layout-lead-display-xl: var(--s-type-display-xl-line-height);
  --c-layout-lead-display-lg: var(--s-type-display-lg-line-height);
  --c-layout-lead-display-md: var(--s-type-display-md-line-height);
  --c-layout-lead-display-sm: var(--s-type-display-sm-line-height);
  --c-layout-lead-display-xs: var(--s-type-display-xs-line-height);
  --c-layout-lead-heading-xl: var(--s-type-heading-xl-line-height);
  --c-layout-lead-heading-lg: var(--s-type-heading-lg-line-height);
  --c-layout-lead-heading-md: var(--s-type-heading-md-line-height);
  --c-layout-lead-heading-sm: var(--s-type-heading-sm-line-height);
  --c-layout-lead-body-xl: var(--s-type-body-xl-line-height);
  --c-layout-lead-body-lg: var(--s-type-body-lg-line-height);
  --c-layout-lead-ui-sm: var(--s-type-ui-sm-line-height);
  --c-layout-lead-ui-md: var(--s-type-ui-md-line-height);
  --c-layout-lead-body-sm: var(--s-type-body-sm-line-height);
  --c-layout-lead-body-md: var(--s-type-body-md-line-height);
  --c-layout-set-page: var(--s-size-measure-page);
  --c-layout-set-content: var(--s-size-measure-feature);
  --c-layout-set-prose: var(--s-size-measure-prose);
  --c-layout-set-aside: var(--s-size-measure-aside);
  --c-layout-set-ui: var(--s-size-measure-ui);
  --c-input-font-family: var(--s-font-family-ui);
  --c-input-font-size: var(--s-type-ui-lg-size);
  --c-input-line-height: var(--s-type-ui-lg-line-height);
  --c-input-tracking: var(--s-type-ui-lg-tracking);
  --c-input-height: var(--s-size-control-md);
  --c-input-inset-inline: var(--s-space-md);
  --c-input-inset-block: var(--s-space-sm);
  --c-input-surface: var(--g-color-brand-gray-0);
  --c-input-border: var(--g-color-brand-gray-40);
  --c-input-border-hover: var(--g-color-brand-gray-60);
  --c-input-border-error: var(--g-color-error-50);
  --c-input-ink: var(--g-color-brand-gray-90);
  --c-input-placeholder-ink: var(--g-color-brand-gray-50);
  --c-input-surface-disabled: var(--g-color-brand-gray-20);
  --c-input-ink-disabled: var(--g-color-brand-gray-40);
  --c-input-border-disabled: var(--g-color-brand-gray-20);
  --c-input-surface-readonly: var(--g-color-brand-gray-3);
  --c-input-textarea-min-height: var(--s-size-textarea-min);
  --c-checkbox-size: var(--s-size-icon-md);
  --c-checkbox-target: var(--s-size-target-min);
  --c-checkbox-border-width: var(--s-border-width-thick);
  --c-checkbox-surface: var(--g-color-brand-gray-0);
  --c-checkbox-border: var(--g-color-brand-gray-40);
  --c-checkbox-border-error: var(--g-color-error-50);
  --c-checkbox-fill-checked: var(--s-color-action-base);
  --c-checkbox-mark-checked: var(--s-color-text-on-action);
  --c-checkbox-fill-disabled: var(--g-color-brand-gray-20);
  --c-checkbox-border-disabled: var(--g-color-brand-gray-20);
  --c-checkbox-label-font-family: var(--s-font-family-ui);
  --c-checkbox-label-font-size: var(--s-type-ui-lg-size);
  --c-checkbox-label-line-height: var(--s-type-ui-lg-line-height);
  --c-checkbox-label-tracking: var(--s-type-ui-lg-tracking);
  --c-checkbox-gap: var(--s-space-sm);
  --c-checkbox-radio-radius: var(--s-radius-radio);
  --c-checkbox-mark-size: var(--s-size-icon-sm);
  --c-checkbox-bar-width: var(--s-border-width-heavy);
  --c-switch-track-height: var(--s-size-icon-lg);
  --c-switch-thumb-inset: var(--s-space-xs);
  --c-switch-track-off: var(--g-color-brand-gray-40);
  --c-switch-track-on: var(--s-color-action-base);
  --c-switch-thumb: var(--g-color-brand-gray-5);
  --c-switch-hover: var(--s-color-state-hover-fixed);
  --c-switch-pressed: var(--s-color-state-pressed-fixed);
  --c-switch-track-disabled: var(--g-color-brand-gray-20);
  --c-switch-border-error: var(--g-color-error-50);
  --c-switch-label-font-family: var(--s-font-family-ui);
  --c-switch-label-font-size: var(--s-type-ui-lg-size);
  --c-switch-label-line-height: var(--s-type-ui-lg-line-height);
  --c-switch-label-tracking: var(--s-type-ui-lg-tracking);
  --c-switch-gap: var(--s-space-sm);
  --c-badge-font-family: var(--s-font-family-ui);
  --c-badge-weight: var(--s-font-weight-medium);
  --c-badge-font-size: var(--s-type-ui-sm-size);
  --c-badge-line-height: var(--s-type-ui-sm-line-height);
  --c-badge-tracking: var(--s-type-ui-sm-tracking);
  --c-badge-inset-inline: var(--s-space-sm);
  --c-badge-inset-block: var(--s-space-2xs);
  --c-badge-neutral-surface: var(--g-color-brand-gray-3);
  --c-badge-neutral-border: var(--g-color-brand-gray-10);
  --c-badge-neutral-ink: var(--g-color-brand-gray-60);
  --c-badge-error-surface: var(--g-color-error-5);
  --c-badge-error-border: var(--g-color-error-20);
  --c-badge-error-ink: var(--g-color-error-60);
  --c-badge-warning-surface: var(--g-color-warning-5);
  --c-badge-warning-border: var(--g-color-warning-20);
  --c-badge-warning-ink: var(--g-color-warning-60);
  --c-badge-success-surface: var(--g-color-success-5);
  --c-badge-success-border: var(--g-color-success-20);
  --c-badge-success-ink: var(--g-color-success-60);
  --c-badge-info-surface: var(--g-color-info-5);
  --c-badge-info-border: var(--g-color-info-20);
  --c-badge-info-ink: var(--g-color-info-60);
  --c-badge-emergency-surface: var(--g-color-emergency-5);
  --c-badge-emergency-border: var(--g-color-emergency-20);
  --c-badge-emergency-ink: var(--g-color-emergency-60);
  --c-field-gap: var(--s-space-xs);
  --c-field-help-font-family: var(--s-font-family-ui);
  --c-field-help-font-size: var(--s-type-ui-md-size);
  --c-field-help-line-height: var(--s-type-ui-md-line-height);
  --c-field-help-tracking: var(--s-type-ui-md-tracking);
  --c-field-max-width: var(--s-size-measure-ui);
  --c-alert-edge-width: var(--s-emphasis-edge-2);
  --c-alert-inset: var(--s-space-base);
  --c-alert-gap: var(--s-space-md);
  --c-alert-icon-size: var(--s-size-icon-md);
  --c-alert-title-font-family: var(--s-font-family-ui);
  --c-alert-title-font-size: var(--s-type-ui-lg-size);
  --c-alert-title-line-height: var(--s-type-ui-lg-line-height);
  --c-alert-title-tracking: var(--s-type-ui-lg-tracking);
  --c-alert-title-weight: var(--s-font-weight-medium);
  --c-alert-body-font-family: var(--s-font-family-body);
  --c-alert-body-font-size: var(--s-type-body-xs-size);
  --c-alert-body-line-height: var(--s-type-body-xs-line-height);
  --c-alert-body-tracking: var(--s-type-body-xs-tracking);
  --c-alert-body-ink: var(--g-color-brand-gray-60);
  --c-alert-error-surface: var(--g-color-error-5);
  --c-alert-error-border: var(--g-color-error-20);
  --c-alert-error-edge: var(--g-color-error-50);
  --c-alert-error-ink: var(--g-color-error-60);
  --c-alert-warning-surface: var(--g-color-warning-5);
  --c-alert-warning-border: var(--g-color-warning-20);
  --c-alert-warning-edge: var(--g-color-warning-50);
  --c-alert-warning-ink: var(--g-color-warning-60);
  --c-alert-success-surface: var(--g-color-success-5);
  --c-alert-success-border: var(--g-color-success-20);
  --c-alert-success-edge: var(--g-color-success-50);
  --c-alert-success-ink: var(--g-color-success-60);
  --c-alert-info-surface: var(--g-color-info-5);
  --c-alert-info-border: var(--g-color-info-20);
  --c-alert-info-edge: var(--g-color-info-50);
  --c-alert-info-ink: var(--g-color-info-60);
  --c-alert-emergency-surface: var(--g-color-emergency-5);
  --c-alert-emergency-border: var(--g-color-emergency-20);
  --c-alert-emergency-edge: var(--g-color-emergency-50);
  --c-alert-emergency-ink: var(--g-color-emergency-60);
  --c-alert-dismiss-ink: var(--g-color-brand-gray-80);
  --c-alert-dismiss-size: var(--s-size-icon-lg);
  --c-alert-stack: var(--s-space-sm);
  --c-tabs-font-family: var(--s-font-family-ui);
  --c-tabs-weight: var(--s-font-weight-medium);
  --c-tabs-font-size: var(--s-type-ui-lg-size);
  --c-tabs-line-height: var(--s-type-ui-lg-line-height);
  --c-tabs-tracking: var(--s-type-ui-lg-tracking);
  --c-tabs-height: var(--s-size-control-md);
  --c-tabs-inset-inline: var(--s-space-base);
  --c-tabs-gap: var(--s-space-xs);
  --c-tabs-ink: var(--g-color-brand-gray-60);
  --c-tabs-ink-selected: var(--g-color-brand-gray-90);
  --c-tabs-rail: var(--g-color-brand-vivid-20);
  --c-tabs-rail-width: var(--s-border-width-hairline);
  --c-tabs-indicator: var(--g-color-brand-vivid-50);
  --c-tabs-indicator-width: var(--s-border-width-heavy);
  --c-tabs-ink-disabled: var(--g-color-brand-gray-40);
  --c-tabs-index-font-family: var(--s-font-family-code);
  --c-tabs-index-font-size: var(--s-type-code-md-size);
  --c-tabs-index-ink: var(--g-color-brand-accent-70);
  --c-tabs-index-gap: var(--s-space-base);
  --c-tabs-fold-list-offset: var(--s-space-xs);
  --c-tabs-fold-list-max-height: var(--s-size-measure-ui);
  --c-tabs-fold-elevation: var(--s-elevation-overlay);
  --c-tabs-overflow-min-inline: var(--s-size-aside-nav);
  --c-tabs-overflow-gap: var(--s-space-xs);
  --c-form-gap: var(--s-space-base);
  --c-form-max-width: var(--s-size-measure-prose);
  --c-form-legend-font-family: var(--s-font-family-heading);
  --c-form-legend-font-size: var(--s-type-heading-sm-size);
  --c-form-legend-line-height: var(--s-type-heading-sm-line-height);
  --c-form-legend-tracking: var(--s-type-heading-sm-tracking);
  --c-form-legend-weight: var(--s-font-weight-bold);
  --c-form-legend-ink: var(--g-color-brand-gray-90);
  --c-form-hint-font-family: var(--s-font-family-body);
  --c-form-hint-font-size: var(--s-type-body-xs-size);
  --c-form-hint-line-height: var(--s-type-body-xs-line-height);
  --c-form-hint-tracking: var(--s-type-body-xs-tracking);
  --c-form-hint-ink: var(--g-color-brand-gray-60);
  --c-form-actions-gap: var(--s-space-sm);
  --c-form-actions-divider: var(--g-color-brand-gray-10);
  --c-form-actions-divider-width: var(--s-border-width-hairline);
  --c-form-actions-inset-block-start: var(--s-space-xl);
  --c-form-group-gap: var(--s-space-xl);
  --c-table-surface: var(--g-color-brand-gray-0);
  --c-table-border: var(--g-color-brand-gray-20);
  --c-table-head-surface: var(--g-color-brand-gray-3);
  --c-table-head-divider: var(--g-color-brand-gray-90);
  --c-table-head-divider-width: var(--s-border-width-thick);
  --c-table-head-font-family: var(--s-font-family-ui);
  --c-table-head-font-size: var(--s-type-ui-md-size);
  --c-table-head-line-height: var(--s-type-ui-md-line-height);
  --c-table-head-weight: var(--s-font-weight-medium);
  --c-table-head-tracking: var(--s-font-tracking-caps);
  --c-table-head-ink: var(--g-color-brand-gray-60);
  --c-table-cell-font-family: var(--s-font-family-ui);
  --c-table-cell-font-size: var(--s-type-ui-lg-size);
  --c-table-cell-line-height: var(--s-type-ui-lg-line-height);
  --c-table-cell-tracking: var(--s-type-ui-lg-tracking);
  --c-table-cell-ink: var(--g-color-brand-gray-90);
  --c-table-cell-inset-inline: var(--s-space-base);
  --c-table-cell-inset-block: var(--s-space-md);
  --c-table-numeric-font-family: var(--s-font-family-code);
  --c-table-row-selected: var(--g-color-brand-vivid-10);
  --c-table-row-divider: var(--g-color-brand-gray-20);
  --c-table-caption-font-family: var(--s-font-family-ui);
  --c-table-caption-font-size: var(--s-type-ui-md-size);
  --c-table-caption-ink: var(--g-color-brand-gray-50);
  --c-table-caption-tracking: var(--s-type-ui-md-tracking);
  --c-table-sort-icon-size: var(--s-size-icon-sm);
  --c-table-sort-icon-ink: var(--g-color-brand-gray-50);
  --c-table-sort-gap: var(--s-space-xs);
  --c-table-label-font-family: var(--s-font-family-ui);
  --c-table-label-font-size: var(--s-type-ui-xs-size);
  --c-table-label-line-height: var(--s-type-ui-xs-line-height);
  --c-table-label-tracking: var(--s-type-ui-xs-tracking);
  --c-table-label-weight: var(--s-font-weight-medium);
  --c-table-label-ink: var(--g-color-brand-gray-60);
  --c-table-label-gap: var(--s-space-2xs);
  --c-table-stacked-inset-block: var(--s-space-xs);
  --c-table-empty-font-family: var(--s-font-family-body);
  --c-table-empty-font-size: var(--s-type-body-sm-size);
  --c-table-empty-line-height: var(--s-type-body-sm-line-height);
  --c-table-empty-tracking: var(--s-type-body-sm-tracking);
  --c-table-empty-ink: var(--g-color-brand-gray-60);
  --c-table-empty-inset-block: var(--s-space-2xl);
  --c-conv-thread-gap: var(--s-space-base);
  --c-conv-thread-max-width: var(--s-size-measure-prose);
  --c-conv-thread-inset: var(--s-space-xl);
  --c-conv-message-radius: var(--s-radius-conv-lg);
  --c-conv-message-radius-tail: var(--s-radius-conv-sm);
  --c-conv-message-inset-inline: var(--s-space-base);
  --c-conv-message-inset-block: var(--s-space-md);
  --c-conv-message-gap: var(--s-space-sm);
  --c-conv-message-max-width: var(--s-size-measure-prose);
  --c-conv-message-border-width: var(--s-border-width-hairline);
  --c-conv-message-user-surface: var(--s-color-conv-user-surface);
  --c-conv-message-user-border: var(--s-color-conv-user-border);
  --c-conv-message-assistant-surface: var(--s-color-conv-assistant-surface);
  --c-conv-message-assistant-border: var(--s-color-conv-assistant-border);
  --c-conv-message-body-font-family: var(--s-font-family-body);
  --c-conv-message-body-font-size: var(--s-type-body-sm-size);
  --c-conv-message-body-line-height: var(--s-type-body-sm-line-height);
  --c-conv-message-body-tracking: var(--s-type-body-sm-tracking);
  --c-conv-message-body-ink: var(--g-color-brand-gray-90);
  --c-conv-message-meta-font-family: var(--s-font-family-ui);
  --c-conv-message-meta-font-size: var(--s-type-ui-sm-size);
  --c-conv-message-meta-line-height: var(--s-type-ui-sm-line-height);
  --c-conv-message-meta-ink: var(--g-color-brand-gray-50);
  --c-conv-message-meta-tracking: var(--s-type-ui-sm-tracking);
  --c-conv-avatar-size: var(--s-size-icon-lg);
  --c-conv-avatar-radius: var(--s-radius-conv-pill);
  --c-conv-avatar-assistant: var(--s-color-conv-avatar-assistant);
  --c-conv-avatar-assistant-ink: var(--s-color-text-on-action);
  --c-conv-avatar-user: var(--s-color-conv-avatar-user);
  --c-conv-avatar-user-ink: var(--s-color-conv-avatar-user-ink);
  --c-conv-avatar-font-family: var(--s-font-family-ui);
  --c-conv-avatar-font-size: var(--s-type-ui-sm-size);
  --c-conv-avatar-weight: var(--s-font-weight-medium);
  --c-conv-composer-radius: var(--s-radius-conv-lg);
  --c-conv-composer-surface: var(--g-color-brand-gray-0);
  --c-conv-composer-border: var(--g-color-brand-gray-20);
  --c-conv-composer-border-focus: var(--s-color-action-base);
  --c-conv-composer-border-width: var(--s-border-width-hairline);
  --c-conv-composer-inset: var(--s-space-md);
  --c-conv-composer-gap: var(--s-space-sm);
  --c-conv-composer-font-family: var(--s-font-family-ui);
  --c-conv-composer-font-size: var(--s-type-ui-lg-size);
  --c-conv-composer-line-height: var(--s-type-ui-lg-line-height);
  --c-conv-composer-tracking: var(--s-type-ui-lg-tracking);
  --c-conv-composer-ink: var(--g-color-brand-gray-90);
  --c-conv-composer-placeholder-ink: var(--g-color-brand-gray-50);
  --c-conv-composer-min-height: var(--s-size-control-md);
  --c-conv-composer-send-size: var(--s-size-control-sm);
  --c-conv-composer-send-radius: var(--s-radius-conv-pill);
  --c-conv-composer-send-fill: var(--s-color-action-base);
  --c-conv-composer-send-ink: var(--s-color-text-on-action);
  --c-conv-composer-send-hover: var(--s-color-state-hover-fixed);
  --c-conv-composer-send-pressed: var(--s-color-state-pressed-fixed);
  --c-conv-composer-send-disabled: var(--g-color-brand-gray-20);
  --c-conv-composer-send-ink-disabled: var(--g-color-brand-gray-40);
  --c-conv-composer-hint-font-size: var(--s-type-ui-xs-size);
  --c-conv-composer-hint-ink: var(--g-color-brand-gray-50);
  --c-conv-chip-radius: var(--s-radius-conv-pill);
  --c-conv-chip-height: var(--s-size-control-sm);
  --c-conv-chip-inset-inline: var(--s-space-md);
  --c-conv-chip-gap: var(--s-space-sm);
  --c-conv-chip-font-family: var(--s-font-family-ui);
  --c-conv-chip-font-size: var(--s-type-ui-md-size);
  --c-conv-chip-line-height: var(--s-type-ui-md-line-height);
  --c-conv-chip-weight: var(--s-font-weight-medium);
  --c-conv-chip-tracking: var(--s-type-ui-md-tracking);
  --c-conv-chip-surface: var(--g-color-brand-gray-0);
  --c-conv-chip-border: var(--g-color-brand-gray-20);
  --c-conv-chip-border-width: var(--s-border-width-hairline);
  --c-conv-chip-ink: var(--g-color-brand-vivid-50);
  --c-conv-chip-surface-selected: var(--g-color-brand-vivid-10);
  --c-conv-chip-border-selected: var(--s-color-action-base);
  --c-conv-step-radius: var(--s-radius-conv-md);
  --c-conv-step-surface: var(--s-color-conv-system-surface);
  --c-conv-step-border: var(--s-color-conv-system-border);
  --c-conv-step-border-width: var(--s-border-width-hairline);
  --c-conv-step-inset-inline: var(--s-space-md);
  --c-conv-step-inset-block: var(--s-space-sm);
  --c-conv-step-gap: var(--s-space-sm);
  --c-conv-step-font-family: var(--s-font-family-code);
  --c-conv-step-font-size: var(--s-type-code-md-size);
  --c-conv-step-line-height: var(--s-type-code-md-line-height);
  --c-conv-step-ink: var(--g-color-brand-gray-60);
  --c-conv-step-marker-size: var(--s-size-icon-sm);
  --c-conv-step-ring-size: var(--s-size-icon-ring);
  --c-conv-step-ring-width: var(--s-border-width-hairline);
  --c-conv-step-running: var(--s-color-conv-running-ring);
  --c-conv-step-done: var(--g-color-success-50);
  --c-conv-step-error: var(--g-color-error-50);
  --c-conv-motion-step: var(--s-motion-base);
  --c-conv-source-radius: var(--s-radius-conv-md);
  --c-conv-source-surface: var(--g-color-brand-gray-0);
  --c-conv-source-border: var(--g-color-brand-gray-20);
  --c-conv-source-border-width: var(--s-border-width-hairline);
  --c-conv-source-inset-inline: var(--s-space-sm);
  --c-conv-source-inset-block: var(--s-space-xs);
  --c-conv-source-gap: var(--s-space-sm);
  --c-conv-source-font-family: var(--s-font-family-ui);
  --c-conv-source-font-size: var(--s-type-ui-sm-size);
  --c-conv-source-line-height: var(--s-type-ui-sm-line-height);
  --c-conv-source-tracking: var(--s-type-ui-sm-tracking);
  --c-conv-source-ink: var(--g-color-brand-gray-60);
  --c-conv-source-marker: var(--s-color-conv-source-marker);
  --c-conv-source-marker-ink: var(--s-color-text-on-action);
  --c-conv-source-marker-size: var(--s-size-icon-sm);
  --c-conv-source-marker-font-size: var(--s-type-ui-xs-size);
  --c-conv-action-size: var(--s-size-control-sm);
  --c-conv-action-radius: var(--s-radius-conv-md);
  --c-conv-action-icon-size: var(--s-size-icon-sm);
  --c-conv-action-ink: var(--g-color-brand-gray-50);
  --c-conv-action-ink-hover: var(--g-color-brand-gray-90);
  --c-conv-action-ink-pressed: var(--s-color-action-base);
  --c-conv-action-gap: var(--s-space-2xs);
  --c-conv-typing-dot-size: var(--s-size-bullet);
  --c-conv-typing-dot-ink: var(--s-color-conv-running);
  --c-conv-typing-gap: var(--s-space-xs);
  --c-conv-motion-typing: var(--s-motion-base);
  --c-conv-notice-font-family: var(--s-font-family-ui);
  --c-conv-notice-font-size: var(--s-type-ui-sm-size);
  --c-conv-notice-line-height: var(--s-type-ui-sm-line-height);
  --c-conv-notice-tracking: var(--s-type-ui-sm-tracking);
  --c-conv-notice-ink: var(--g-color-brand-gray-50);
  --c-conv-notice-divider: var(--g-color-brand-gray-10);
  --c-conv-notice-divider-width: var(--s-border-width-hairline);
  --c-conv-notice-gap: var(--s-space-md);
  --c-conv-ink-disabled: var(--g-color-brand-gray-40);
  --c-conv-source-marker-weight: var(--s-font-weight-medium);
  --c-conv-composer-max-height: var(--s-size-composer-max);
  --c-conv-composer-hint-tracking: var(--s-type-ui-xs-tracking);
  --c-conv-source-marker-tracking: var(--s-type-ui-xs-tracking);
  --c-steps-marker-size: var(--s-size-control-md);
  --c-steps-marker-radius: var(--s-radius-step);
  --c-steps-marker-ring-width: var(--s-border-width-heavy);
  --c-steps-marker-font-family: var(--s-font-family-ui);
  --c-steps-marker-font-size: var(--s-type-ui-xl-size);
  --c-steps-marker-weight: var(--s-font-weight-medium);
  --c-steps-segment-width: var(--s-size-bullet);
  --c-steps-segment-gap: var(--s-space-sm);
  --c-steps-fill-complete: var(--g-color-brand-vivid-60);
  --c-steps-ink-complete: var(--s-color-text-on-action);
  --c-steps-segment-complete: var(--s-color-action-base);
  --c-steps-fill-current: var(--g-color-brand-vivid-10);
  --c-steps-ring-current: var(--s-color-action-base);
  --c-steps-ink-current: var(--s-color-action-base);
  --c-steps-segment-current: var(--g-color-brand-vivid-10);
  --c-steps-fill-upcoming: var(--g-color-brand-gray-20);
  --c-steps-ink-upcoming: var(--g-color-brand-gray-60);
  --c-steps-segment-upcoming: var(--g-color-brand-gray-40);
  --c-steps-label-font-family: var(--s-font-family-ui);
  --c-steps-label-font-size: var(--s-type-ui-sm-size);
  --c-steps-label-line-height: var(--s-type-ui-sm-line-height);
  --c-steps-label-tracking: var(--s-type-ui-sm-tracking);
  --c-steps-label-gap: var(--s-space-sm);
  --c-steps-label-ink-complete: var(--g-color-brand-vivid-60);
  --c-steps-label-ink-current: var(--g-color-brand-gray-90);
  --c-steps-label-ink-upcoming: var(--g-color-brand-gray-50);
  --c-steps-label-weight-current: var(--s-font-weight-medium);
  --c-steps-vertical-gap: var(--s-space-xl);
  --c-steps-vertical-min-segment: var(--s-space-2xl);
  --c-steps-summary-gap: var(--s-space-md);
  --c-steps-summary-inset-block-start: var(--s-space-base);
  --c-steps-summary-font-family: var(--s-font-family-ui);
  --c-steps-summary-font-size: var(--s-type-ui-lg-size);
  --c-steps-summary-line-height: var(--s-type-ui-lg-line-height);
  --c-steps-summary-tracking: var(--s-type-ui-lg-tracking);
  --c-steps-summary-ink: var(--g-color-brand-gray-60);
  --c-steps-summary-title-font-family: var(--s-font-family-heading);
  --c-steps-summary-title-weight: var(--s-font-weight-bold);
  --c-steps-summary-title-ink: var(--g-color-brand-gray-90);
  --c-steps-fill-error: var(--g-color-error-50);
  --c-steps-ink-error: var(--s-color-text-on-action);
  --c-steps-label-ink-error: var(--g-color-error-50);
  --c-steps-segment-gap-complete: var(--s-space-none);
  --c-select-trigger-font-family: var(--s-font-family-ui);
  --c-select-trigger-font-size: var(--s-type-ui-lg-size);
  --c-select-trigger-line-height: var(--s-type-ui-lg-line-height);
  --c-select-trigger-tracking: var(--s-type-ui-lg-tracking);
  --c-select-trigger-height: var(--s-size-control-md);
  --c-select-trigger-inset-inline: var(--s-space-md);
  --c-select-trigger-radius: var(--s-radius-control);
  --c-select-trigger-border-width: var(--s-border-width-hairline);
  --c-select-trigger-surface: var(--g-color-brand-gray-0);
  --c-select-trigger-border: var(--g-color-brand-gray-40);
  --c-select-trigger-border-hover: var(--g-color-brand-gray-60);
  --c-select-trigger-border-open: var(--s-color-action-base);
  --c-select-trigger-ink: var(--g-color-brand-gray-90);
  --c-select-trigger-placeholder-ink: var(--g-color-brand-gray-50);
  --c-select-chevron-size: var(--s-size-icon-sm);
  --c-select-chevron-ink: var(--g-color-brand-gray-60);
  --c-select-surface-disabled: var(--g-color-brand-gray-20);
  --c-select-ink-disabled: var(--g-color-brand-gray-40);
  --c-select-border-disabled: var(--g-color-brand-gray-20);
  --c-select-list-offset: var(--s-space-xs);
  --c-select-list-max-height: var(--s-size-measure-ui);
  --c-select-elevation: var(--s-elevation-overlay);
  --c-select-option-check-size: var(--s-size-icon-sm);
  --c-select-option-check-ink: var(--s-color-action-base);
  --c-select-trigger-border-error: var(--g-color-error-50);
  --c-select-chevron-ink-disabled: var(--g-color-brand-gray-40);
  --c-reference-list-head-gap: var(--s-space-3xl);
  --c-reference-list-label-font-family: var(--s-font-family-ui);
  --c-reference-list-label-font-size: var(--s-type-ui-sm-size);
  --c-reference-list-label-line-height: var(--s-type-ui-sm-line-height);
  --c-reference-list-label-weight: var(--s-font-weight-medium);
  --c-reference-list-label-tracking: var(--s-font-tracking-caps);
  --c-reference-list-count-weight: var(--s-font-weight-regular);
  --c-reference-list-column-gap: var(--s-space-4xl);
  --c-reference-list-row-inset-block: var(--s-space-md);
  --c-reference-list-row-gap-inner: var(--s-space-md);
  --c-reference-list-divider: var(--g-color-brand-gray-30);
  --c-reference-list-divider-width: var(--s-border-width-hairline);
  --c-reference-list-index-width: var(--s-size-icon-lg);
  --c-reference-list-index-font-family: var(--s-font-family-code);
  --c-reference-list-index-font-size: var(--s-type-code-sm-size);
  --c-reference-list-index-line-height: var(--s-type-code-sm-line-height);
  --c-reference-list-citation-font-family: var(--s-font-family-body);
  --c-reference-list-citation-font-size: var(--s-type-body-xs-size);
  --c-reference-list-citation-line-height: var(--s-type-body-xs-line-height);
  --c-reference-list-citation-tracking: var(--s-type-body-xs-tracking);
  --c-reference-list-note-inset-block: var(--s-space-base);
  --c-reference-list-note-inset-inline: var(--s-space-xl);
  --c-reference-list-note-gap: var(--s-space-md);
  --c-reference-list-summary-font-family: var(--s-font-family-body);
  --c-reference-list-summary-font-size: var(--s-type-body-md-size);
  --c-reference-list-summary-line-height: var(--s-type-body-md-line-height);
  --c-reference-list-summary-tracking: var(--s-type-body-md-tracking);
  --c-reference-list-quote-mark: var(--g-color-brand-accent-50);
  --c-reference-list-quote-mark-width: var(--s-emphasis-edge-2);
  --c-reference-list-quote-inset: var(--s-space-sm);
  --c-reference-list-link-font-family: var(--s-font-family-code);
  --c-reference-list-link-font-size: var(--s-type-code-md-size);
  --c-reference-list-link-line-height: var(--s-type-code-md-line-height);
  --c-reference-list-glyph-ink: var(--s-color-accent-soft);
  --c-reference-list-glyph-width: var(--s-space-sm);
  --c-reference-list-glyph-height: var(--s-space-xs);
  --c-reference-list-glyph-inset: var(--s-space-sm);
  --c-reference-list-note-bleed: var(--s-space-sm);
  --c-skip-link-font-family: var(--s-font-family-ui);
  --c-skip-link-font-size: var(--s-type-ui-md-size);
  --c-skip-link-line-height: var(--s-type-ui-md-line-height);
  --c-skip-link-tracking: var(--s-type-ui-md-tracking);
  --c-skip-link-surface: var(--g-color-brand-gray-0);
  --c-skip-link-ink: var(--g-color-brand-vivid-50);
  --c-skip-link-weight: var(--s-font-weight-medium);
  --c-skip-link-inset-block: var(--s-space-md);
  --c-skip-link-inset-inline: var(--s-space-xl);
  --c-skip-link-offset: var(--s-space-base);
  --c-skip-link-elevation: var(--s-elevation-toast);
  --c-skip-link-border: var(--g-color-brand-vivid-50);
  --c-skip-link-icon-size: var(--s-size-icon-sm);
  --c-pagination-font-family: var(--s-font-family-ui);
  --c-pagination-font-size: var(--s-type-ui-md-size);
  --c-pagination-line-height: var(--s-type-ui-md-line-height);
  --c-pagination-tracking: var(--s-type-ui-md-tracking);
  --c-pagination-weight: var(--s-font-weight-medium);
  --c-pagination-gap: var(--s-space-xs);
  --c-pagination-item-size: var(--s-size-control-md);
  --c-pagination-item-inset-inline: var(--s-space-md);
  --c-pagination-ink: var(--g-color-brand-gray-50);
  --c-pagination-ink-current: var(--g-color-brand-gray-90);
  --c-pagination-ink-disabled: var(--g-color-brand-gray-40);
  --c-pagination-indicator: var(--g-color-brand-vivid-50);
  --c-pagination-indicator-width: var(--s-emphasis-edge-2);
  --c-pagination-ellipsis-ink: var(--g-color-brand-gray-50);
  --c-pagination-icon-size: var(--s-size-icon-sm);
  --c-search-width: var(--s-size-measure-ui);
  --c-search-icon-size: var(--s-size-icon-md);
  --c-search-clear-size: var(--s-size-icon-lg);
  --c-search-clear-ink: var(--g-color-brand-gray-50);
  --c-search-clear-ink-hover: var(--g-color-brand-gray-90);
  --c-toast-font-family: var(--s-font-family-ui);
  --c-toast-font-size: var(--s-type-ui-md-size);
  --c-toast-line-height: var(--s-type-ui-md-line-height);
  --c-toast-tracking: var(--s-type-ui-md-tracking);
  --c-toast-surface: var(--g-color-brand-gray-0);
  --c-toast-border: var(--g-color-brand-gray-20);
  --c-toast-ink: var(--g-color-brand-gray-90);
  --c-toast-body-ink: var(--g-color-brand-gray-60);
  --c-toast-title-weight: var(--s-font-weight-medium);
  --c-toast-dismiss-ink: var(--g-color-brand-gray-80);
  --c-toast-edge-width: var(--s-emphasis-edge-2);
  --c-toast-inset: var(--s-space-base);
  --c-toast-gap: var(--s-space-md);
  --c-toast-width: var(--s-size-measure-ui);
  --c-toast-stack-gap: var(--s-space-sm);
  --c-toast-offset: var(--s-space-xl);
  --c-toast-elevation: var(--s-elevation-toast);
  --c-toast-shadow: var(--s-color-scrim-light);
  --c-toast-motion-rise: var(--s-motion-base);
  --c-toast-motion-stay: var(--s-motion-toast);
  --c-toast-error-edge: var(--g-color-error-50);
  --c-toast-warning-edge: var(--g-color-warning-50);
  --c-toast-success-edge: var(--g-color-success-50);
  --c-toast-info-edge: var(--g-color-info-50);
  --c-toast-emergency-edge: var(--g-color-emergency-50);
  --c-error-summary-surface: var(--g-color-error-5);
  --c-error-summary-border: var(--g-color-error-20);
  --c-error-summary-edge: var(--g-color-error-50);
  --c-error-summary-edge-width: var(--s-emphasis-edge-3);
  --c-error-summary-inset: var(--s-space-xl);
  --c-error-summary-gap: var(--s-space-md);
  --c-error-summary-title-font-family: var(--s-font-family-heading);
  --c-error-summary-title-font-size: var(--s-type-heading-sm-size);
  --c-error-summary-title-line-height: var(--s-type-heading-sm-line-height);
  --c-error-summary-title-tracking: var(--s-type-heading-sm-tracking);
  --c-error-summary-title-weight: var(--s-font-weight-bold);
  --c-error-summary-title-ink: var(--g-color-error-60);
  --c-error-summary-body-font-family: var(--s-font-family-ui);
  --c-error-summary-body-font-size: var(--s-type-ui-md-size);
  --c-error-summary-body-line-height: var(--s-type-ui-md-line-height);
  --c-error-summary-body-tracking: var(--s-type-ui-md-tracking);
  --c-error-summary-body-ink: var(--g-color-brand-gray-90);
  --c-error-summary-link-ink: var(--g-color-error-50);
  --c-error-summary-list-gap: var(--s-space-xs);
  --c-site-alert-inset-block: var(--s-space-md);
  --c-site-alert-inset-block-compact: var(--s-space-sm);
  --c-site-alert-inset-inline: var(--s-space-2xl);
  --c-site-alert-content-max-width: var(--s-size-measure-page);
  --c-site-alert-gap: var(--s-space-md);
  --c-site-alert-stack: var(--s-space-2xs);
  --c-site-alert-icon-size: var(--s-size-icon-md);
  --c-site-alert-title-font-family: var(--s-font-family-ui);
  --c-site-alert-title-font-size: var(--s-type-ui-md-size);
  --c-site-alert-title-line-height: var(--s-type-ui-md-line-height);
  --c-site-alert-title-tracking: var(--s-type-ui-md-tracking);
  --c-site-alert-title-weight: var(--s-font-weight-medium);
  --c-site-alert-text-font-family: var(--s-font-family-body);
  --c-site-alert-text-font-size: var(--s-type-body-sm-size);
  --c-site-alert-text-line-height: var(--s-type-body-sm-line-height);
  --c-site-alert-text-tracking: var(--s-type-body-sm-tracking);
  --c-site-alert-text-ink: var(--g-color-brand-gray-60);
  --c-site-alert-link-ink: var(--g-color-brand-vivid-60);
  --c-site-alert-info-surface: var(--g-color-info-5);
  --c-site-alert-info-border: var(--g-color-info-20);
  --c-site-alert-info-ink: var(--g-color-info-60);
  --c-site-alert-warning-surface: var(--g-color-warning-5);
  --c-site-alert-warning-border: var(--g-color-warning-20);
  --c-site-alert-warning-ink: var(--g-color-warning-60);
  --c-site-alert-emergency-surface: var(--s-color-status-emergency-fill);
  --c-site-alert-emergency-ink: var(--s-color-text-on-action);
  --c-site-alert-dismiss-ink: var(--g-color-brand-gray-80);
  --c-dl-gap: var(--s-space-base);
  --c-dl-stack: var(--s-space-xs);
  --c-dl-column-gap: var(--s-space-xl);
  --c-dl-term-width: var(--s-size-column-min);
  --c-dl-term-font-family: var(--s-font-family-ui);
  --c-dl-term-font-size: var(--s-type-ui-sm-size);
  --c-dl-term-line-height: var(--s-type-ui-sm-line-height);
  --c-dl-term-tracking: var(--s-type-ui-sm-tracking);
  --c-dl-term-weight: var(--s-font-weight-medium);
  --c-dl-term-ink: var(--g-color-brand-gray-50);
  --c-dl-detail-font-family: var(--s-font-family-body);
  --c-dl-detail-font-size: var(--s-type-body-md-size);
  --c-dl-detail-line-height: var(--s-type-body-md-line-height);
  --c-dl-detail-tracking: var(--s-type-body-md-tracking);
  --c-dl-detail-ink: var(--g-color-brand-gray-90);
  --c-dl-divider: var(--g-color-brand-gray-20);
  --c-collection-inset-block: var(--s-space-base);
  --c-collection-stack: var(--s-space-xs);
  --c-collection-divider: var(--g-color-brand-gray-20);
  --c-collection-title-font-family: var(--s-font-family-heading);
  --c-collection-title-font-size: var(--s-type-heading-sm-size);
  --c-collection-title-line-height: var(--s-type-heading-sm-line-height);
  --c-collection-title-tracking: var(--s-type-heading-sm-tracking);
  --c-collection-title-weight: var(--s-font-weight-bold);
  --c-collection-summary-font-family: var(--s-font-family-body);
  --c-collection-summary-font-size: var(--s-type-body-sm-size);
  --c-collection-summary-line-height: var(--s-type-body-sm-line-height);
  --c-collection-summary-tracking: var(--s-type-body-sm-tracking);
  --c-collection-summary-ink: var(--g-color-brand-gray-60);
  --c-collection-meta-font-family: var(--s-font-family-ui);
  --c-collection-meta-font-size: var(--s-type-ui-xs-size);
  --c-collection-meta-line-height: var(--s-type-ui-xs-line-height);
  --c-collection-meta-tracking: var(--s-type-ui-xs-tracking);
  --c-collection-meta-ink: var(--g-color-brand-gray-50);
  --c-collection-tags-gap: var(--s-space-xs);
  --c-collection-media-width: var(--s-size-media-thumbnail);
  --c-collection-media-gap: var(--s-space-base);
  --c-collection-media-surface: var(--g-color-brand-gray-3);
  --c-document-link-gap: var(--s-space-md);
  --c-document-link-stack: var(--s-space-2xs);
  --c-document-link-inset-block: var(--s-space-sm);
  --c-document-link-icon-size: var(--s-size-icon-lg);
  --c-document-link-icon-ink: var(--g-color-brand-gray-60);
  --c-document-link-mark-size: var(--s-size-icon-sm);
  --c-document-link-mark-ink: var(--g-color-brand-gray-60);
  --c-document-link-title-font-family: var(--s-font-family-ui);
  --c-document-link-title-font-size: var(--s-type-ui-lg-size);
  --c-document-link-title-line-height: var(--s-type-ui-lg-line-height);
  --c-document-link-title-tracking: var(--s-type-ui-lg-tracking);
  --c-document-link-title-weight: var(--s-font-weight-medium);
  --c-document-link-title-ink: var(--g-color-brand-vivid-60);
  --c-document-link-meta-font-family: var(--s-font-family-ui);
  --c-document-link-meta-font-size: var(--s-type-ui-xs-size);
  --c-document-link-meta-line-height: var(--s-type-ui-xs-line-height);
  --c-document-link-meta-tracking: var(--s-type-ui-xs-tracking);
  --c-document-link-meta-ink: var(--g-color-brand-gray-60);
  --c-kbd-font-family: var(--s-font-family-code);
  --c-kbd-font-size: var(--s-type-code-sm-size);
  --c-kbd-line-height: var(--s-type-code-sm-line-height);
  --c-kbd-tracking: var(--s-type-code-sm-tracking);
  --c-kbd-ink: var(--g-color-brand-gray-90);
  --c-kbd-surface: var(--g-color-brand-gray-0);
  --c-kbd-border: var(--g-color-brand-gray-40);
  --c-kbd-shoulder-width: var(--s-border-width-thick);
  --c-kbd-inset-inline: var(--s-space-xs);
  --c-kbd-inset-block: var(--s-space-2xs);
  --c-code-font-family: var(--s-font-family-code);
  --c-code-font-size: var(--s-type-code-sm-size);
  --c-code-line-height: var(--s-type-code-sm-line-height);
  --c-code-tracking: var(--s-type-code-sm-tracking);
  --c-code-ink: var(--g-color-brand-gray-90);
  --c-code-surface: var(--g-color-brand-gray-3);
  --c-code-border: var(--g-color-brand-gray-10);
  --c-code-inset-inline: var(--s-space-xs);
  --c-code-block-font-size: var(--s-type-code-md-size);
  --c-code-block-line-height: var(--s-type-code-md-line-height);
  --c-code-block-inset: var(--s-space-base);
  --c-selection-card-inset: var(--s-space-base);
  --c-selection-card-gap: var(--s-space-md);
  --c-selection-card-body-gap: var(--s-space-2xs);
  --c-selection-card-target: var(--s-size-target-min);
  --c-selection-card-surface: var(--g-color-brand-gray-0);
  --c-selection-card-surface-selected: var(--g-color-brand-vivid-10);
  --c-selection-card-border: var(--g-color-brand-gray-10);
  --c-selection-card-border-selected: var(--s-color-emphasis-border);
  --c-selection-card-edge-width-selected: var(--s-emphasis-edge-4);
  --c-selection-card-edge-selected: var(--s-color-emphasis-edge);
  --c-selection-card-title-font-family: var(--s-font-family-ui);
  --c-selection-card-title-font-size: var(--s-type-ui-lg-size);
  --c-selection-card-title-line-height: var(--s-type-ui-lg-line-height);
  --c-selection-card-title-tracking: var(--s-type-ui-lg-tracking);
  --c-selection-card-title-weight: var(--s-font-weight-medium);
  --c-selection-card-title-ink: var(--g-color-brand-gray-90);
  --c-selection-card-description-font-family: var(--s-font-family-ui);
  --c-selection-card-description-font-size: var(--s-type-ui-md-size);
  --c-selection-card-description-line-height: var(--s-type-ui-md-line-height);
  --c-selection-card-description-tracking: var(--s-type-ui-md-tracking);
  --c-selection-card-description-ink: var(--g-color-brand-gray-60);
  --c-selection-card-preview-gap: var(--s-space-md);
  --c-selection-card-preview-inset: var(--s-space-sm);
  --c-selection-card-preview-surface: var(--g-color-brand-gray-1);
  --c-explorer-index-width: var(--s-size-measure-aside);
  --c-explorer-index-gap: var(--s-space-base);
  --c-explorer-divider: var(--g-color-brand-gray-20);
  --c-explorer-row-inset-block: var(--s-space-base);
  --c-explorer-row-inset-inline: var(--s-space-base);
  --c-explorer-panel-inset: var(--s-space-2xl);
  --c-explorer-stack: var(--s-space-xs);
  --c-explorer-surface-rest: var(--g-color-brand-gray-3);
  --c-explorer-surface-current: var(--g-color-brand-gray-0);
  --c-explorer-panel-surface: var(--g-color-brand-gray-0);
  --c-explorer-panel-stack: var(--s-space-base);
  --c-explorer-edge: var(--g-color-brand-gray-40);
  --c-explorer-indicator: var(--g-color-brand-vivid-50);
  --c-explorer-indicator-width: var(--s-emphasis-edge-4);
  --c-explorer-heading-font-family: var(--s-font-family-heading);
  --c-explorer-heading-font-size: var(--s-type-heading-md-size);
  --c-explorer-heading-line-height: var(--s-type-heading-md-line-height);
  --c-explorer-heading-tracking: var(--s-type-heading-md-tracking);
  --c-explorer-heading-weight: var(--s-font-weight-bold);
  --c-explorer-heading-ink: var(--g-color-brand-gray-90);
  --c-explorer-title-font-family: var(--s-font-family-heading);
  --c-explorer-title-font-size: var(--s-type-heading-sm-size);
  --c-explorer-title-line-height: var(--s-type-heading-sm-line-height);
  --c-explorer-title-tracking: var(--s-type-heading-sm-tracking);
  --c-explorer-title-weight: var(--s-font-weight-bold);
  --c-explorer-title-ink: var(--g-color-brand-gray-90);
  --c-explorer-summary-font-family: var(--s-font-family-body);
  --c-explorer-summary-font-size: var(--s-type-body-sm-size);
  --c-explorer-summary-line-height: var(--s-type-body-sm-line-height);
  --c-explorer-summary-tracking: var(--s-type-body-sm-tracking);
  --c-explorer-summary-ink: var(--g-color-brand-gray-60);
  --c-explorer-meta-font-family: var(--s-font-family-ui);
  --c-explorer-meta-font-size: var(--s-type-ui-xs-size);
  --c-explorer-meta-line-height: var(--s-type-ui-xs-line-height);
  --c-explorer-meta-tracking: var(--s-type-ui-xs-tracking);
  --c-explorer-meta-ink: var(--g-color-brand-gray-50);
}

/* ---- 4b. component tier, dark-capable: re-declared inside the dark scope ---- */
:root, .xds-prose[data-surface="dark"], .xds-ground[data-surface="dark"], .xds-paper[data-surface="dark"], .xds-button[data-surface="dark"], .xds-link[data-surface="dark"], .xds-label[data-surface="dark"], .xds-checkbox[data-surface="dark"], .xds-switch[data-surface="dark"], .xds-chip[data-surface="dark"], .xds-divider[data-surface="dark"], .xds-field[data-surface="dark"], .xds-button-group[data-surface="dark"], .xds-card[data-surface="dark"], .xds-tile[data-surface="dark"], .xds-summary-box[data-surface="dark"], .xds-menu[data-surface="dark"], .xds-disclosure[data-surface="dark"], .xds-accordion[data-surface="dark"], .xds-reference-list[data-surface="dark"], .xds-gov-banner[data-surface="dark"], .xds-breadcrumb[data-surface="dark"], .xds-in-page-nav[data-surface="dark"], .xds-text[data-surface="dark"], .xds-icon[data-surface="dark"], .xds-eyebrow[data-surface="dark"], .xds-section-heading[data-surface="dark"], .xds-pull-quote[data-surface="dark"], .xds-stat[data-surface="dark"], .xds-section-opener[data-surface="dark"], .xds-objective[data-surface="dark"], .xds-header[data-surface="dark"], .xds-hero[data-surface="dark"], .xds-modal[data-surface="dark"], .xds-footer[data-surface="dark"], .xds-header__utility[data-surface="dark"] {
  --c-page-surface: var(--s-color-surface-page);
  --c-page-surface-raised: var(--s-color-surface-raised);
  --c-page-surface-sunken: var(--s-color-surface-sunken);
  --c-page-border-raised: var(--s-color-border-on-raised);
  --c-page-border-sunken: var(--s-color-border-on-sunken);
  --c-page-border-width: var(--s-border-width-hairline);
  --c-page-ink: var(--s-color-text-primary);
  --c-page-font-family: var(--s-font-family-body);
  --c-page-font-size: var(--s-type-body-sm-size);
  --c-page-line-height: var(--s-type-body-sm-line-height);
  --c-page-tracking: var(--s-type-body-sm-tracking);
  --c-page-selection: var(--s-color-surface-selection);
  --c-page-selection-ink: var(--s-color-pinned-ink-strong);
  --c-page-focus-ring: var(--s-color-focus-ring);
  --c-page-focus-width: var(--s-focus-width);
  --c-page-inset: var(--s-space-2xl);
  --c-page-measure: var(--s-size-measure-text);
  --c-page-stack: var(--s-space-base);
  --c-page-motion-state: var(--s-motion-fast);
  --c-page-state-hover: var(--s-color-state-hover);
  --c-page-state-tint-hover: var(--s-color-state-hover-tint);
  --c-page-state-pressed: var(--s-color-state-pressed);
  --c-page-radius: var(--s-radius-control);
  --c-page-busy-opacity: var(--s-opacity-disabled);
  --c-page-motion-busy: var(--s-motion-base);
  --c-page-motion-travel: var(--s-motion-travel);
  --c-page-compact-gutter: var(--s-space-base);
  --c-page-compact-stack: var(--s-space-xl);
  --c-page-target-min: var(--s-size-target-min);
  --c-page-target-min-wide: var(--s-size-icon-lg);
  --c-page-focus-gap: var(--s-focus-gap);
  --c-page-gap-2xs: var(--s-space-2xs);
  --c-page-breakpoint-compact: var(--s-breakpoint-compact);
  --c-page-breakpoint-narrow: var(--s-breakpoint-narrow);
  --c-page-motion-ease: var(--s-motion-ease-standard);
  --c-page-motion-ease-enter: var(--s-motion-ease-enter);
  --c-page-motion-ease-exit: var(--s-motion-ease-exit);
  --c-prose-stack: var(--s-space-base);
  --c-prose-stack-heading: var(--s-space-2xl);
  --c-prose-stack-heading-lg: var(--s-space-3xl);
  --c-prose-stack-heading-sm: var(--s-space-xl);
  --c-prose-stack-tight: var(--s-space-xs);
  --c-prose-measure: var(--s-size-measure-text);
  --c-prose-indent: var(--s-space-xl);
  --c-prose-ink: var(--s-color-text-primary);
  --c-prose-heading-ink: var(--s-color-text-heading);
  --c-prose-ink-secondary: var(--s-color-text-secondary);
  --c-prose-body-font-family: var(--s-font-family-body);
  --c-prose-body-font-size: var(--s-type-body-md-size);
  --c-prose-body-line-height: var(--s-type-body-md-line-height);
  --c-prose-body-tracking: var(--s-type-body-md-tracking);
  --c-prose-body-weight: var(--s-font-weight-regular);
  --c-prose-strong-weight: var(--s-font-weight-semibold);
  --c-prose-lead-font-size: var(--s-type-body-lg-size);
  --c-prose-lead-line-height: var(--s-type-body-lg-line-height);
  --c-prose-lead-tracking: var(--s-type-body-lg-tracking);
  --c-prose-small-font-size: var(--s-type-body-sm-size);
  --c-prose-small-line-height: var(--s-type-body-sm-line-height);
  --c-prose-small-tracking: var(--s-type-body-sm-tracking);
  --c-prose-heading-font-family: var(--s-font-family-heading);
  --c-prose-heading-weight: var(--s-font-weight-bold);
  --c-prose-heading-weight-minor: var(--s-font-weight-medium);
  --c-prose-h1-font-size: var(--s-type-heading-xl-size);
  --c-prose-h1-line-height: var(--s-type-heading-xl-line-height);
  --c-prose-h1-tracking: var(--s-type-heading-xl-tracking);
  --c-prose-h2-font-size: var(--s-type-heading-lg-size);
  --c-prose-h2-line-height: var(--s-type-heading-lg-line-height);
  --c-prose-h2-tracking: var(--s-type-heading-lg-tracking);
  --c-prose-h3-font-size: var(--s-type-heading-md-size);
  --c-prose-h3-line-height: var(--s-type-heading-md-line-height);
  --c-prose-h3-tracking: var(--s-type-heading-md-tracking);
  --c-prose-h4-font-size: var(--s-type-heading-sm-size);
  --c-prose-h4-line-height: var(--s-type-heading-sm-line-height);
  --c-prose-h4-tracking: var(--s-type-heading-sm-tracking);
  --c-prose-h5-font-size: var(--s-type-heading-xs-size);
  --c-prose-h5-line-height: var(--s-type-heading-xs-line-height);
  --c-prose-h5-tracking: var(--s-type-heading-xs-tracking);
  --c-prose-marker-ink: var(--s-color-text-secondary);
  --c-prose-quote-mark: var(--s-color-border-vivid-soft);
  --c-prose-quote-mark-width: var(--s-border-width-thick);
  --c-prose-quote-inset-inline: var(--s-space-xl);
  --c-prose-cite-font-family: var(--s-font-family-ui);
  --c-prose-cite-font-size: var(--s-type-ui-sm-size);
  --c-prose-cite-line-height: var(--s-type-ui-sm-line-height);
  --c-prose-cite-tracking: var(--s-type-ui-sm-tracking);
  --c-prose-link-ink: var(--s-color-action-link);
  --c-prose-link-ink-visited: var(--s-color-action-link-visited);
  --c-prose-link-underline-width: var(--s-border-width-hairline);
  --c-prose-divider: var(--s-color-border-divider);
  --c-prose-divider-width: var(--s-border-width-hairline);
  --c-prose-table-surface: var(--s-color-surface-raised);
  --c-prose-table-border: var(--s-color-border-on-raised);
  --c-prose-table-head-surface: var(--s-color-surface-sunken);
  --c-prose-table-head-divider: var(--s-color-text-primary);
  --c-prose-table-head-divider-width: var(--s-border-width-thick);
  --c-prose-table-font-family: var(--s-font-family-ui);
  --c-prose-table-head-font-size: var(--s-type-ui-md-size);
  --c-prose-table-head-line-height: var(--s-type-ui-md-line-height);
  --c-prose-table-head-weight: var(--s-font-weight-medium);
  --c-prose-table-head-tracking: var(--s-font-tracking-caps);
  --c-prose-table-head-ink: var(--s-color-text-secondary);
  --c-prose-table-cell-font-size: var(--s-type-ui-lg-size);
  --c-prose-table-cell-line-height: var(--s-type-ui-lg-line-height);
  --c-prose-table-cell-tracking: var(--s-type-ui-lg-tracking);
  --c-prose-table-cell-inset-inline: var(--s-space-base);
  --c-prose-table-cell-inset-block: var(--s-space-md);
  --c-prose-table-caption-font-size: var(--s-type-ui-md-size);
  --c-prose-table-caption-tracking: var(--s-type-ui-md-tracking);
  --c-prose-table-caption-ink: var(--s-color-text-tertiary);
  --c-prose-code-font-family: var(--s-font-family-code);
  --c-prose-code-font-size: var(--s-type-code-sm-size);
  --c-prose-code-line-height: var(--s-type-code-sm-line-height);
  --c-prose-code-tracking: var(--s-type-code-sm-tracking);
  --c-prose-pre-font-size: var(--s-type-code-md-size);
  --c-prose-pre-line-height: var(--s-type-code-md-line-height);
  --c-prose-code-surface: var(--s-color-surface-sunken);
  --c-prose-code-border: var(--s-color-border-on-sunken);
  --c-prose-code-inset-inline: var(--s-space-xs);
  --c-prose-pre-inset: var(--s-space-base);
  --c-prose-dt-font-family: var(--s-font-family-ui);
  --c-prose-dt-font-size: var(--s-type-ui-md-size);
  --c-prose-dt-line-height: var(--s-type-ui-md-line-height);
  --c-prose-dt-tracking: var(--s-type-ui-md-tracking);
  --c-prose-dt-weight: var(--s-font-weight-medium);
  --c-prose-figcaption-gap: var(--s-space-sm);
  --c-text-ui-xs-size: var(--s-type-ui-xs-size);
  --c-text-ui-xs-line-height: var(--s-type-ui-xs-line-height);
  --c-text-ui-xs-tracking: var(--s-type-ui-xs-tracking);
  --c-text-ui-sm-size: var(--s-type-ui-sm-size);
  --c-text-ui-sm-line-height: var(--s-type-ui-sm-line-height);
  --c-text-ui-sm-tracking: var(--s-type-ui-sm-tracking);
  --c-text-ui-md-size: var(--s-type-ui-md-size);
  --c-text-ui-md-line-height: var(--s-type-ui-md-line-height);
  --c-text-ui-md-tracking: var(--s-type-ui-md-tracking);
  --c-text-ui-lg-size: var(--s-type-ui-lg-size);
  --c-text-ui-lg-line-height: var(--s-type-ui-lg-line-height);
  --c-text-ui-lg-tracking: var(--s-type-ui-lg-tracking);
  --c-text-ui-xl-size: var(--s-type-ui-xl-size);
  --c-text-ui-xl-line-height: var(--s-type-ui-xl-line-height);
  --c-text-ui-xl-tracking: var(--s-type-ui-xl-tracking);
  --c-text-ui-2xl-size: var(--s-type-ui-2xl-size);
  --c-text-ui-2xl-line-height: var(--s-type-ui-2xl-line-height);
  --c-text-ui-2xl-tracking: var(--s-type-ui-2xl-tracking);
  --c-text-body-xs-size: var(--s-type-body-xs-size);
  --c-text-body-xs-line-height: var(--s-type-body-xs-line-height);
  --c-text-body-xs-tracking: var(--s-type-body-xs-tracking);
  --c-text-body-sm-size: var(--s-type-body-sm-size);
  --c-text-body-sm-line-height: var(--s-type-body-sm-line-height);
  --c-text-body-sm-tracking: var(--s-type-body-sm-tracking);
  --c-text-body-md-size: var(--s-type-body-md-size);
  --c-text-body-md-line-height: var(--s-type-body-md-line-height);
  --c-text-body-md-tracking: var(--s-type-body-md-tracking);
  --c-text-body-lg-size: var(--s-type-body-lg-size);
  --c-text-body-lg-line-height: var(--s-type-body-lg-line-height);
  --c-text-body-lg-tracking: var(--s-type-body-lg-tracking);
  --c-text-body-xl-size: var(--s-type-body-xl-size);
  --c-text-body-xl-line-height: var(--s-type-body-xl-line-height);
  --c-text-body-xl-tracking: var(--s-type-body-xl-tracking);
  --c-text-heading-xs-size: var(--s-type-heading-xs-size);
  --c-text-heading-xs-line-height: var(--s-type-heading-xs-line-height);
  --c-text-heading-xs-tracking: var(--s-type-heading-xs-tracking);
  --c-text-heading-sm-size: var(--s-type-heading-sm-size);
  --c-text-heading-sm-line-height: var(--s-type-heading-sm-line-height);
  --c-text-heading-sm-tracking: var(--s-type-heading-sm-tracking);
  --c-text-heading-md-size: var(--s-type-heading-md-size);
  --c-text-heading-md-line-height: var(--s-type-heading-md-line-height);
  --c-text-heading-md-tracking: var(--s-type-heading-md-tracking);
  --c-text-heading-lg-size: var(--s-type-heading-lg-size);
  --c-text-heading-lg-line-height: var(--s-type-heading-lg-line-height);
  --c-text-heading-lg-tracking: var(--s-type-heading-lg-tracking);
  --c-text-heading-xl-size: var(--s-type-heading-xl-size);
  --c-text-heading-xl-line-height: var(--s-type-heading-xl-line-height);
  --c-text-heading-xl-tracking: var(--s-type-heading-xl-tracking);
  --c-text-display-xs-size: var(--s-type-display-xs-size);
  --c-text-display-xs-line-height: var(--s-type-display-xs-line-height);
  --c-text-display-xs-tracking: var(--s-type-display-xs-tracking);
  --c-text-display-sm-size: var(--s-type-display-sm-size);
  --c-text-display-sm-line-height: var(--s-type-display-sm-line-height);
  --c-text-display-sm-tracking: var(--s-type-display-sm-tracking);
  --c-text-display-md-size: var(--s-type-display-md-size);
  --c-text-display-md-line-height: var(--s-type-display-md-line-height);
  --c-text-display-md-tracking: var(--s-type-display-md-tracking);
  --c-text-display-lg-size: var(--s-type-display-lg-size);
  --c-text-display-lg-line-height: var(--s-type-display-lg-line-height);
  --c-text-display-lg-tracking: var(--s-type-display-lg-tracking);
  --c-text-display-xl-size: var(--s-type-display-xl-size);
  --c-text-display-xl-line-height: var(--s-type-display-xl-line-height);
  --c-text-display-xl-tracking: var(--s-type-display-xl-tracking);
  --c-text-code-sm-size: var(--s-type-code-sm-size);
  --c-text-code-sm-line-height: var(--s-type-code-sm-line-height);
  --c-text-code-sm-tracking: var(--s-type-code-sm-tracking);
  --c-text-code-md-size: var(--s-type-code-md-size);
  --c-text-code-md-line-height: var(--s-type-code-md-line-height);
  --c-text-code-md-tracking: var(--s-type-code-md-tracking);
  --c-text-code-lg-size: var(--s-type-code-lg-size);
  --c-text-code-lg-line-height: var(--s-type-code-lg-line-height);
  --c-text-code-lg-tracking: var(--s-type-code-lg-tracking);
  --c-text-family-display: var(--s-font-family-display);
  --c-text-family-heading: var(--s-font-family-heading);
  --c-text-family-body: var(--s-font-family-body);
  --c-text-family-ui: var(--s-font-family-ui);
  --c-text-family-code: var(--s-font-family-code);
  --c-text-weight-regular: var(--s-font-weight-regular);
  --c-text-weight-medium: var(--s-font-weight-medium);
  --c-text-weight-semibold: var(--s-font-weight-semibold);
  --c-text-weight-bold: var(--s-font-weight-bold);
  --c-text-tracking-ui: var(--s-font-tracking-ui);
  --c-text-tracking-none: var(--s-font-tracking-none);
  --c-text-ink: var(--s-color-text-primary);
  --c-text-ink-secondary: var(--s-color-text-secondary);
  --c-text-ink-tertiary: var(--s-color-text-tertiary);
  --c-text-measure: var(--s-size-measure-text);
  --c-icon-size-sm: var(--s-size-icon-sm);
  --c-icon-size-md: var(--s-size-icon-md);
  --c-icon-size-lg: var(--s-size-icon-lg);
  --c-icon-size-xl: var(--s-size-icon-xl);
  --c-icon-size-2xl: var(--s-size-icon-2xl);
  --c-icon-ink: var(--s-color-text-primary);
  --c-icon-ink-secondary: var(--s-color-text-secondary);
  --c-icon-ink-tertiary: var(--s-color-text-tertiary);
  --c-icon-ink-disabled: var(--s-color-text-disabled);
  --c-icon-ink-action: var(--s-color-action-base);
  --c-icon-ink-accent: var(--s-color-accent-base);
  --c-icon-ink-on-action: var(--s-color-text-on-action);
  --c-icon-ink-error: var(--s-color-status-error-base);
  --c-icon-ink-warning: var(--s-color-status-warning-base);
  --c-icon-ink-success: var(--s-color-status-success-base);
  --c-icon-ink-info: var(--s-color-status-info-base);
  --c-icon-ink-emergency: var(--s-color-status-emergency-base);
  --c-button-font-family: var(--s-font-family-ui);
  --c-button-weight: var(--s-font-weight-medium);
  --c-button-tracking: var(--s-type-ui-lg-tracking);
  --c-button-font-size-sm: var(--s-type-ui-md-size);
  --c-button-font-size-md: var(--s-type-ui-lg-size);
  --c-button-font-size-lg: var(--s-type-ui-xl-size);
  --c-button-line-height: var(--s-type-ui-lg-line-height);
  --c-button-height-sm: var(--s-size-control-sm);
  --c-button-height-md: var(--s-size-control-md);
  --c-button-height-lg: var(--s-size-control-lg);
  --c-button-inset-inline-sm: var(--s-space-md);
  --c-button-inset-inline-md: var(--s-space-lg);
  --c-button-inset-inline-lg: var(--s-space-xl);
  --c-button-gap: var(--s-space-sm);
  --c-button-icon-size: var(--s-size-icon-md);
  --c-button-primary-fill: var(--s-color-action-base);
  --c-button-primary-ink: var(--s-color-text-on-action);
  --c-button-primary-hover: var(--s-color-state-hover-fixed);
  --c-button-primary-pressed: var(--s-color-state-pressed-fixed);
  --c-button-secondary-outline: var(--s-color-action-outline);
  --c-button-destructive-fill: var(--s-color-action-destructive);
  --c-button-fill-disabled: var(--s-color-surface-disabled);
  --c-button-ink-disabled: var(--s-color-text-disabled);
  --c-button-border-disabled: var(--s-color-border-disabled);
  --c-button-accent-fill: var(--s-color-accent-fill);
  --c-button-accent-outline: var(--s-color-accent-outline);
  --c-link-ink: var(--s-color-action-link);
  --c-link-underline-width: var(--s-border-width-hairline);
  --c-link-ink-visited: var(--s-color-action-link-visited);
  --c-label-font-family: var(--s-font-family-ui);
  --c-label-weight: var(--s-font-weight-medium);
  --c-label-font-size: var(--s-type-ui-md-size);
  --c-label-line-height: var(--s-type-ui-md-line-height);
  --c-label-tracking: var(--s-type-ui-md-tracking);
  --c-label-ink: var(--s-color-text-primary);
  --c-label-ink-required: var(--s-color-status-error-ink);
  --c-label-gap: var(--s-space-xs);
  --c-checkbox-label-ink: var(--s-color-text-primary);
  --c-checkbox-label-ink-disabled: var(--s-color-text-disabled);
  --c-switch-label-ink: var(--s-color-text-primary);
  --c-divider-divider: var(--s-color-border-divider-soft);
  --c-divider-divider-strong: var(--s-color-border-divider-strong);
  --c-divider-divider-width: var(--s-border-width-hairline);
  --c-divider-divider-width-strong: var(--s-border-width-thick);
  --c-divider-space: var(--s-space-base);
  --c-field-help-ink: var(--s-color-text-tertiary);
  --c-field-error-ink: var(--s-color-status-error-text);
  --c-field-label-ink-disabled: var(--s-color-text-disabled);
  --c-button-group-gap: var(--s-space-sm);
  --c-card-surface: var(--s-color-surface-card);
  --c-card-surface-gray: var(--s-color-surface-tint-gray);
  --c-card-surface-cream: var(--s-color-surface-tint-cream);
  --c-card-surface-primary: var(--s-color-surface-tint-primary);
  --c-card-surface-vivid: var(--s-color-surface-tint-vivid);
  --c-card-surface-gray-70: var(--s-color-surface-shade-gray-70);
  --c-card-surface-gray-80: var(--s-color-surface-shade-gray-80);
  --c-card-surface-gray-90: var(--s-color-surface-shade-gray-90);
  --c-card-border: var(--s-color-border-on-elevated);
  --c-card-emphasis-border: var(--s-color-emphasis-border);
  --c-card-emphasis-edge: var(--s-color-emphasis-edge);
  --c-card-accent-border: var(--s-color-emphasis-accent-border);
  --c-card-accent-edge: var(--s-color-emphasis-accent-edge);
  --c-card-accent-surface: var(--s-color-emphasis-accent-surface);
  --c-card-accent-eyebrow-ink: var(--s-color-emphasis-accent-ink);
  --c-card-accent-title-ink: var(--s-color-emphasis-accent-ink-strong);
  --c-card-emphasis-edge-1: var(--s-emphasis-edge-1);
  --c-card-emphasis-edge-2: var(--s-emphasis-edge-2);
  --c-card-emphasis-edge-3: var(--s-emphasis-edge-3);
  --c-card-emphasis-edge-4: var(--s-emphasis-edge-4);
  --c-card-inset: var(--s-space-xl);
  --c-card-inset-compact: var(--s-space-base);
  --c-card-stack: var(--s-space-sm);
  --c-card-eyebrow-font-family: var(--s-font-family-ui);
  --c-card-eyebrow-font-size: var(--s-type-ui-xs-size);
  --c-card-eyebrow-line-height: var(--s-type-ui-xs-line-height);
  --c-card-eyebrow-weight: var(--s-font-weight-medium);
  --c-card-eyebrow-ink: var(--s-color-accent-base);
  --c-card-title-font-family: var(--s-font-family-heading);
  --c-card-title-font-size: var(--s-type-heading-sm-size);
  --c-card-title-line-height: var(--s-type-heading-sm-line-height);
  --c-card-title-tracking: var(--s-type-heading-sm-tracking);
  --c-card-title-weight: var(--s-font-weight-bold);
  --c-card-title-ink: var(--s-color-text-primary);
  --c-card-body-font-family: var(--s-font-family-body);
  --c-card-body-font-size: var(--s-type-body-sm-size);
  --c-card-body-line-height: var(--s-type-body-sm-line-height);
  --c-card-body-tracking: var(--s-type-body-sm-tracking);
  --c-card-body-ink: var(--s-color-text-secondary);
  --c-card-meta-font-family: var(--s-font-family-ui);
  --c-card-meta-font-size: var(--s-type-ui-sm-size);
  --c-card-meta-line-height: var(--s-type-ui-sm-line-height);
  --c-card-meta-tracking: var(--s-type-ui-sm-tracking);
  --c-card-meta-ink: var(--s-color-text-tertiary);
  --c-card-eyebrow-tracking: var(--s-font-tracking-caps);
  --c-card-emphasis-title-font-size: var(--s-type-heading-md-size);
  --c-card-emphasis-title-line-height: var(--s-type-heading-md-line-height);
  --c-card-emphasis-title-tracking: var(--s-type-heading-md-tracking);
  --c-card-emphasis-body-font-size: var(--s-type-body-lg-size);
  --c-card-emphasis-body-line-height: var(--s-type-body-lg-line-height);
  --c-card-emphasis-body-tracking: var(--s-type-body-lg-tracking);
  --c-menu-surface: var(--s-color-surface-menu);
  --c-menu-surface-accent: var(--s-color-surface-raised);
  --c-menu-surface-vivid: var(--s-color-surface-elevated);
  --c-menu-border: var(--s-color-border-on-raised);
  --c-menu-min-width: var(--s-size-measure-ui);
  --c-menu-item-font-family: var(--s-font-family-ui);
  --c-menu-item-font-size: var(--s-type-ui-lg-size);
  --c-menu-item-line-height: var(--s-type-ui-lg-line-height);
  --c-menu-item-tracking: var(--s-type-ui-lg-tracking);
  --c-menu-item-height: var(--s-size-control-md);
  --c-menu-item-inset-inline: var(--s-space-md);
  --c-menu-item-ink: var(--s-color-text-menu-item);
  --c-menu-item-surface-selected: var(--s-color-surface-selected-primary);
  --c-menu-item-edge-selected: var(--s-color-emphasis-selected-edge-primary);
  --c-menu-item-surface-accent-selected: var(--s-color-surface-selected-accent);
  --c-menu-item-edge-accent-selected: var(--s-color-emphasis-selected-edge);
  --c-menu-item-surface-vivid-selected: var(--s-color-surface-selected-vivid);
  --c-menu-item-edge-vivid-selected: var(--s-color-emphasis-selected-edge-vivid);
  --c-menu-item-edge-width-selected: var(--s-emphasis-edge-2);
  --c-menu-item-ink-disabled: var(--s-color-text-disabled);
  --c-menu-separator: var(--s-color-border-on-raised);
  --c-menu-elevation: var(--s-elevation-overlay);
  --c-menu-item-ink-selected: var(--s-color-text-on-selected);
  --c-menu-border-vivid: var(--s-color-border-on-elevated);
  --c-header-utility-surface: var(--s-color-surface-sunken);
  --c-header-utility-divider: var(--s-color-border-vivid);
  --c-header-utility-inset-block: var(--s-space-xs);
  --c-header-utility-font-family: var(--s-font-family-ui);
  --c-header-utility-font-size: var(--s-type-ui-sm-size);
  --c-header-utility-line-height: var(--s-type-ui-sm-line-height);
  --c-header-utility-tracking: var(--s-type-ui-sm-tracking);
  --c-header-utility-weight: var(--s-font-weight-medium);
  --c-header-utility-ink: var(--s-color-text-primary);
  --c-header-utility-gap: var(--s-space-base);
  --c-header-surface: var(--s-color-surface-bar);
  --c-header-surface-cover: var(--s-color-surface-glass);
  --c-header-divider: var(--s-color-border-divider-soft);
  --c-header-height: var(--s-size-control-lg);
  --c-header-inset-inline: var(--s-space-2xl);
  --c-header-inset-block: var(--s-space-xs);
  --c-header-inset-block-cover: var(--s-space-base);
  --c-header-content-max-width: var(--s-size-measure-page);
  --c-header-gap: var(--s-space-2xl);
  --c-header-logo-size: var(--s-size-icon-xl);
  --c-header-logo-size-cover: var(--s-size-control-lg);
  --c-header-logo-fill: var(--s-color-text-primary);
  --c-header-brand-font-family: var(--s-font-family-heading);
  --c-header-brand-font-size: var(--s-type-ui-xl-size);
  --c-header-brand-weight: var(--s-font-weight-bold);
  --c-header-brand-ink: var(--s-color-text-primary);
  --c-header-brand-gap: var(--s-space-md);
  --c-header-nav-gap: var(--s-space-xl);
  --c-header-nav-font-family: var(--s-font-family-ui);
  --c-header-nav-font-size: var(--s-type-ui-md-size);
  --c-header-nav-line-height: var(--s-type-ui-md-line-height);
  --c-header-nav-weight: var(--s-font-weight-medium);
  --c-header-nav-tracking: var(--s-type-ui-md-tracking);
  --c-header-nav-ink: var(--s-color-text-primary);
  --c-header-nav-indicator: var(--s-color-emphasis-selected-edge);
  --c-header-nav-indicator-width: var(--s-border-width-heavy);
  --c-header-nav-indicator-gap: var(--s-space-xs);
  --c-header-nav-chevron-size: var(--s-size-icon-sm);
  --c-header-search-width: var(--s-size-measure-ui-compact);
  --c-header-search-min-width: var(--s-size-measure-ui-compact);
  --c-header-shelf-surface: var(--s-color-surface-sunken);
  --c-header-shelf-divider: var(--s-color-border-divider-soft);
  --c-header-shelf-inset-block: var(--s-space-sm);
  --c-header-mega-surface: var(--s-color-pinned-surface);
  --c-header-mega-surface-on-light: var(--s-color-pinned-surface-elevated-dark);
  --c-header-mega-heading-ink-on-light: var(--s-color-pinned-ink-strong-dark);
  --c-header-mega-link-ink-on-light: var(--s-color-pinned-link-dark);
  --c-header-mega-border-on-light: var(--s-color-pinned-border);
  --c-header-mega-divider: var(--s-color-pinned-border);
  --c-header-mega-inset-block: var(--s-space-2xl);
  --c-header-mega-column-gap: var(--s-space-2xl);
  --c-header-mega-stack: var(--s-space-base);
  --c-header-mega-list-gap: var(--s-space-sm);
  --c-header-mega-heading-font-size: var(--s-type-ui-md-size);
  --c-header-mega-heading-weight: var(--s-font-weight-medium);
  --c-header-mega-heading-ink: var(--s-color-pinned-ink-strong);
  --c-header-mega-link-font-size: var(--s-type-ui-md-size);
  --c-header-mega-link-line-height: var(--s-type-ui-md-line-height);
  --c-header-mega-link-tracking: var(--s-type-ui-md-tracking);
  --c-header-mega-link-ink: var(--s-color-pinned-link);
  --c-header-elevation: var(--s-elevation-sticky);
  --c-header-compact-inset-inline: var(--s-space-base);
  --c-header-compact-inset-block: var(--s-space-sm);
  --c-header-compact-height: var(--s-size-control-lg);
  --c-header-compact-logo-size: var(--s-size-icon-lg);
  --c-header-compact-brand-font-size: var(--s-type-ui-lg-size);
  --c-header-menu-size: var(--s-size-target-min);
  --c-header-menu-icon-size: var(--s-size-icon-lg);
  --c-header-drawer-surface: var(--s-color-surface-bar);
  --c-header-drawer-edge: var(--s-color-surface-sunken);
  --c-header-drawer-edge-width: var(--s-emphasis-edge-2);
  --c-header-drawer-inset-block-start: var(--s-space-base);
  --c-header-drawer-inset-block-end: var(--s-space-xl);
  --c-header-drawer-gap: var(--s-space-base);
  --c-header-drawer-row-inset-block: var(--s-space-md);
  --c-header-drawer-row-gap: var(--s-space-md);
  --c-header-drawer-divider: var(--s-color-border-divider);
  --c-header-drawer-sub-inset-inline: var(--s-space-base);
  --c-header-drawer-sub-inset-block: var(--s-space-md);
  --c-header-drawer-sub-gap: var(--s-space-sm);
  --c-header-drawer-heading-ink: var(--s-color-text-primary);
  --c-header-drawer-link-ink: var(--s-color-action-link);
  --c-header-mega-column-max: var(--s-size-aside-nav);
  --c-header-mega-column-min: var(--s-size-column-min);
  --c-header-brand-tracking: var(--s-type-ui-xl-tracking);
  --c-header-mega-heading-tracking: var(--s-type-ui-md-tracking);
  --c-header-compact-brand-tracking: var(--s-type-ui-lg-tracking);
  --c-modal-scrim: var(--s-color-surface-scrim);
  --c-modal-surface: var(--s-color-surface-raised);
  --c-modal-edge: var(--s-color-emphasis-edge);
  --c-modal-border: var(--s-color-emphasis-border);
  --c-modal-edge-width: var(--s-emphasis-edge-3);
  --c-modal-width: var(--s-size-measure-prose);
  --c-modal-inset: var(--s-space-2xl);
  --c-modal-gap: var(--s-space-base);
  --c-modal-title-font-family: var(--s-font-family-heading);
  --c-modal-title-font-size: var(--s-type-heading-md-size);
  --c-modal-title-line-height: var(--s-type-heading-md-line-height);
  --c-modal-title-tracking: var(--s-type-heading-md-tracking);
  --c-modal-title-weight: var(--s-font-weight-bold);
  --c-modal-title-ink: var(--s-color-text-primary);
  --c-modal-body-font-family: var(--s-font-family-body);
  --c-modal-body-font-size: var(--s-type-body-sm-size);
  --c-modal-body-line-height: var(--s-type-body-sm-line-height);
  --c-modal-body-tracking: var(--s-type-body-sm-tracking);
  --c-modal-body-ink: var(--s-color-text-secondary);
  --c-modal-actions-gap: var(--s-space-sm);
  --c-modal-elevation: var(--s-elevation-modal);
  --c-modal-close-inset: var(--s-space-sm);
  --c-modal-close-ink: var(--s-color-text-dismiss);
  --c-footer-surface: var(--s-color-surface-sunken);
  --c-footer-divider: var(--s-color-border-divider);
  --c-footer-divider-width: var(--s-border-width-hairline);
  --c-footer-band-inset-block: var(--s-space-2xl);
  --c-footer-band-inset-block-compact: var(--s-space-base);
  --c-footer-band-inset-inline: var(--s-space-2xl);
  --c-footer-content-max-width: var(--s-size-measure-page);
  --c-footer-column-gap: var(--s-space-xl);
  --c-footer-stack: var(--s-space-md);
  --c-footer-list-gap: var(--s-space-sm);
  --c-footer-subscribe-max-width: var(--s-size-measure-ui);
  --c-footer-block-max-width: var(--s-size-measure-ui);
  --c-footer-logo-size: var(--s-size-control-lg);
  --c-footer-logo-fill: var(--s-color-text-primary);
  --c-footer-brand-font-family: var(--s-font-family-heading);
  --c-footer-brand-font-size: var(--s-type-ui-xl-size);
  --c-footer-brand-line-height: var(--s-type-heading-xs-line-height);
  --c-footer-brand-tracking: var(--s-type-ui-xl-tracking);
  --c-footer-brand-weight: var(--s-font-weight-regular);
  --c-footer-brand-ink: var(--s-color-text-primary);
  --c-footer-address-font-family: var(--s-font-family-ui);
  --c-footer-address-font-size: var(--s-type-ui-md-size);
  --c-footer-address-line-height: var(--s-type-ui-md-line-height);
  --c-footer-address-tracking: var(--s-type-ui-md-tracking);
  --c-footer-address-ink: var(--s-color-text-secondary);
  --c-footer-heading-font-family: var(--s-font-family-ui);
  --c-footer-heading-font-size: var(--s-type-ui-lg-size);
  --c-footer-heading-line-height: var(--s-type-ui-lg-line-height);
  --c-footer-heading-weight: var(--s-font-weight-medium);
  --c-footer-heading-tracking: var(--s-type-ui-lg-tracking);
  --c-footer-heading-ink: var(--s-color-text-primary);
  --c-footer-description-font-family: var(--s-font-family-ui);
  --c-footer-description-font-size: var(--s-type-body-xs-size);
  --c-footer-description-line-height: var(--s-type-body-xs-line-height);
  --c-footer-description-tracking: var(--s-type-body-xs-tracking);
  --c-footer-description-ink: var(--s-color-text-secondary);
  --c-footer-link-font-family: var(--s-font-family-ui);
  --c-footer-link-font-size: var(--s-type-ui-md-size);
  --c-footer-link-line-height: var(--s-type-ui-md-line-height);
  --c-footer-link-tracking: var(--s-type-ui-md-tracking);
  --c-footer-link-ink: var(--s-color-action-link);
  --c-footer-social-label-weight: var(--s-font-weight-medium);
  --c-footer-social-size: var(--s-size-control-md);
  --c-footer-social-surface: var(--s-color-surface-raised);
  --c-footer-social-border: var(--s-color-border-on-raised);
  --c-footer-social-ink: var(--s-color-text-secondary);
  --c-footer-social-icon-size: var(--s-size-icon-lg);
  --c-footer-social-gap: var(--s-space-md);
  --c-footer-compliance-font-size: var(--s-type-ui-sm-size);
  --c-footer-compliance-line-height: var(--s-type-ui-sm-line-height);
  --c-footer-compliance-tracking: var(--s-type-ui-sm-tracking);
  --c-footer-compliance-gap: var(--s-space-xl);
  --c-footer-legal-font-family: var(--s-font-family-ui);
  --c-footer-legal-font-size: var(--s-type-ui-sm-size);
  --c-footer-legal-line-height: var(--s-type-ui-sm-line-height);
  --c-footer-legal-tracking: var(--s-type-ui-sm-tracking);
  --c-footer-legal-ink: var(--s-color-text-secondary);
  --c-footer-compact-band-inset-inline: var(--s-space-base);
  --c-footer-compact-stack: var(--s-space-xl);
  --c-footer-sitemap-height: var(--s-size-control-lg);
  --c-footer-sitemap-inset-block: var(--s-space-sm);
  --c-footer-sitemap-weight: var(--s-font-weight-medium);
  --c-footer-sitemap-ink: var(--s-color-action-link);
  --c-footer-sitemap-surface: var(--s-color-surface-raised);
  --c-footer-sitemap-inset-inline: var(--s-space-xl);
  --c-footer-sitemap-column-gap: var(--s-space-xl);
  --c-footer-sitemap-chevron-size: var(--s-size-icon-sm);
  --c-footer-column-min: var(--s-size-column-min);
  --c-disclosure-surface-closed: var(--s-color-surface-sunken);
  --c-disclosure-surface-open: var(--s-color-surface-note);
  --c-disclosure-border: var(--s-color-border-on-sunken);
  --c-disclosure-bar-inset-block: var(--s-space-base);
  --c-disclosure-bar-inset-inline: var(--s-space-2xl);
  --c-disclosure-bar-inset-block-compact: var(--s-space-md);
  --c-disclosure-bar-inset-inline-compact: var(--s-space-lg);
  --c-disclosure-bar-gap: var(--s-space-lg);
  --c-disclosure-bar-gap-compact: var(--s-space-md);
  --c-disclosure-index-font-family: var(--s-font-family-code);
  --c-disclosure-index-font-size: var(--s-type-code-lg-size);
  --c-disclosure-index-font-size-compact: var(--s-type-code-md-size);
  --c-disclosure-index-line-height: var(--s-type-code-lg-line-height);
  --c-disclosure-index-ink: var(--s-color-accent-base);
  --c-disclosure-index-width: var(--s-size-target-min);
  --c-disclosure-title-font-family: var(--s-font-family-ui);
  --c-disclosure-title-font-size: var(--s-type-ui-lg-size);
  --c-disclosure-title-font-size-compact: var(--s-type-ui-md-size);
  --c-disclosure-title-line-height: var(--s-type-ui-lg-line-height);
  --c-disclosure-title-weight: var(--s-font-weight-medium);
  --c-disclosure-title-tracking: var(--s-type-ui-lg-tracking);
  --c-disclosure-title-ink: var(--s-color-text-primary);
  --c-disclosure-control-size: var(--s-size-target-min);
  --c-disclosure-control-size-compact: var(--s-size-control-sm);
  --c-disclosure-glyph-font-size: var(--s-type-ui-2xl-size);
  --c-disclosure-glyph-font-size-compact: var(--s-type-ui-xl-size);
  --c-disclosure-glyph-ink: var(--s-color-accent-base);
  --c-disclosure-panel-inset-block-end: var(--s-space-base);
  --c-disclosure-panel-inset-block-end-compact: var(--s-space-sm);
  --c-disclosure-close-inset-block-start: var(--s-space-sm);
  --c-disclosure-close-gap: var(--s-space-xs);
  --c-disclosure-close-glyph-font-size: var(--s-type-ui-lg-size);
  --c-disclosure-close-font-family: var(--s-font-family-ui);
  --c-disclosure-close-font-size: var(--s-type-ui-sm-size);
  --c-disclosure-close-line-height: var(--s-type-ui-sm-line-height);
  --c-disclosure-close-weight: var(--s-font-weight-medium);
  --c-disclosure-close-ink: var(--s-color-text-on-note-soft);
  --c-disclosure-close-ink-hover: var(--s-color-text-on-note-strong);
  --c-disclosure-row-inset-block: var(--s-space-sm);
  --c-disclosure-row-inset-block-compact: var(--s-space-xs);
  --c-disclosure-row-gap: var(--s-space-md);
  --c-disclosure-row-gap-compact: var(--s-space-sm);
  --c-disclosure-bullet-size: var(--s-size-bullet);
  --c-disclosure-bullet-ink: var(--s-color-accent-on-note);
  --c-disclosure-text-font-family: var(--s-font-family-body);
  --c-disclosure-text-font-size: var(--s-type-body-sm-size);
  --c-disclosure-text-font-size-compact: var(--s-type-body-xs-size);
  --c-disclosure-text-line-height: var(--s-type-body-sm-line-height);
  --c-disclosure-text-tracking: var(--s-type-body-sm-tracking);
  --c-disclosure-text-line-height-compact: var(--s-type-body-xs-line-height);
  --c-disclosure-text-ink: var(--s-color-text-on-note);
  --c-disclosure-row-divider: var(--s-color-border-divider);
  --c-disclosure-row-divider-width: var(--s-border-width-hairline);
  --c-disclosure-wipe-divider: var(--s-color-accent-divider);
  --c-disclosure-wipe-width: var(--s-emphasis-edge-2);
  --c-disclosure-title-ink-open: var(--s-color-text-on-note);
  --c-disclosure-motion-expand: var(--s-motion-fast);
  --c-disclosure-elevation: var(--s-elevation-overlay);
  --c-disclosure-index-ink-open: var(--s-color-text-on-note);
  --c-disclosure-glyph-ink-open: var(--s-color-text-on-note);
  --c-disclosure-panel-inset-block-start: var(--s-space-sm);
  --c-disclosure-panel-inset-block-start-compact: var(--s-space-xs);
  --c-disclosure-panel-border: var(--s-color-border-on-raised);
  --c-accordion-item-divider: var(--s-color-border-divider-soft);
  --c-accordion-item-divider-width: var(--s-border-width-hairline);
  --c-accordion-row-inset-block: var(--s-space-base);
  --c-accordion-row-inset-inline: var(--s-space-md);
  --c-accordion-gap: var(--s-space-md);
  --c-accordion-chevron-box: var(--s-size-icon-lg);
  --c-accordion-chevron-size: var(--s-space-sm);
  --c-accordion-chevron-ink: var(--s-color-action-link);
  --c-accordion-prompt-font-family: var(--s-font-family-heading);
  --c-accordion-prompt-font-size: var(--s-type-heading-xs-size);
  --c-accordion-prompt-line-height: var(--s-type-heading-xs-line-height);
  --c-accordion-prompt-tracking: var(--s-type-heading-xs-tracking);
  --c-accordion-prompt-weight: var(--s-font-weight-regular);
  --c-accordion-prompt-ink: var(--s-color-text-primary);
  --c-accordion-panel-inset-block-end: var(--s-space-lg);
  --c-accordion-panel-max-width: var(--s-size-measure-prose);
  --c-accordion-body-font-family: var(--s-font-family-body);
  --c-accordion-body-font-size: var(--s-type-body-sm-size);
  --c-accordion-body-line-height: var(--s-type-body-sm-line-height);
  --c-accordion-body-tracking: var(--s-type-body-sm-tracking);
  --c-accordion-body-ink: var(--s-color-text-secondary);
  --c-accordion-panel-inset-inline: var(--s-space-2xl);
  --c-accordion-motion-expand: var(--s-motion-fast);
  --c-stat-divider: var(--s-color-border-vivid-soft);
  --c-stat-divider-width: var(--s-border-width-thick);
  --c-stat-inset-block: var(--s-space-xs);
  --c-stat-inset-inline-start: var(--s-space-xl);
  --c-stat-inset-inline-end: var(--s-space-4xl);
  --c-stat-stack: var(--s-space-tight);
  --c-stat-band-eyebrow-gap: var(--s-space-base);
  --c-stat-figure-gap: var(--s-space-sm);
  --c-stat-value-font-family: var(--s-font-family-display);
  --c-stat-value-font-size: var(--s-type-display-md-size);
  --c-stat-value-line-height: var(--s-type-display-md-line-height);
  --c-stat-value-weight: var(--s-font-weight-bold);
  --c-stat-value-ink: var(--s-color-accent-base);
  --c-stat-value-ink-deep: var(--s-color-accent-numeral-deep);
  --c-stat-unit-font-family: var(--s-font-family-ui);
  --c-stat-unit-font-size: var(--s-type-ui-xs-size);
  --c-stat-unit-line-height: var(--s-type-ui-xs-line-height);
  --c-stat-unit-weight: var(--s-font-weight-medium);
  --c-stat-unit-tracking: var(--s-font-tracking-caps);
  --c-stat-unit-ink: var(--s-color-accent-base);
  --c-stat-label-font-family: var(--s-font-family-body);
  --c-stat-label-font-size: var(--s-type-body-xs-size);
  --c-stat-label-line-height: var(--s-type-body-xs-line-height);
  --c-stat-label-tracking: var(--s-type-body-xs-tracking);
  --c-stat-label-ink: var(--s-color-text-brand-tertiary);
  --c-stat-max-width: var(--s-size-measure-ui);
  --c-chip-height: var(--s-size-control-sm);
  --c-chip-inset-inline-start: var(--s-space-md);
  --c-chip-inset-inline-end: var(--s-space-xs);
  --c-chip-gap: var(--s-space-xs);
  --c-chip-surface: var(--s-color-surface-sunken);
  --c-chip-border: var(--s-color-border-on-sunken);
  --c-chip-ink: var(--s-color-text-primary);
  --c-chip-font-family: var(--s-font-family-ui);
  --c-chip-font-size: var(--s-type-ui-md-size);
  --c-chip-line-height: var(--s-type-ui-md-line-height);
  --c-chip-weight: var(--s-font-weight-medium);
  --c-chip-tracking: var(--s-type-ui-md-tracking);
  --c-chip-dismiss-size: var(--s-size-icon-lg);
  --c-chip-dismiss-icon-size: var(--s-size-icon-sm);
  --c-chip-dismiss-ink: var(--s-color-text-dismiss);
  --c-chip-dismiss-ink-hover: var(--s-color-text-primary);
  --c-chip-surface-selected: var(--s-color-surface-selected);
  --c-chip-border-selected: var(--s-color-action-base);
  --c-chip-surface-disabled: var(--s-color-surface-disabled);
  --c-chip-ink-disabled: var(--s-color-text-disabled);
  --c-chip-group-gap: var(--s-space-sm);
  --c-chip-nav-surface: var(--s-color-surface-none);
  --c-chip-nav-border: var(--s-color-border-strong);
  --c-chip-nav-ink: var(--s-color-text-primary);
  --c-chip-nav-border-hover: var(--s-color-border-vivid);
  --c-tile-surface: var(--s-color-surface-raised);
  --c-tile-border: var(--s-color-border-on-raised);
  --c-tile-emphasis-border: var(--s-color-emphasis-border);
  --c-tile-emphasis-edge: var(--s-color-emphasis-edge);
  --c-tile-accent-border: var(--s-color-emphasis-accent-border);
  --c-tile-accent-edge: var(--s-color-emphasis-accent-edge);
  --c-tile-accent-surface: var(--s-color-emphasis-accent-surface);
  --c-tile-accent-eyebrow-ink: var(--s-color-emphasis-accent-ink);
  --c-tile-emphasis-edge-1: var(--s-emphasis-edge-1);
  --c-tile-emphasis-edge-2: var(--s-emphasis-edge-2);
  --c-tile-emphasis-edge-3: var(--s-emphasis-edge-3);
  --c-tile-emphasis-edge-4: var(--s-emphasis-edge-4);
  --c-tile-media-surface: var(--s-color-surface-sunken);
  --c-tile-media-divider: var(--s-color-border-divider-soft);
  --c-tile-inset: var(--s-space-base);
  --c-tile-stack: var(--s-space-sm);
  --c-tile-eyebrow-font-family: var(--s-font-family-ui);
  --c-tile-eyebrow-font-size: var(--s-type-ui-xs-size);
  --c-tile-eyebrow-line-height: var(--s-type-ui-xs-line-height);
  --c-tile-eyebrow-weight: var(--s-font-weight-medium);
  --c-tile-eyebrow-ink: var(--s-color-accent-base);
  --c-tile-title-font-family: var(--s-font-family-heading);
  --c-tile-title-font-size: var(--s-type-heading-xs-size);
  --c-tile-title-line-height: var(--s-type-heading-xs-line-height);
  --c-tile-title-tracking: var(--s-type-heading-xs-tracking);
  --c-tile-title-weight: var(--s-font-weight-bold);
  --c-tile-title-ink: var(--s-color-text-primary);
  --c-tile-body-font-family: var(--s-font-family-body);
  --c-tile-body-font-size: var(--s-type-body-xs-size);
  --c-tile-body-line-height: var(--s-type-body-xs-line-height);
  --c-tile-body-tracking: var(--s-type-body-xs-tracking);
  --c-tile-body-ink: var(--s-color-text-secondary);
  --c-tile-meta-font-family: var(--s-font-family-ui);
  --c-tile-meta-font-size: var(--s-type-ui-sm-size);
  --c-tile-meta-line-height: var(--s-type-ui-sm-line-height);
  --c-tile-meta-tracking: var(--s-type-ui-sm-tracking);
  --c-tile-meta-ink: var(--s-color-text-tertiary);
  --c-tile-grid-gap: var(--s-space-xl);
  --c-tile-grid-min: var(--s-size-measure-ui);
  --c-tile-eyebrow-tracking: var(--s-font-tracking-caps);
  --c-tile-action-inset-block: var(--s-space-base);
  --c-hero-min-height: var(--s-size-measure-ui);
  --c-hero-inset-block: var(--s-space-5xl);
  --c-hero-inset-inline: var(--s-space-2xl);
  --c-hero-content-max-width: var(--s-size-measure-page);
  --c-hero-panel-max-width: var(--s-size-measure-prose);
  --c-hero-panel-surface: var(--s-color-pinned-surface);
  --c-hero-panel-border: var(--s-color-pinned-border);
  --c-hero-panel-border-width: var(--s-border-width-hairline);
  --c-hero-panel-inset: var(--s-space-2xl);
  --c-hero-stack: var(--s-space-base);
  --c-hero-media-surface: var(--s-color-surface-sunken);
  --c-hero-scrim-light: var(--s-color-scrim-light);
  --c-hero-scrim-dark: var(--s-color-scrim-dark);
  --c-hero-eyebrow-font-family: var(--s-font-family-ui);
  --c-hero-eyebrow-font-size: var(--s-type-ui-sm-size);
  --c-hero-eyebrow-line-height: var(--s-type-ui-sm-line-height);
  --c-hero-eyebrow-weight: var(--s-font-weight-medium);
  --c-hero-eyebrow-ink: var(--s-color-accent-base);
  --c-hero-heading-font-family: var(--s-font-family-display);
  --c-hero-heading-font-size: var(--s-type-display-sm-size);
  --c-hero-heading-line-height: var(--s-type-display-sm-line-height);
  --c-hero-heading-tracking: var(--s-type-display-sm-tracking);
  --c-hero-heading-weight: var(--s-font-weight-bold);
  --c-hero-heading-ink: var(--s-color-text-primary);
  --c-hero-subhead-font-family: var(--s-font-family-heading);
  --c-hero-subhead-font-size: var(--s-type-heading-sm-size);
  --c-hero-subhead-line-height: var(--s-type-heading-sm-line-height);
  --c-hero-subhead-tracking: var(--s-type-heading-sm-tracking);
  --c-hero-subhead-weight: var(--s-font-weight-regular);
  --c-hero-subhead-ink: var(--s-color-text-secondary);
  --c-hero-intro-font-family: var(--s-font-family-body);
  --c-hero-intro-font-size: var(--s-type-body-md-size);
  --c-hero-intro-line-height: var(--s-type-body-md-line-height);
  --c-hero-intro-tracking: var(--s-type-body-md-tracking);
  --c-hero-intro-ink: var(--s-color-text-secondary);
  --c-hero-search-max-width: var(--s-size-measure-ui);
  --c-hero-actions-gap: var(--s-space-sm);
  --c-hero-actions-inset-block-start: var(--s-space-sm);
  --c-hero-eyebrow-tracking: var(--s-font-tracking-caps);
  --c-hero-eyebrow-divider: var(--s-color-emphasis-eyebrow-divider);
  --c-hero-eyebrow-divider-width: var(--s-border-width-thick);
  --c-hero-eyebrow-divider-length: var(--s-space-3xl);
  --c-hero-eyebrow-divider-gap: var(--s-space-sm);
  --c-hero-search-gap: var(--s-space-lg);
  --c-hero-heading-font-size-compact: var(--s-type-display-xs-size);
  --c-hero-heading-line-height-compact: var(--s-type-display-xs-line-height);
  --c-hero-heading-font-size-narrow: var(--s-type-heading-lg-size);
  --c-hero-heading-line-height-narrow: var(--s-type-heading-lg-line-height);
  --c-hero-panel-ink-strong: var(--s-color-pinned-ink-strong);
  --c-hero-panel-ink: var(--s-color-pinned-ink);
  --c-hero-panel-eyebrow-ink: var(--s-color-accent-fill);
  --c-hero-panel-surface-dark: var(--s-color-pinned-surface-dark);
  --c-hero-panel-ink-dark: var(--s-color-pinned-ink-dark);
  --c-hero-panel-heading-ink-dark: var(--s-color-pinned-heading-dark);
  --c-hero-panel-ink-strong-dark: var(--s-color-pinned-ink-strong-dark);
  --c-hero-heading-display-font-size: var(--s-type-display-lg-size);
  --c-hero-heading-display-line-height: var(--s-type-display-lg-line-height);
  --c-hero-heading-display-tracking: var(--s-type-display-lg-tracking);
  --c-hero-subhead-display-font-size: var(--s-type-heading-md-size);
  --c-hero-subhead-display-line-height: var(--s-type-heading-md-line-height);
  --c-hero-chrome-lift: var(--s-space-5xl);
  --c-eyebrow-font-family: var(--s-font-family-ui);
  --c-eyebrow-font-size: var(--s-type-ui-xs-size);
  --c-eyebrow-line-height: var(--s-type-ui-xs-line-height);
  --c-eyebrow-weight: var(--s-font-weight-medium);
  --c-eyebrow-ink: var(--s-color-accent-base);
  --c-eyebrow-divider: var(--s-color-emphasis-eyebrow-divider);
  --c-eyebrow-divider-width: var(--s-border-width-thick);
  --c-eyebrow-divider-length: var(--s-space-3xl);
  --c-eyebrow-gap: var(--s-space-sm);
  --c-eyebrow-tracking: var(--s-font-tracking-caps);
  --c-section-heading-stack: var(--s-space-sm);
  --c-section-heading-divider-display: var(--s-color-emphasis-eyebrow-divider);
  --c-section-heading-divider-display-width: var(--s-border-width-heavy);
  --c-section-heading-divider-display-length: var(--s-space-5xl);
  --c-section-heading-heading-font-family: var(--s-font-family-heading);
  --c-section-heading-heading-font-size: var(--s-type-heading-lg-size);
  --c-section-heading-heading-line-height: var(--s-type-heading-lg-line-height);
  --c-section-heading-heading-tracking: var(--s-type-heading-lg-tracking);
  --c-section-heading-heading-weight: var(--s-font-weight-bold);
  --c-section-heading-heading-ink: var(--s-color-text-heading);
  --c-section-heading-statement-font-family: var(--s-font-family-display);
  --c-section-heading-statement-font-size: var(--s-type-display-md-size);
  --c-section-heading-statement-line-height: var(--s-type-display-md-line-height);
  --c-section-heading-statement-tracking: var(--s-type-display-md-tracking);
  --c-section-heading-lede-font-family: var(--s-font-family-body);
  --c-section-heading-lede-font-size: var(--s-type-body-lg-size);
  --c-section-heading-lede-line-height: var(--s-type-body-lg-line-height);
  --c-section-heading-lede-tracking: var(--s-type-body-lg-tracking);
  --c-section-heading-lede-ink: var(--s-color-text-secondary);
  --c-section-heading-measure: var(--s-size-measure-text);
  --c-section-heading-action-gap: var(--s-space-xl);
  --c-section-heading-statement-font-size-compact: var(--s-type-display-sm-size);
  --c-section-heading-statement-line-height-compact: var(--s-type-display-sm-line-height);
  --c-section-heading-statement-font-size-narrow: var(--s-type-display-xs-size);
  --c-section-heading-statement-line-height-narrow: var(--s-type-display-xs-line-height);
  --c-section-heading-eyebrow-gap: var(--s-space-md);
  --c-section-heading-eyebrow-ink: var(--s-color-text-section-eyebrow);
  --c-section-heading-divider-display-gap: var(--s-space-md);
  --c-section-heading-lede-gap: var(--s-space-lg);
  --c-section-heading-headline-measure: var(--s-size-measure-headline);
  --c-pull-quote-quote-font-family: var(--s-font-family-heading);
  --c-pull-quote-quote-font-size: var(--s-type-heading-md-size);
  --c-pull-quote-quote-line-height: var(--s-type-heading-md-line-height);
  --c-pull-quote-quote-tracking: var(--s-type-heading-md-tracking);
  --c-pull-quote-quote-weight: var(--s-font-weight-medium);
  --c-pull-quote-quote-ink: var(--s-color-text-heading);
  --c-pull-quote-attribution-font-family: var(--s-font-family-ui);
  --c-pull-quote-attribution-font-size: var(--s-type-ui-sm-size);
  --c-pull-quote-attribution-line-height: var(--s-type-ui-sm-line-height);
  --c-pull-quote-attribution-weight: var(--s-font-weight-medium);
  --c-pull-quote-attribution-tracking: var(--s-type-ui-sm-tracking);
  --c-pull-quote-attribution-ink: var(--s-color-text-tertiary);
  --c-pull-quote-mark: var(--s-color-accent-base);
  --c-pull-quote-mark-width: var(--s-emphasis-edge-2);
  --c-pull-quote-inset-inline-start: var(--s-space-xl);
  --c-pull-quote-stack: var(--s-space-md);
  --c-pull-quote-measure: var(--s-size-measure-text);
  --c-pull-quote-inset-block: var(--s-space-sm);
  --c-pull-quote-feature-font-size: var(--s-type-display-sm-size);
  --c-pull-quote-feature-line-height: var(--s-type-display-sm-line-height);
  --c-pull-quote-feature-tracking: var(--s-type-display-sm-tracking);
  --c-pull-quote-feature-mark-width: var(--s-emphasis-edge-4);
  --c-pull-quote-feature-inset-inline-start: var(--s-space-2xl);
  --c-pull-quote-feature-inset-block: var(--s-space-xl);
  --c-pull-quote-feature-measure: var(--s-size-measure-feature);
  --c-summary-box-surface: var(--s-color-surface-raised);
  --c-summary-box-edge: var(--s-color-emphasis-edge);
  --c-summary-box-inset: var(--s-space-xl);
  --c-summary-box-stack: var(--s-space-sm);
  --c-summary-box-measure: var(--s-size-measure-text);
  --c-summary-box-kicker-font-family: var(--s-font-family-ui);
  --c-summary-box-kicker-font-size: var(--s-type-ui-xs-size);
  --c-summary-box-kicker-line-height: var(--s-type-ui-xs-line-height);
  --c-summary-box-kicker-weight: var(--s-font-weight-medium);
  --c-summary-box-kicker-ink: var(--s-color-accent-base);
  --c-summary-box-body-font-family: var(--s-font-family-body);
  --c-summary-box-body-font-size: var(--s-type-body-sm-size);
  --c-summary-box-body-line-height: var(--s-type-body-sm-line-height);
  --c-summary-box-body-tracking: var(--s-type-body-sm-tracking);
  --c-summary-box-body-ink: var(--s-color-text-primary);
  --c-summary-box-kicker-tracking: var(--s-font-tracking-caps);
  --c-summary-box-edge-width-top: var(--s-emphasis-edge-3);
  --c-section-opener-gap: var(--s-space-4xl);
  --c-section-opener-stack: var(--s-space-lg);
  --c-section-opener-eyebrow-gap: var(--s-space-md);
  --c-section-opener-index-font-family: var(--s-font-family-code);
  --c-section-opener-index-font-size: var(--s-type-code-lg-size);
  --c-section-opener-index-line-height: var(--s-type-code-lg-line-height);
  --c-section-opener-index-ink: var(--s-color-accent-base);
  --c-section-opener-label-font-family: var(--s-font-family-ui);
  --c-section-opener-label-font-size: var(--s-type-ui-lg-size);
  --c-section-opener-label-line-height: var(--s-type-ui-lg-line-height);
  --c-section-opener-label-weight: var(--s-font-weight-medium);
  --c-section-opener-label-tracking: var(--s-font-tracking-caps);
  --c-section-opener-label-ink: var(--s-color-text-opener-eyebrow);
  --c-section-opener-statement-font-family: var(--s-font-family-display);
  --c-section-opener-statement-font-size: var(--s-type-display-xs-size);
  --c-section-opener-statement-line-height: var(--s-type-display-xs-line-height);
  --c-section-opener-statement-tracking: var(--s-type-display-xs-tracking);
  --c-section-opener-statement-weight: var(--s-font-weight-bold);
  --c-section-opener-statement-ink: var(--s-color-text-heading);
  --c-section-opener-body-font-family: var(--s-font-family-body);
  --c-section-opener-body-font-size: var(--s-type-body-md-size);
  --c-section-opener-body-line-height: var(--s-type-body-md-line-height);
  --c-section-opener-body-tracking: var(--s-type-body-md-tracking);
  --c-section-opener-body-ink: var(--s-color-text-opener-body);
  --c-section-opener-body-measure: var(--s-size-measure-text);
  --c-section-opener-media-width: var(--s-size-media-width);
  --c-section-opener-media-height: var(--s-size-media-height);
  --c-section-opener-media-surface: var(--s-color-surface-sunken);
  --c-section-opener-card-width: var(--s-size-media-width);
  --c-section-opener-card-surface: var(--s-color-surface-none);
  --c-section-opener-media-max: var(--s-size-media-max-share);
  --c-objective-divider: var(--s-color-border-divider);
  --c-objective-divider-width: var(--s-border-width-hairline);
  --c-objective-bar-inset-block-start: var(--s-space-xl);
  --c-objective-bar-inset-block-end: var(--s-space-lg);
  --c-objective-index-width: var(--s-size-index-column);
  --c-objective-title-hang: var(--s-space-lg);
  --c-objective-index-font-family: var(--s-font-family-code);
  --c-objective-index-font-size: var(--s-type-code-lg-size);
  --c-objective-index-line-height: var(--s-type-code-lg-line-height);
  --c-objective-index-ink: var(--s-color-accent-base);
  --c-objective-title-font-family: var(--s-font-family-display);
  --c-objective-title-font-size: var(--s-type-heading-sm-size);
  --c-objective-title-line-height: var(--s-type-heading-sm-line-height);
  --c-objective-title-tracking: var(--s-type-heading-sm-tracking);
  --c-objective-title-weight: var(--s-font-weight-medium);
  --c-objective-title-ink: var(--s-color-text-heading);
  --c-objective-body-inset-block-end: var(--s-space-2xl);
  --c-objective-body-gap: var(--s-space-4xl);
  --c-objective-prose-font-family: var(--s-font-family-body);
  --c-objective-prose-font-size: var(--s-type-body-sm-size);
  --c-objective-prose-line-height: var(--s-type-body-sm-line-height);
  --c-objective-prose-tracking: var(--s-type-body-sm-tracking);
  --c-objective-prose-ink: var(--s-color-text-secondary);
  --c-objective-prose-measure: var(--s-size-measure-text);
  --c-objective-title-measure: var(--s-size-measure-prose);
  --c-objective-prose-stack: var(--s-space-base);
  --c-objective-strategies-width: var(--s-size-measure-aside);
  --c-objective-strategies-divider: var(--s-color-border-divider);
  --c-objective-strategies-inset: var(--s-space-2xl);
  --c-objective-strategies-gap: var(--s-space-md);
  --c-objective-label-font-family: var(--s-font-family-ui);
  --c-objective-label-font-size: var(--s-type-ui-xs-size);
  --c-objective-label-line-height: var(--s-type-ui-xs-line-height);
  --c-objective-label-weight: var(--s-font-weight-medium);
  --c-objective-label-tracking: var(--s-type-ui-xs-tracking);
  --c-objective-label-ink: var(--s-color-text-tertiary);
  --c-objective-bullet-size: var(--s-size-bullet);
  --c-objective-bullet-ink: var(--s-color-accent-base);
  --c-objective-bullet-gap: var(--s-space-md);
  --c-objective-text-font-family: var(--s-font-family-body);
  --c-objective-text-font-size: var(--s-type-body-xs-size);
  --c-objective-text-line-height: var(--s-type-body-xs-line-height);
  --c-objective-text-tracking: var(--s-type-body-xs-tracking);
  --c-objective-text-ink: var(--s-color-text-primary);
  --c-objective-media-surface: var(--s-color-surface-sunken);
  --c-objective-media-gap: var(--s-space-md);
  --c-reference-list-label-ink: var(--s-color-text-label-accent);
  --c-reference-list-count-ink: var(--s-color-accent-base);
  --c-reference-list-index-ink: var(--s-color-accent-numeral);
  --c-reference-list-citation-ink: var(--s-color-text-citation);
  --c-reference-list-citation-ink-open: var(--s-color-text-on-note-strong);
  --c-reference-list-note-surface: var(--s-color-surface-note);
  --c-reference-list-summary-ink: var(--s-color-text-on-note);
  --c-reference-list-quote-ink: var(--s-color-text-on-note-soft);
  --c-reference-list-link-ink: var(--s-color-action-link-on-note);
  --c-reference-list-index-ink-open: var(--s-color-text-on-note);
  --c-gov-banner-font-family: var(--s-font-family-ui);
  --c-gov-banner-font-size: var(--s-type-ui-sm-size);
  --c-gov-banner-line-height: var(--s-type-ui-sm-line-height);
  --c-gov-banner-tracking: var(--s-type-ui-sm-tracking);
  --c-gov-banner-surface: var(--s-color-surface-sunken);
  --c-gov-banner-divider: var(--s-color-border-vivid);
  --c-gov-banner-ink: var(--s-color-text-primary);
  --c-gov-banner-link-ink: var(--s-color-action-link);
  --c-gov-banner-inset-block: var(--s-space-sm);
  --c-gov-banner-inset-inline: var(--s-space-2xl);
  --c-gov-banner-compact-inset-inline: var(--s-space-base);
  --c-gov-banner-gap: var(--s-space-sm);
  --c-gov-banner-icon-size: var(--s-size-icon-sm);
  --c-gov-banner-content-max-width: var(--s-size-measure-page);
  --c-gov-banner-panel-inset-block: var(--s-space-base);
  --c-gov-banner-panel-surface: var(--s-color-pinned-surface);
  --c-gov-banner-panel-divider: var(--s-color-pinned-border);
  --c-gov-banner-panel-gap: var(--s-space-2xl);
  --c-gov-banner-panel-column-min: var(--s-size-column-min);
  --c-gov-banner-panel-font-family: var(--s-font-family-body);
  --c-gov-banner-panel-font-size: var(--s-type-body-xs-size);
  --c-gov-banner-panel-line-height: var(--s-type-body-xs-line-height);
  --c-gov-banner-panel-tracking: var(--s-type-body-xs-tracking);
  --c-gov-banner-panel-ink: var(--s-color-pinned-ink);
  --c-gov-banner-panel-title-weight: var(--s-font-weight-medium);
  --c-gov-banner-panel-title-gap: var(--s-space-sm);
  --c-gov-banner-panel-title-ink: var(--s-color-pinned-ink-strong);
  --c-breadcrumb-font-family: var(--s-font-family-ui);
  --c-breadcrumb-inset-block: var(--s-space-base);
  --c-breadcrumb-font-size: var(--s-type-ui-sm-size);
  --c-breadcrumb-line-height: var(--s-type-ui-sm-line-height);
  --c-breadcrumb-tracking: var(--s-type-ui-sm-tracking);
  --c-breadcrumb-weight: var(--s-font-weight-regular);
  --c-breadcrumb-link-ink: var(--s-color-action-link);
  --c-breadcrumb-ink-current: var(--s-color-text-secondary);
  --c-breadcrumb-gap: var(--s-space-sm);
  --c-breadcrumb-chevron-size: var(--s-size-icon-xs);
  --c-breadcrumb-chevron-ink: var(--s-color-text-tertiary);
  --c-breadcrumb-min-height: var(--s-size-icon-lg);
  --c-in-page-nav-font-family: var(--s-font-family-ui);
  --c-in-page-nav-font-size: var(--s-type-ui-sm-size);
  --c-in-page-nav-line-height: var(--s-type-ui-sm-line-height);
  --c-in-page-nav-tracking: var(--s-type-ui-sm-tracking);
  --c-in-page-nav-label-font-size: var(--s-type-ui-xs-size);
  --c-in-page-nav-label-line-height: var(--s-type-ui-xs-line-height);
  --c-in-page-nav-label-tracking: var(--s-font-tracking-caps);
  --c-in-page-nav-label-weight: var(--s-font-weight-medium);
  --c-in-page-nav-label-ink: var(--s-color-text-tertiary);
  --c-in-page-nav-label-gap: var(--s-space-sm);
  --c-in-page-nav-rail: var(--s-color-border-divider);
  --c-in-page-nav-rail-width: var(--s-border-width-hairline);
  --c-in-page-nav-link-ink: var(--s-color-text-secondary);
  --c-in-page-nav-link-ink-current: var(--s-color-text-primary);
  --c-in-page-nav-link-weight-current: var(--s-font-weight-medium);
  --c-in-page-nav-item-inset-block: var(--s-space-base);
  --c-in-page-nav-item-inset-inline: var(--s-space-base);
  --c-in-page-nav-indicator: var(--s-color-emphasis-selected-edge-primary);
  --c-in-page-nav-indicator-width: var(--s-emphasis-edge-2);
  --c-in-page-nav-sub-inset: var(--s-space-base);
  --c-in-page-nav-max-width: var(--s-size-measure-ui);
  --c-in-page-nav-item-inset-block-sub: var(--s-space-md);
  --c-in-page-nav-item-surface-current: var(--s-color-surface-selected-primary);
  --c-in-page-nav-fold-list-offset: var(--s-space-xs);
  --c-in-page-nav-fold-list-max-height: var(--s-size-measure-ui);
  --c-in-page-nav-fold-elevation: var(--s-elevation-overlay);
  --c-in-page-nav-fold-surface: var(--s-color-surface-menu);
  --c-in-page-nav-fold-border: var(--s-color-border-on-raised);
  --c-in-page-nav-fold-item-inset-inline: var(--s-space-md);
  --c-in-page-nav-sticky-gap: var(--s-space-xl);
  --c-in-page-nav-edge-hover: var(--s-color-emphasis-border);
  --c-in-page-nav-edge-width-hover: var(--s-border-width-thick);
  --c-in-page-nav-item-surface-hover: var(--s-color-state-hover-surface);
  --c-ground-inset: var(--s-space-2xl);
  --c-ground-surface-page: var(--s-color-surface-page);
  --c-ground-surface-sunken: var(--s-color-surface-sunken);
  --c-ground-surface-elevated: var(--s-color-surface-elevated);
  --c-ground-surface-friendly: var(--s-color-surface-tint-vivid);
  --c-ground-surface-quiet: var(--s-color-surface-tint-primary-soft);
  --c-ground-surface-dark: var(--s-color-pinned-surface-dark);
  --c-ground-surface-brand: var(--s-color-pinned-surface-raised-dark);
  --c-ground-surface-vivid: var(--s-color-pinned-surface-vivid-dark);
  --c-ground-fade-from: var(--s-color-surface-page);
  --c-ground-fade-to: var(--s-color-surface-sunken);
  --c-ground-content-max: var(--s-size-measure-page);
  --c-ground-divider-width: var(--s-border-width-hairline);
  --c-ground-divider-elevated: var(--s-color-border-seam-elevated);
  --c-ground-divider-page: var(--s-color-border-seam-page);
  --c-ground-divider-sunken: var(--s-color-border-seam-sunken);
  --c-ground-divider-quiet: var(--s-color-border-seam-quiet);
  --c-ground-divider-friendly: var(--s-color-border-seam-friendly);
  --c-ground-divider-brand: var(--s-color-border-seam-dark);
  --c-ground-divider-dark: var(--s-color-border-seam-dark);
  --c-paper-inset: var(--s-space-xl);
  --c-paper-surface-page: var(--s-color-surface-page);
  --c-paper-border-on-page: var(--s-color-border-on-page);
  --c-paper-surface-sunken: var(--s-color-surface-sunken);
  --c-paper-border-on-sunken: var(--s-color-border-on-sunken);
  --c-paper-surface-elevated: var(--s-color-surface-elevated);
  --c-paper-border-on-elevated: var(--s-color-border-on-elevated);
  --c-paper-surface-raised: var(--s-color-surface-raised);
  --c-paper-border-on-raised: var(--s-color-border-on-raised);
}

/* ---- 5. icon masks ---- */
:root {
  --_icon-mask-error: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M16%2C2C8.2%2C2%2C2%2C8.2%2C2%2C16s6.2%2C14%2C14%2C14s14-6.2%2C14-14S23.8%2C2%2C16%2C2z%20M16%2C28C9.4%2C28%2C4%2C22.6%2C4%2C16S9.4%2C4%2C16%2C4s12%2C5.4%2C12%2C12%09S22.6%2C28%2C16%2C28z%22%2F%3E%3Cpath%20d%3D%22M21.4%2023%2016%2017.6%2010.6%2023%209%2021.4%2014.4%2016%209%2010.6%2010.6%209%2016%2014.4%2021.4%209%2023%2010.6%2017.6%2016%2023%2021.4z%22%2F%3E%3C%2Fsvg%3E");
  --_icon-mask-chevron-down: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M16%2022%206%2012%207.4%2010.6%2016%2019.2%2024.6%2010.6%2026%2012z%22%2F%3E%3C%2Fsvg%3E");
  --_icon-mask-chevron-right: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M22%2016%2012%2026%2010.6%2024.6%2019.2%2016%2010.6%207.4%2012%206z%22%2F%3E%3C%2Fsvg%3E");
  --_icon-mask-chevron-up: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M16%2010%2026%2020%2024.6%2021.4%2016%2012.8%207.4%2021.4%206%2020z%22%2F%3E%3C%2Fsvg%3E");
  --_icon-mask-check: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M13%2024%204%2015%205.414%2013.586%2013%2021.171%2026.586%207.586%2028%209%2013%2024z%22%2F%3E%3C%2Fsvg%3E");
  --_icon-mask-chevrons-left: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M14%2016%2024%206%2025.4%207.4%2016.8%2016%2025.4%2024.6%2024%2026z%22%2F%3E%3Cpath%20d%3D%22M8%204H10V28H8z%22%2F%3E%3C%2Fsvg%3E");
  --_icon-mask-chevrons-right: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M18%2016%208%2026%206.6%2024.6%2015.2%2016%206.6%207.4%208%206z%22%2F%3E%3Cpath%20d%3D%22M22%204H24V28H22z%22%2F%3E%3C%2Fsvg%3E");
  --_icon-mask-sort: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M27.6%2020.6%2024%2024.2%2024%204%2022%204%2022%2024.2%2018.4%2020.6%2017%2022%2023%2028%2029%2022z%22%2F%3E%3Cpath%20d%3D%22M9%204%203%2010%204.4%2011.4%208%207.8%208%2028%2010%2028%2010%207.8%2013.6%2011.4%2015%2010z%22%2F%3E%3C%2Fsvg%3E");
  --_icon-mask-sort-asc: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M16%204%206%2014%207.41%2015.41%2015%207.83%2015%2028%2017%2028%2017%207.83%2024.59%2015.41%2026%2014%2016%204z%22%2F%3E%3C%2Fsvg%3E");
  --_icon-mask-sort-desc: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M24.59%2016.59%2017%2024.17%2017%204%2015%204%2015%2024.17%207.41%2016.59%206%2018%2016%2028%2026%2018%2024.59%2016.59z%22%2F%3E%3C%2Fsvg%3E");
  --_icon-mask-download: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M26%2C24v4H6V24H4v4H4a2%2C2%2C0%2C0%2C0%2C2%2C2H26a2%2C2%2C0%2C0%2C0%2C2-2h0V24Z%22%2F%3E%3Cpath%20d%3D%22M26%2014%2024.59%2012.59%2017%2020.17%2017%202%2015%202%2015%2020.17%207.41%2012.59%206%2014%2016%2024%2026%2014z%22%2F%3E%3C%2Fsvg%3E");
  --_icon-mask-external: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M26%2C28H6a2.0027%2C2.0027%2C0%2C0%2C1-2-2V6A2.0027%2C2.0027%2C0%2C0%2C1%2C6%2C4H16V6H6V26H26V16h2V26A2.0027%2C2.0027%2C0%2C0%2C1%2C26%2C28Z%22%2F%3E%3Cpath%20d%3D%22M20%202%2020%204%2026.586%204%2018%2012.586%2019.414%2014%2028%205.414%2028%2012%2030%2012%2030%202%2020%202z%22%2F%3E%3C%2Fsvg%3E");
}

/* ---- 6. the light pin ---- */
.xds-sr-only, .xds-sr-only[data-surface], .xds-layout, .xds-layout[data-surface], .xds-input, .xds-input[data-surface], .xds-select, .xds-select[data-surface], .xds-checkbox, .xds-checkbox[data-surface], .xds-radio, .xds-radio[data-surface], .xds-selection-card, .xds-selection-card[data-surface], .xds-switch, .xds-switch[data-surface], .xds-badge, .xds-badge[data-surface], .xds-skip-link, .xds-skip-link[data-surface], .xds-field, .xds-field[data-surface], .xds-alert, .xds-alert[data-surface], .xds-tabs, .xds-tabs[data-surface], .xds-steps, .xds-steps[data-surface], .xds-pagination, .xds-pagination[data-surface], .xds-search, .xds-search[data-surface], .xds-toast, .xds-toast[data-surface], .xds-error-summary, .xds-error-summary[data-surface], .xds-kbd, .xds-kbd[data-surface], .xds-code, .xds-code[data-surface], .xds-form, .xds-form[data-surface], .xds-table, .xds-table[data-surface], .xds-conv-thread, .xds-conv-thread[data-surface], .xds-conv-message, .xds-conv-message[data-surface], .xds-conv-avatar, .xds-conv-avatar[data-surface], .xds-conv-composer, .xds-conv-composer[data-surface], .xds-conv-chip, .xds-conv-chip[data-surface], .xds-conv-step, .xds-conv-step[data-surface], .xds-conv-source, .xds-conv-source[data-surface], .xds-conv-actions, .xds-conv-actions[data-surface], .xds-conv-typing, .xds-conv-typing[data-surface], .xds-conv-notice, .xds-conv-notice[data-surface], .xds-site-alert, .xds-site-alert[data-surface], .xds-dl, .xds-dl[data-surface], .xds-collection, .xds-collection[data-surface], .xds-document-link, .xds-document-link[data-surface], .xds-explorer, .xds-explorer[data-surface], .xds-reference-list__item[open] >.xds-reference-list__row, .xds-reference-list__note, .xds-gov-banner__panel, .xds-gov-banner[data-surface="dark"] .xds-gov-banner__panel, .xds-header[data-surface="dark"] >.xds-header__mega, .xds-hero:not([data-panel="dark"]):not([data-panel="none"]) .xds-hero__content {
  --c-page-state-hover: var(--g-color-overlay-black-8);
  --c-page-state-pressed: var(--g-color-overlay-black-16);
  --c-page-focus-ring: var(--g-color-focus-60);
}

/* ---- 7. the components ---- */


[class^="xds-"], [class*=" xds-"], [class^="xds-"] *, [class*=" xds-"] *, [class^="xds-"] *::before, [class^="xds-"] *::after { box-sizing: border-box; }

@property --xds-wash { syntax: "<color>"; inherits: false; initial-value: transparent; }
[class^="xds-"], [class*=" xds-"], [class^="xds-"] *, [class^="xds-"] *::before, [class^="xds-"] *::after {
  background-image: linear-gradient(var(--xds-wash), var(--xds-wash));
  transition: --xds-wash var(--c-page-motion-state), color var(--c-page-motion-state), background-color var(--c-page-motion-state),
  border-color var(--c-page-motion-state), box-shadow var(--c-page-motion-state), outline-color var(--c-page-motion-state),
  opacity var(--c-page-motion-state), transform var(--c-page-motion-state);
  transition-timing-function: var(--c-page-motion-ease);
}
@media (prefers-reduced-motion: reduce) { [class^="xds-"], [class*=" xds-"], [class^="xds-"] *, [class*=" xds-"] *, [class^="xds-"] *::before, [class^="xds-"] *::after, [class*=" xds-"] *::before, [class*=" xds-"] *::after { transition: none !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }

.xds-page {
  margin: 0; background-color: var(--c-page-surface); color: var(--c-page-ink);
  font-family: var(--c-page-font-family), Georgia, serif;
  font-size: var(--c-page-font-size); line-height: var(--c-page-line-height); letter-spacing: var(--c-page-tracking);

  -webkit-font-smoothing: antialiased;
}

:root:has(.xds-page) { scroll-padding-block-start: calc(var(--_xds-header-height, 0px) + var(--c-page-stack)); }
.xds-page :where([id]) { scroll-margin-block-start: calc(var(--_xds-header-height, 0px) + var(--c-page-stack)); }

.xds-page::selection { background-color: var(--c-page-selection); color: var(--c-page-selection-ink); }
.xds-page:focus-visible { outline-style: solid; outline-color: var(--c-page-focus-ring); outline-width: var(--c-page-focus-width); }
.xds-page__region { padding: var(--c-page-inset); }
.xds-page__region[data-surface="raised"] { background-color: var(--c-page-surface-raised); border-block: var(--c-page-border-width) solid var(--c-page-border-raised); }
.xds-page__region[data-surface="sunken"] { background-color: var(--c-page-surface-sunken); border-block: var(--c-page-border-width) solid var(--c-page-border-sunken); }
.xds-page__prose { max-width: var(--c-page-measure); display: flex; flex-direction: column; gap: var(--c-page-stack); }

.xds-accordion__item[open] >.xds-accordion__summary:hover,
.xds-disclosure[open] >.xds-disclosure__summary:hover,
.xds-reference-list__item[open] >.xds-reference-list__row:hover,
.xds-footer__band[data-band="nav"][open] >.xds-footer__sitemap:hover,
.xds-gov-banner__disclosure[open] >.xds-gov-banner__line:hover { --xds-wash: transparent; }

.xds-prose p, .xds-prose li, .xds-text, .xds-section-heading__lede, .xds-section-opener__body,
.xds-summary-box__body, .xds-objective__prose, .xds-card__body, .xds-tile__body,
.xds-collection__summary, .xds-hero__intro, .xds-accordion__panel p,
.xds-page__prose p { text-wrap: pretty; }
.xds-pull-quote__quote, .xds-hero__subhead, .xds-summary-box__title, .xds-collection__title,
.xds-card__title, .xds-tile__title, .xds-objective__title { text-wrap: balance; }

.xds-sr-only:not(:focus-visible) {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}

.xds-prose {
  color: var(--c-prose-ink);
  font-family: var(--c-prose-body-font-family), Georgia, serif; font-weight: var(--c-prose-body-weight);
  font-size: var(--c-prose-body-font-size); line-height: var(--c-prose-body-line-height); letter-spacing: var(--c-prose-body-tracking);
}
.xds-prose > * { margin: 0; }
.xds-prose > * + * { margin-block-start: var(--c-prose-stack); }
.xds-prose > * + h1 { margin-block-start: var(--c-prose-stack-heading-lg); }
.xds-prose > * + h2,.xds-prose > * + h3 { margin-block-start: var(--c-prose-stack-heading); }
.xds-prose > * + h4,.xds-prose > * + h5,.xds-prose > * + h6 { margin-block-start: var(--c-prose-stack-heading-sm); }
.xds-prose > p,.xds-prose > ul,.xds-prose > ol,.xds-prose > dl,.xds-prose > blockquote,.xds-prose > h1,.xds-prose > h2,.xds-prose > h3,.xds-prose > h4,.xds-prose > h5,.xds-prose > h6 { max-width: var(--c-prose-measure); }

.xds-prose h1,.xds-prose h2,.xds-prose h3,.xds-prose h4,.xds-prose h5,.xds-prose h6 {
  font-family: var(--c-prose-heading-font-family), system-ui, sans-serif; font-weight: var(--c-prose-heading-weight); color: var(--c-prose-heading-ink);
}
.xds-prose h1 { font-size: var(--c-prose-h1-font-size); line-height: var(--c-prose-h1-line-height); letter-spacing: var(--c-prose-h1-tracking); }
.xds-prose h2 { font-size: var(--c-prose-h2-font-size); line-height: var(--c-prose-h2-line-height); letter-spacing: var(--c-prose-h2-tracking); }
.xds-prose h3 { font-size: var(--c-prose-h3-font-size); line-height: var(--c-prose-h3-line-height); letter-spacing: var(--c-prose-h3-tracking); }
.xds-prose h4 { font-size: var(--c-prose-h4-font-size); line-height: var(--c-prose-h4-line-height); letter-spacing: var(--c-prose-h4-tracking); }
.xds-prose h5,.xds-prose h6 { font-size: var(--c-prose-h5-font-size); line-height: var(--c-prose-h5-line-height); letter-spacing: var(--c-prose-h5-tracking); font-weight: var(--c-prose-heading-weight-minor); }

.xds-prose__lead,.xds-prose blockquote { font-size: var(--c-prose-lead-font-size); line-height: var(--c-prose-lead-line-height); letter-spacing: var(--c-prose-lead-tracking); }
.xds-prose small,.xds-prose figcaption { font-size: var(--c-prose-small-font-size); line-height: var(--c-prose-small-line-height); letter-spacing: var(--c-prose-small-tracking); color: var(--c-prose-ink-secondary); }
.xds-prose strong,.xds-prose b { font-weight: var(--c-prose-strong-weight); }
.xds-prose em,.xds-prose i,.xds-prose cite { font-style: italic; }

.xds-prose ul,.xds-prose ol { padding-inline-start: var(--c-prose-indent); }
.xds-prose li { padding-inline-start: var(--c-prose-stack-tight); }
.xds-prose li + li,.xds-prose li > ul,.xds-prose li > ol { margin-block-start: var(--c-prose-stack-tight); }
.xds-prose li::marker { color: var(--c-prose-marker-ink); }

.xds-prose blockquote {
  color: var(--c-prose-ink-secondary);
  padding-inline-start: var(--c-prose-quote-inset-inline); border-inline-start: var(--c-prose-quote-mark-width) solid var(--c-prose-quote-mark);
}
.xds-prose blockquote > * { margin: 0; }
.xds-prose blockquote > * + * { margin-block-start: var(--c-prose-stack-tight); }
.xds-prose blockquote cite,.xds-prose blockquote footer {
  display: block; font-style: normal; font-family: var(--c-prose-cite-font-family), system-ui, sans-serif;
  font-size: var(--c-prose-cite-font-size); line-height: var(--c-prose-cite-line-height); letter-spacing: var(--c-prose-cite-tracking);
}

.xds-prose a { color: var(--c-prose-link-ink); text-decoration: underline; text-decoration-thickness: var(--c-prose-link-underline-width); text-underline-offset: 0.15em; }
.xds-prose a:visited { color: var(--c-prose-link-ink-visited); }
.xds-prose a:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-prose a:active { --xds-wash: var(--c-page-state-pressed); }
.xds-prose a:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }

.xds-prose hr { border: 0; border-block-start: var(--c-prose-divider-width) solid var(--c-prose-divider); }

.xds-prose table { width: 100%; border-collapse: collapse; background-color: var(--c-prose-table-surface); border: var(--c-page-border-width) solid var(--c-prose-table-border); font-family: var(--c-prose-table-font-family), system-ui, sans-serif; }
.xds-prose caption { caption-side: bottom; text-align: start; padding: var(--c-prose-table-cell-inset-block) 0; font-size: var(--c-prose-table-caption-font-size); letter-spacing: var(--c-prose-table-caption-tracking); color: var(--c-prose-table-caption-ink); }
.xds-prose thead th {
  padding: var(--c-prose-table-cell-inset-block) var(--c-prose-table-cell-inset-inline); text-align: start;
  background-color: var(--c-prose-table-head-surface); color: var(--c-prose-table-head-ink);
  font-size: var(--c-prose-table-head-font-size); line-height: var(--c-prose-table-head-line-height); font-weight: var(--c-prose-table-head-weight); letter-spacing: var(--c-prose-table-head-tracking); text-transform: uppercase;
  border-block-end: var(--c-prose-table-head-divider-width) solid var(--c-prose-table-head-divider);
}
.xds-prose td,.xds-prose tbody th {
  padding: var(--c-prose-table-cell-inset-block) var(--c-prose-table-cell-inset-inline); text-align: start;
  font-size: var(--c-prose-table-cell-font-size); line-height: var(--c-prose-table-cell-line-height); letter-spacing: var(--c-prose-table-cell-tracking); color: var(--c-prose-ink);
  border-block-end: var(--c-page-border-width) solid var(--c-prose-table-border);
}
.xds-prose tbody th { font-weight: var(--c-prose-table-head-weight); }

.xds-prose figure { margin-inline: 0; }
.xds-prose figcaption { margin-block-start: var(--c-prose-figcaption-gap); }
.xds-prose img,.xds-prose video,.xds-prose svg { max-width: 100%; height: auto; display: block; }

.xds-prose code,.xds-prose kbd,.xds-prose samp { font-family: var(--c-prose-code-font-family), ui-monospace, monospace; font-size: var(--c-prose-code-font-size); line-height: var(--c-prose-code-line-height); letter-spacing: var(--c-prose-code-tracking); background-color: var(--c-prose-code-surface); padding-inline: var(--c-prose-code-inset-inline); }
.xds-prose pre { font-family: var(--c-prose-code-font-family), ui-monospace, monospace; font-size: var(--c-prose-pre-font-size); line-height: var(--c-prose-pre-line-height); letter-spacing: var(--c-prose-code-tracking); background-color: var(--c-prose-code-surface); border: var(--c-page-border-width) solid var(--c-prose-code-border); padding: var(--c-prose-pre-inset); overflow-x: auto; }
.xds-prose pre code { font-size: inherit; line-height: inherit; background-color: transparent; padding: 0; }

.xds-prose dt { font-family: var(--c-prose-dt-font-family), system-ui, sans-serif; font-size: var(--c-prose-dt-font-size); line-height: var(--c-prose-dt-line-height); letter-spacing: var(--c-prose-dt-tracking); font-weight: var(--c-prose-dt-weight); }
.xds-prose dd { margin-inline-start: var(--c-prose-indent); margin-block-start: var(--c-prose-stack-tight); }
.xds-prose dd + dt { margin-block-start: var(--c-prose-stack); }

.xds-layout { --_gap: var(--c-layout-gap-md); display: flex; flex-direction: column; gap: var(--_gap); min-width: 0; }
.xds-layout[data-gap="sm"] { --_gap: var(--c-layout-gap-sm); }
.xds-layout[data-gap="md"] { --_gap: var(--c-layout-gap-md); }
.xds-layout[data-gap="lg"] { --_gap: var(--c-layout-gap-lg); }
.xds-layout[data-gap="xl"] { --_gap: var(--c-layout-gap-xl); }
.xds-layout > * { min-width: 0; }
.xds-layout[data-kind="grid"] { display: grid; grid-template-columns: repeat(var(--_columns, 3), minmax(0, 1fr)); }
.xds-layout[data-kind="grid"][data-columns="2"] { --_columns: 2; }
.xds-layout[data-kind="grid"][data-columns="3"] { --_columns: 3; }
.xds-layout[data-kind="grid"][data-columns="4"] { --_columns: 4; }
.xds-layout[data-kind="container"] { display: block; max-width: var(--c-layout-container-max); margin-inline: auto; padding-inline: var(--c-layout-gutter); }
.xds-layout[data-kind="cluster"] { flex-direction: row; flex-wrap: wrap; align-items: center; }
.xds-layout[data-kind="cluster"][data-align="end"] { justify-content: flex-end; }
@media (max-width: 900px) {.xds-layout[data-kind="grid"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.xds-ground[data-container][data-container],
.xds-paper[data-container][data-container]{ display: flex; flex-direction: column; align-items: stretch; }

.xds-ground[data-container][data-container] > *:has(> .xds-in-page-nav),
.xds-paper[data-container][data-container] > *:has(> .xds-in-page-nav){ display: contents; }
.xds-layout[data-kind="container"] { padding-inline: var(--c-page-compact-gutter); }
}
@media (max-width: 600px) {.xds-layout[data-kind="grid"] { grid-template-columns: minmax(0, 1fr); }
}

.xds-ground { display: flow-root; background-color: var(--c-ground-surface-page);
  padding-inline: max(var(--c-ground-inset),
                      calc((100% - var(--c-ground-content-max)) / 2)); }
.xds-ground[data-ground="sunken"] { background-color: var(--c-ground-surface-sunken); }
.xds-ground[data-ground="elevated"] { background-color: var(--c-ground-surface-elevated); }
.xds-ground[data-ground="friendly"] { background-color: var(--c-ground-surface-friendly); }

.xds-ground[data-ground="quiet"] { background-color: var(--c-ground-surface-quiet); }
.xds-ground[data-ground="dark"] { background-color: var(--c-ground-surface-dark); }

.xds-ground[data-ground="brand"] { background-color: var(--c-ground-surface-brand); }
.xds-ground[data-ground="vivid"] { background-color: var(--c-ground-surface-vivid); }
.xds-ground[data-ground="fade"] { background-color: var(--c-ground-fade-to);
  background-image: linear-gradient(to bottom, var(--c-ground-fade-from), var(--c-ground-fade-to)); }

.xds-layout[data-kind="container"] .xds-ground { padding-inline: 0; }

.xds-ground[data-container],
.xds-paper[data-container]{ display: grid; align-items: stretch; }
.xds-ground[data-container="equal"],
.xds-paper[data-container="equal"]{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.xds-ground[data-container="hug-left"],
.xds-paper[data-container="hug-left"]{ grid-template-columns: max-content minmax(0, 1fr); }
.xds-ground[data-container="hug-right"],
.xds-paper[data-container="hug-right"]{ grid-template-columns: minmax(0, 1fr) max-content; }
.xds-ground[data-container="set-left"],
.xds-paper[data-container="set-left"]{ grid-template-columns: var(--_set, var(--c-layout-aside-width)) minmax(0, 1fr); }
.xds-ground[data-container="set-right"],
.xds-paper[data-container="set-right"]{ grid-template-columns: minmax(0, 1fr) var(--_set, var(--c-layout-aside-width)); }

.xds-ground[data-container="third-left"],
.xds-paper[data-container="third-left"]{ grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.xds-ground[data-container="third-right"],
.xds-paper[data-container="third-right"]{ grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.xds-ground[data-set="prose"] { --_set: var(--c-layout-set-prose); }

.xds-band { display: grid; align-items: stretch;
  container-type: inline-size; container-name: xds-band;
  --_edge: max(var(--c-ground-inset), calc((100cqw - var(--c-ground-content-max)) / 2)); }
.xds-band[data-grounds="hug-left"] { grid-template-columns: max-content minmax(0, 1fr); }
.xds-band[data-grounds="hug-right"] { grid-template-columns: minmax(0, 1fr) max-content; }

.xds-band > .xds-ground { padding-inline: 0; }
.xds-band[data-grounds="hug-left"] > .xds-ground:first-child { padding-inline-start: var(--_edge); }
.xds-band[data-grounds="hug-left"] > .xds-ground:not(:first-child) { padding-inline-end: var(--_edge); }
.xds-band[data-grounds="hug-right"] > .xds-ground:last-child { padding-inline-end: var(--_edge); }
.xds-band[data-grounds="hug-right"] > .xds-ground:not(:last-child) { padding-inline-start: var(--_edge); }

.xds-band[data-grounds="hug-left"] > .xds-ground:first-child { grid-column: 1; grid-row: 1 / -1; }
.xds-band[data-grounds="hug-left"] > .xds-ground:not(:first-child) { grid-column: 2; }
.xds-band[data-grounds="hug-right"] > .xds-ground:last-child { grid-column: 2; grid-row: 1 / -1; }
.xds-band[data-grounds="hug-right"] > .xds-ground:not(:last-child) { grid-column: 1; }
.xds-band:where(:has(> :nth-child(3))) { grid-template-rows: repeat(2, auto); }
.xds-band:where(:has(> :nth-child(4))) { grid-template-rows: repeat(3, auto); }
.xds-band:where(:has(> :nth-child(5))) { grid-template-rows: repeat(4, auto); }
.xds-band:where(:has(> :nth-child(6))) { grid-template-rows: repeat(5, auto); }
.xds-band:where(:has(> :nth-child(7))) { grid-template-rows: repeat(6, auto); }
.xds-band:where(:has(> :nth-child(8))) { grid-template-rows: repeat(7, auto); }
.xds-band:where(:has(> :nth-child(9))) { grid-template-rows: repeat(8, auto); }

.xds-band[data-grounds="hug-left"] > .xds-ground:first-child,
.xds-band[data-grounds="hug-right"] > .xds-ground:last-child { display: flex; flex-direction: column; }
.xds-band > .xds-ground > .xds-layout[data-kind="container"][data-vertical="fill"] { flex: 1 1 auto; }

.xds-ground[data-container="hug-left"] > :first-child,
.xds-ground[data-container="set-left"] > :first-child,
.xds-paper[data-container="hug-left"] > :first-child,
.xds-paper[data-container="set-left"] > :first-child{ grid-column: 1; grid-row: 1 / -1; }
.xds-ground[data-container="hug-left"] > :not(:first-child),
.xds-ground[data-container="set-left"] > :not(:first-child),
.xds-paper[data-container="hug-left"] > :not(:first-child),
.xds-paper[data-container="set-left"] > :not(:first-child){ grid-column: 2; }
.xds-ground[data-container="hug-right"] > :last-child,
.xds-ground[data-container="set-right"] > :last-child,
.xds-paper[data-container="hug-right"] > :last-child,
.xds-paper[data-container="set-right"] > :last-child{ grid-column: 2; grid-row: 1 / -1; }
.xds-ground[data-container="hug-right"] > :not(:last-child),
.xds-ground[data-container="set-right"] > :not(:last-child),
.xds-paper[data-container="hug-right"] > :not(:last-child),
.xds-paper[data-container="set-right"] > :not(:last-child){ grid-column: 1; }
.xds-ground[data-container]:where(:has(> :nth-child(3))),
.xds-paper[data-container]:where(:has(> :nth-child(3))){ grid-template-rows: repeat(2, auto); }
.xds-ground[data-container]:where(:has(> :nth-child(4))),
.xds-paper[data-container]:where(:has(> :nth-child(4))){ grid-template-rows: repeat(3, auto); }
.xds-ground[data-container]:where(:has(> :nth-child(5))),
.xds-paper[data-container]:where(:has(> :nth-child(5))){ grid-template-rows: repeat(4, auto); }
.xds-ground[data-container]:where(:has(> :nth-child(6))),
.xds-paper[data-container]:where(:has(> :nth-child(6))){ grid-template-rows: repeat(5, auto); }
.xds-ground[data-container]:where(:has(> :nth-child(7))),
.xds-paper[data-container]:where(:has(> :nth-child(7))){ grid-template-rows: repeat(6, auto); }
.xds-ground[data-container]:where(:has(> :nth-child(8))),
.xds-paper[data-container]:where(:has(> :nth-child(8))){ grid-template-rows: repeat(7, auto); }
.xds-ground[data-container]:where(:has(> :nth-child(9))),
.xds-paper[data-container]:where(:has(> :nth-child(9))){ grid-template-rows: repeat(8, auto); }

.xds-ground[data-container] > [data-span="full"],
.xds-paper[data-container] > [data-span="full"]{ grid-column: 1 / -1; grid-row: auto; }

.xds-paper[data-container] { gap: 0; }
.xds-paper[data-container] > .xds-layout[data-kind="container"] { padding-inline: 0; }
.xds-paper[data-container] > .xds-layout[data-kind="container"]:nth-last-child(2) { padding-inline-end: var(--c-layout-container-inset); }
.xds-paper[data-container] > .xds-layout[data-kind="container"]:last-child { padding-inline-start: var(--c-layout-container-inset); }
.xds-ground[data-container="hug-left"]:where(:has(> [data-span="full"])) > :nth-child(2),
.xds-ground[data-container="set-left"]:where(:has(> [data-span="full"])) > :nth-child(2),
.xds-paper[data-container="hug-left"]:where(:has(> [data-span="full"])) > :nth-child(2),
.xds-paper[data-container="set-left"]:where(:has(> [data-span="full"])) > :nth-child(2){ grid-column: 1; grid-row: 2 / -1; }
.xds-ground[data-container="hug-right"]:where(:has(> [data-span="full"])) > :last-child,
.xds-ground[data-container="set-right"]:where(:has(> [data-span="full"])) > :last-child,
.xds-paper[data-container="hug-right"]:where(:has(> [data-span="full"])) > :last-child,
.xds-paper[data-container="set-right"]:where(:has(> [data-span="full"])) > :last-child{ grid-column: 2; grid-row: 2 / -1; }
.xds-ground[data-set="aside"] { --_set: var(--c-layout-set-aside); }
.xds-ground[data-set="ui"] { --_set: var(--c-layout-set-ui); }

.xds-layout[data-kind="container"][data-width="set"] { margin-inline: auto; }
.xds-layout[data-kind="container"][data-width="set"][data-set="page"] { max-width: var(--c-layout-set-page); }
.xds-layout[data-kind="container"][data-width="set"][data-set="content"] { max-width: var(--c-layout-set-content); }
.xds-layout[data-kind="container"][data-width="set"][data-set="prose"] { max-width: var(--c-layout-set-prose); }
.xds-layout[data-kind="container"][data-width="set"][data-set="aside"] { max-width: var(--c-layout-set-aside); }
.xds-layout[data-kind="container"][data-width="set"][data-set="ui"] { max-width: var(--c-layout-set-ui); }

.xds-layout[data-kind="container"][data-width="hug"] { width: max-content; max-width: 100%; }

.xds-ground .xds-layout[data-kind="container"] { display: flex; flex-direction: column;
  gap: var(--_gap); max-width: none; margin-inline: 0;
  padding-inline: var(--c-layout-container-inset); }

.xds-paper { --_gap: var(--c-layout-gap-md); display: flex; flex-direction: column; gap: var(--_gap); }
.xds-ground > .xds-layout { min-width: 0; }

.xds-layout[data-kind="container"], .xds-paper { --_lead: var(--c-layout-lead-line-height); }

.xds-layout[data-kind="container"]:where(:has(.xds-breadcrumb, .xds-in-page-nav, .xds-eyebrow, .xds-text[data-role="ui-xs"], .xds-text[data-role="ui-sm"])) { --_lead: var(--c-layout-lead-ui-sm); }
.xds-layout[data-kind="container"]:where(:has(.xds-text[data-role="ui-md"], .xds-text[data-role="ui-lg"], .xds-text[data-role="ui-xl"], .xds-document-link__title)) { --_lead: var(--c-layout-lead-ui-md); }

.xds-layout[data-kind="container"]:where(:has(.xds-text[data-role="body-sm"], .xds-text[data-role="heading-sm"], .xds-text[data-role="heading-xs"], .xds-card__title, .xds-card__body, .xds-tile__title, .xds-objective__title, .xds-objective__prose, .xds-summary-box__body, .xds-collection__title, .xds-collection__summary, .xds-accordion__prompt, .xds-accordion__panel, .xds-form__legend, .xds-error-summary__title, .xds-table)) { --_lead: var(--c-layout-lead-body-sm); }
.xds-layout[data-kind="container"]:where(:has(.xds-text[data-role="body-md"], .xds-dl)) { --_lead: var(--c-layout-lead-body-md); }
.xds-layout[data-kind="container"]:where(:has(.xds-prose)) { --_lead: var(--c-layout-lead-body-md); }
.xds-layout[data-kind="container"]:where(:has(.xds-text[data-role="body-lg"], .xds-text[data-role="heading-md"], .xds-section-heading__lede, .xds-prose h3)) { --_lead: var(--c-layout-lead-body-lg); }
.xds-layout[data-kind="container"]:where(:has(.xds-text[data-role="display-xs"], .xds-section-opener__statement, .xds-section-heading[data-scale="display"] .xds-section-heading__heading[data-rung="2"])) { --_lead: var(--c-layout-lead-display-xs); }

.xds-layout[data-kind="container"]:where(:has(.xds-text[data-role="heading-lg"], .xds-text[data-role="body-xl"], .xds-prose h2, .xds-section-heading:not([data-scale="display"]) .xds-section-heading__heading)) { --_lead: var(--c-layout-lead-heading-lg); }
.xds-layout[data-kind="container"]:where(:has(.xds-text[data-role="display-sm"], .xds-section-heading[data-scale="display"] .xds-section-heading__heading[data-rung="1"])) { --_lead: var(--c-layout-lead-display-sm); }
.xds-layout[data-kind="container"]:where(:has(.xds-text[data-role="display-md"], .xds-text[data-role="heading-xl"], .xds-section-heading__statement, .xds-stat__value, .xds-prose h1, .xds-section-heading[data-scale="display"] .xds-section-heading__heading:not([data-rung]))) { --_lead: var(--c-layout-lead-display-md); }
.xds-layout[data-kind="container"]:where(:has(.xds-text[data-role="display-lg"])) { --_lead: var(--c-layout-lead-display-lg); }
.xds-layout[data-kind="container"]:where(:has(.xds-text[data-role="display-xl"])) { --_lead: var(--c-layout-lead-display-xl); }

.xds-layout[data-kind="container"][data-lead="display-xl"] { --_lead: var(--c-layout-lead-display-xl); }
.xds-layout[data-kind="container"][data-lead="display-lg"] { --_lead: var(--c-layout-lead-display-lg); }
.xds-layout[data-kind="container"][data-lead="display-md"] { --_lead: var(--c-layout-lead-display-md); }
.xds-layout[data-kind="container"][data-lead="display-sm"] { --_lead: var(--c-layout-lead-display-sm); }
.xds-layout[data-kind="container"][data-lead="display-xs"] { --_lead: var(--c-layout-lead-display-xs); }
.xds-layout[data-kind="container"][data-lead="heading-xl"] { --_lead: var(--c-layout-lead-heading-xl); }
.xds-layout[data-kind="container"][data-lead="heading-lg"] { --_lead: var(--c-layout-lead-heading-lg); }
.xds-layout[data-kind="container"][data-lead="heading-md"] { --_lead: var(--c-layout-lead-heading-md); }
.xds-layout[data-kind="container"][data-lead="heading-sm"] { --_lead: var(--c-layout-lead-heading-sm); }
.xds-layout[data-kind="container"][data-lead="body-xl"] { --_lead: var(--c-layout-lead-body-xl); }
.xds-layout[data-kind="container"][data-lead="body-lg"] { --_lead: var(--c-layout-lead-body-lg); }
.xds-layout[data-kind="container"][data-lead="body-md"] { --_lead: var(--c-layout-lead-body-md); }

.xds-ground > .xds-layout[data-kind="container"] { --_seam: initial; }

.xds-ground .xds-layout[data-kind="container"] {
  padding-block: calc(var(--_seam, calc(var(--c-layout-lead-ratio) * var(--_lead))) / 2)
                 calc(var(--c-layout-lead-ratio) * var(--_lead) / 2); }

.xds-ground:where(:has(.xds-breadcrumb, .xds-in-page-nav, .xds-eyebrow, .xds-text[data-role="ui-xs"], .xds-text[data-role="ui-sm"])) + .xds-ground:where(:not(:has(.xds-breadcrumb))) > .xds-layout[data-kind="container"] { --_seam: calc(var(--c-layout-lead-ratio) * var(--c-layout-lead-ui-sm)); }
.xds-ground:where(:has(.xds-text[data-role="ui-md"], .xds-text[data-role="ui-lg"], .xds-text[data-role="ui-xl"], .xds-document-link__title)) + .xds-ground:where(:not(:has(.xds-breadcrumb))) > .xds-layout[data-kind="container"] { --_seam: calc(var(--c-layout-lead-ratio) * var(--c-layout-lead-ui-md)); }
.xds-ground:where(:has(.xds-text[data-role="body-sm"], .xds-text[data-role="heading-sm"], .xds-text[data-role="heading-xs"], .xds-card__title, .xds-card__body, .xds-tile__title, .xds-objective__title, .xds-objective__prose, .xds-summary-box__body, .xds-collection__title, .xds-collection__summary, .xds-accordion__prompt, .xds-accordion__panel, .xds-form__legend, .xds-error-summary__title, .xds-table)) + .xds-ground:where(:not(:has(.xds-breadcrumb))) > .xds-layout[data-kind="container"] { --_seam: calc(var(--c-layout-lead-ratio) * var(--c-layout-lead-body-sm)); }
.xds-ground:where(:has(.xds-text[data-role="body-md"], .xds-dl)) + .xds-ground:where(:not(:has(.xds-breadcrumb))) > .xds-layout[data-kind="container"] { --_seam: calc(var(--c-layout-lead-ratio) * var(--c-layout-lead-body-md)); }
.xds-ground:where(:has(.xds-prose)) + .xds-ground:where(:not(:has(.xds-breadcrumb))) > .xds-layout[data-kind="container"] { --_seam: calc(var(--c-layout-lead-ratio) * var(--c-layout-lead-body-md)); }
.xds-ground:where(:has(.xds-text[data-role="body-lg"], .xds-text[data-role="heading-md"], .xds-section-heading__lede, .xds-prose h3)) + .xds-ground:where(:not(:has(.xds-breadcrumb))) > .xds-layout[data-kind="container"] { --_seam: calc(var(--c-layout-lead-ratio) * var(--c-layout-lead-body-lg)); }
.xds-ground:where(:has(.xds-text[data-role="display-xs"], .xds-section-opener__statement, .xds-section-heading[data-scale="display"] .xds-section-heading__heading[data-rung="2"])) + .xds-ground:where(:not(:has(.xds-breadcrumb))) > .xds-layout[data-kind="container"] { --_seam: calc(var(--c-layout-lead-ratio) * var(--c-layout-lead-display-xs)); }
.xds-ground:where(:has(.xds-text[data-role="heading-lg"], .xds-text[data-role="body-xl"], .xds-prose h2, .xds-section-heading:not([data-scale="display"]) .xds-section-heading__heading)) + .xds-ground:where(:not(:has(.xds-breadcrumb))) > .xds-layout[data-kind="container"] { --_seam: calc(var(--c-layout-lead-ratio) * var(--c-layout-lead-heading-lg)); }
.xds-ground:where(:has(.xds-text[data-role="display-sm"], .xds-section-heading[data-scale="display"] .xds-section-heading__heading[data-rung="1"])) + .xds-ground:where(:not(:has(.xds-breadcrumb))) > .xds-layout[data-kind="container"] { --_seam: calc(var(--c-layout-lead-ratio) * var(--c-layout-lead-display-sm)); }
.xds-ground:where(:has(.xds-text[data-role="display-md"], .xds-text[data-role="heading-xl"], .xds-section-heading__statement, .xds-stat__value, .xds-prose h1, .xds-section-heading[data-scale="display"] .xds-section-heading__heading:not([data-rung]))) + .xds-ground:where(:not(:has(.xds-breadcrumb))) > .xds-layout[data-kind="container"] { --_seam: calc(var(--c-layout-lead-ratio) * var(--c-layout-lead-display-md)); }
.xds-ground:where(:has(.xds-text[data-role="display-lg"])) + .xds-ground:where(:not(:has(.xds-breadcrumb))) > .xds-layout[data-kind="container"] { --_seam: calc(var(--c-layout-lead-ratio) * var(--c-layout-lead-display-lg)); }
.xds-ground:where(:has(.xds-text[data-role="display-xl"])) + .xds-ground:where(:not(:has(.xds-breadcrumb))) > .xds-layout[data-kind="container"] { --_seam: calc(var(--c-layout-lead-ratio) * var(--c-layout-lead-display-xl)); }

.xds-ground:where(:has(> .xds-layout[data-kind="container"] > .xds-breadcrumb:only-child)) + .xds-ground:where(:not(:has(.xds-breadcrumb))) > .xds-layout[data-kind="container"] { padding-top: var(--c-layout-seam-breadcrumb); }

.xds-ground:where([data-ground="dark"],[data-ground="brand"],[data-ground="vivid"]):has(+ .xds-ground:not([data-ground="dark"]):not([data-ground="brand"]):not([data-ground="vivid"])) > .xds-layout[data-kind="container"],
.xds-ground:not([data-ground="dark"]):not([data-ground="brand"]):not([data-ground="vivid"]):has(+ .xds-ground:where([data-ground="dark"],[data-ground="brand"],[data-ground="vivid"])) > .xds-layout[data-kind="container"] {
  padding-bottom: calc(var(--c-layout-lead-ratio-polarity) * var(--_lead) / 2); }

main > .xds-ground:first-child > .xds-layout[data-kind="container"]:where(:not(:has(> .xds-breadcrumb:only-child))) { padding-top: calc(var(--c-layout-lead-ratio) * var(--_lead)); }
main > .xds-ground:last-child > .xds-layout[data-kind="container"]:where(:not(:has(> .xds-breadcrumb:only-child))) { padding-bottom: calc(var(--c-layout-lead-ratio) * var(--_lead)); }

.xds-band > .xds-ground > .xds-layout[data-kind="container"] { --_seam: initial; }
main > .xds-band:first-child > .xds-ground > .xds-layout[data-kind="container"] { padding-top: calc(var(--c-layout-lead-ratio) * var(--_lead)); }
main > .xds-band:last-child > .xds-ground > .xds-layout[data-kind="container"] { padding-bottom: calc(var(--c-layout-lead-ratio) * var(--_lead)); }

.xds-ground:where([data-ground="elevated"]):has(+ .xds-ground:where(:not([data-ground]), [data-ground="page"], [data-ground="sunken"], [data-ground="elevated"], [data-ground="quiet"], [data-ground="friendly"])) { box-shadow: inset 0 calc(-1 * var(--c-ground-divider-width)) 0 0 var(--c-ground-divider-elevated); }
.xds-ground:where(:not([data-ground]), [data-ground="page"]):has(+ .xds-ground:where(:not([data-ground]), [data-ground="page"], [data-ground="sunken"], [data-ground="elevated"], [data-ground="quiet"], [data-ground="friendly"])) { box-shadow: inset 0 calc(-1 * var(--c-ground-divider-width)) 0 0 var(--c-ground-divider-page); }
.xds-ground:where([data-ground="sunken"]):has(+ .xds-ground:where(:not([data-ground]), [data-ground="page"], [data-ground="sunken"], [data-ground="elevated"], [data-ground="quiet"], [data-ground="friendly"])) { box-shadow: inset 0 calc(-1 * var(--c-ground-divider-width)) 0 0 var(--c-ground-divider-sunken); }
.xds-ground:where([data-ground="quiet"]):has(+ .xds-ground:where(:not([data-ground]), [data-ground="page"], [data-ground="sunken"], [data-ground="elevated"], [data-ground="quiet"], [data-ground="friendly"])) { box-shadow: inset 0 calc(-1 * var(--c-ground-divider-width)) 0 0 var(--c-ground-divider-quiet); }
.xds-ground:where([data-ground="friendly"]):has(+ .xds-ground:where(:not([data-ground]), [data-ground="page"], [data-ground="sunken"], [data-ground="elevated"], [data-ground="quiet"], [data-ground="friendly"])) { box-shadow: inset 0 calc(-1 * var(--c-ground-divider-width)) 0 0 var(--c-ground-divider-friendly); }

.xds-ground:where([data-ground="dark"], [data-ground="brand"], [data-ground="vivid"]) + .xds-ground:where([data-ground="brand"]) { box-shadow: inset 0 var(--c-ground-divider-width) 0 0 var(--c-ground-divider-brand); }
.xds-ground:where([data-ground="dark"], [data-ground="brand"], [data-ground="vivid"]) + .xds-ground:where([data-ground="dark"]) { box-shadow: inset 0 var(--c-ground-divider-width) 0 0 var(--c-ground-divider-dark); }

.xds-band > .xds-ground,
.xds-layout[data-kind="container"] .xds-ground { box-shadow: none; }

.xds-paper { padding-inline: var(--c-paper-inset); padding-block: var(--c-paper-inset);
  background-color: var(--c-paper-surface-page);
  box-shadow: 0 0 0 var(--c-page-border-width) var(--c-paper-border-on-page); }
.xds-paper[data-surface="sunken"] { background-color: var(--c-paper-surface-sunken);
  box-shadow: 0 0 0 var(--c-page-border-width) var(--c-paper-border-on-sunken); }
.xds-paper[data-surface="elevated"] { background-color: var(--c-paper-surface-elevated);
  box-shadow: 0 0 0 var(--c-page-border-width) var(--c-paper-border-on-elevated); }
.xds-paper[data-surface="raised"] { background-color: var(--c-paper-surface-raised);
  box-shadow: 0 0 0 var(--c-page-border-width) var(--c-paper-border-on-raised); }

.xds-truncate { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

@media (max-width: 900px) {

.xds-ground[data-container],
.xds-paper[data-container]{ grid-template-columns: minmax(0, 1fr); }

  .xds-ground { padding-inline: var(--c-page-compact-gutter); }

  .xds-layout[data-kind="container"]:where(:has(.xds-section-heading[data-scale="display"] .xds-section-heading__heading)),
}
@media (max-width: 600px) {
  .xds-layout[data-kind="container"]:where(:has(.xds-section-heading[data-scale="display"] .xds-section-heading__heading)),
}

.xds-text { margin: 0; color: var(--c-text-ink); letter-spacing: var(--c-text-tracking-none); max-width: var(--c-text-measure); }
.xds-text[data-tone="secondary"] { color: var(--c-text-ink-secondary); }
.xds-text[data-tone="tertiary"] { color: var(--c-text-ink-tertiary); }
.xds-text[data-role^="display"] { font-family: var(--c-text-family-display), system-ui, sans-serif; font-weight: var(--c-text-weight-bold); max-width: none; }
.xds-text[data-role^="heading"] { font-family: var(--c-text-family-heading), system-ui, sans-serif; font-weight: var(--c-text-weight-bold); }
.xds-text[data-role^="body"] { font-family: var(--c-text-family-body), Georgia, serif; font-weight: var(--c-text-weight-regular); }
.xds-text[data-role^="ui"] { font-family: var(--c-text-family-ui), system-ui, sans-serif; font-weight: var(--c-text-weight-regular); letter-spacing: var(--c-text-tracking-ui); max-width: none; }
.xds-text[data-role^="code"] { font-family: var(--c-text-family-code), ui-monospace, monospace; font-weight: var(--c-text-weight-regular); }

.xds-text[data-weight="regular"] { font-weight: var(--c-text-weight-regular); }
.xds-text[data-weight="medium"] { font-weight: var(--c-text-weight-medium); }
.xds-text[data-weight="semibold"] { font-weight: var(--c-text-weight-semibold); }
.xds-text[data-weight="bold"] { font-weight: var(--c-text-weight-bold); }

.xds-text[data-role^="ui"][data-weight="semibold"], .xds-text[data-role^="ui"][data-weight="bold"],
.xds-text[data-role^="code"][data-weight="semibold"], .xds-text[data-role^="code"][data-weight="bold"] {
  font-weight: var(--c-text-weight-medium); }
.xds-text[data-role="ui-xs"] { font-size: var(--c-text-ui-xs-size); line-height: var(--c-text-ui-xs-line-height); letter-spacing: var(--c-text-ui-xs-tracking); }
.xds-text[data-role="ui-sm"] { font-size: var(--c-text-ui-sm-size); line-height: var(--c-text-ui-sm-line-height); letter-spacing: var(--c-text-ui-sm-tracking); }
.xds-text[data-role="ui-md"] { font-size: var(--c-text-ui-md-size); line-height: var(--c-text-ui-md-line-height); letter-spacing: var(--c-text-ui-md-tracking); }
.xds-text[data-role="ui-lg"] { font-size: var(--c-text-ui-lg-size); line-height: var(--c-text-ui-lg-line-height); letter-spacing: var(--c-text-ui-lg-tracking); }
.xds-text[data-role="ui-xl"] { font-size: var(--c-text-ui-xl-size); line-height: var(--c-text-ui-xl-line-height); letter-spacing: var(--c-text-ui-xl-tracking); }
.xds-text[data-role="ui-2xl"] { font-size: var(--c-text-ui-2xl-size); line-height: var(--c-text-ui-2xl-line-height); letter-spacing: var(--c-text-ui-2xl-tracking); }
.xds-text[data-role="body-xs"] { font-size: var(--c-text-body-xs-size); line-height: var(--c-text-body-xs-line-height); letter-spacing: var(--c-text-body-xs-tracking); }
.xds-text[data-role="body-sm"] { font-size: var(--c-text-body-sm-size); line-height: var(--c-text-body-sm-line-height); letter-spacing: var(--c-text-body-sm-tracking); }
.xds-text[data-role="body-md"], .xds-dl { font-size: var(--c-text-body-md-size); line-height: var(--c-text-body-md-line-height); letter-spacing: var(--c-text-body-md-tracking); }
.xds-text[data-role="body-lg"] { font-size: var(--c-text-body-lg-size); line-height: var(--c-text-body-lg-line-height); letter-spacing: var(--c-text-body-lg-tracking); }
.xds-text[data-role="body-xl"] { font-size: var(--c-text-body-xl-size); line-height: var(--c-text-body-xl-line-height); letter-spacing: var(--c-text-body-xl-tracking); }
.xds-text[data-role="heading-xs"] { font-size: var(--c-text-heading-xs-size); line-height: var(--c-text-heading-xs-line-height); letter-spacing: var(--c-text-heading-xs-tracking); }
.xds-text[data-role="heading-sm"] { font-size: var(--c-text-heading-sm-size); line-height: var(--c-text-heading-sm-line-height); letter-spacing: var(--c-text-heading-sm-tracking); }
.xds-text[data-role="heading-md"] { font-size: var(--c-text-heading-md-size); line-height: var(--c-text-heading-md-line-height); letter-spacing: var(--c-text-heading-md-tracking); }
.xds-text[data-role="heading-lg"] { font-size: var(--c-text-heading-lg-size); line-height: var(--c-text-heading-lg-line-height); letter-spacing: var(--c-text-heading-lg-tracking); }
.xds-text[data-role="heading-xl"] { font-size: var(--c-text-heading-xl-size); line-height: var(--c-text-heading-xl-line-height); letter-spacing: var(--c-text-heading-xl-tracking); }
.xds-text[data-role="display-xs"] { font-size: var(--c-text-display-xs-size); line-height: var(--c-text-display-xs-line-height); letter-spacing: var(--c-text-display-xs-tracking); }
.xds-text[data-role="display-sm"] { font-size: var(--c-text-display-sm-size); line-height: var(--c-text-display-sm-line-height); letter-spacing: var(--c-text-display-sm-tracking); }
.xds-text[data-role="display-md"] { font-size: var(--c-text-display-md-size); line-height: var(--c-text-display-md-line-height); letter-spacing: var(--c-text-display-md-tracking); }
.xds-text[data-role="display-lg"] { font-size: var(--c-text-display-lg-size); line-height: var(--c-text-display-lg-line-height); letter-spacing: var(--c-text-display-lg-tracking); }
.xds-text[data-role="display-xl"] { font-size: var(--c-text-display-xl-size); line-height: var(--c-text-display-xl-line-height); letter-spacing: var(--c-text-display-xl-tracking); }
.xds-text[data-role="code-sm"] { font-size: var(--c-text-code-sm-size); line-height: var(--c-text-code-sm-line-height); letter-spacing: var(--c-text-code-sm-tracking); }
.xds-text[data-role="code-md"] { font-size: var(--c-text-code-md-size); line-height: var(--c-text-code-md-line-height); letter-spacing: var(--c-text-code-md-tracking); }
.xds-text[data-role="code-lg"] { font-size: var(--c-text-code-lg-size); line-height: var(--c-text-code-lg-line-height); letter-spacing: var(--c-text-code-lg-tracking); }

.xds-button {
  --_fill: transparent;
  --_label: var(--c-button-secondary-outline);
  --_border: var(--c-button-secondary-outline);
  --_hover: var(--c-page-state-hover);
  --_pressed: var(--c-page-state-pressed);
  --_h: var(--c-button-height-md);
  --_px: var(--c-button-inset-inline-md);
  --_fs: var(--c-button-font-size-md);

  display: inline-flex; align-items: center; justify-content: center;
  gap: var(--c-button-gap);
  min-height: var(--_h); padding: 0 var(--_px);
  font-family: var(--c-button-font-family), system-ui, sans-serif;
  font-size: var(--_fs); line-height: var(--c-button-line-height);
  font-weight: var(--c-button-weight); letter-spacing: var(--c-button-tracking);
  color: var(--_label);
  background-color: var(--_fill);
  border: var(--c-page-border-width) solid var(--_border);
  border-radius: var(--c-page-radius);
  cursor: pointer; text-decoration: none; white-space: nowrap; user-select: none;
}

.xds-button:hover { --xds-wash: var(--_hover); }
.xds-button:active { --xds-wash: var(--_pressed); }
.xds-button:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-button[data-variant="primary"] {
  --_fill: var(--c-button-primary-fill); --_label: var(--c-button-primary-ink); --_border: var(--c-button-primary-fill);
  --_hover: var(--c-button-primary-hover); --_pressed: var(--c-button-primary-pressed);
}
.xds-button[data-variant="destructive"] {
  --_fill: var(--c-button-destructive-fill); --_label: var(--c-button-primary-ink); --_border: var(--c-button-destructive-fill);
  --_hover: var(--c-button-primary-hover); --_pressed: var(--c-button-primary-pressed);
}
.xds-button[data-variant="tertiary"] { --_border: transparent; }

.xds-button[data-variant="accent"] {
  --_fill: var(--c-button-accent-fill); --_label: var(--c-button-primary-ink); --_border: var(--c-button-accent-fill);
  --_hover: var(--c-button-primary-hover); --_pressed: var(--c-button-primary-pressed);
}
.xds-button[data-variant="accent-secondary"] { --_label: var(--c-button-accent-outline); --_border: var(--c-button-accent-outline); }
.xds-button[data-size="sm"] { --_h: var(--c-button-height-sm); --_px: var(--c-button-inset-inline-sm); --_fs: var(--c-button-font-size-sm); }
.xds-button[data-size="lg"] { --_h: var(--c-button-height-lg); --_px: var(--c-button-inset-inline-lg); --_fs: var(--c-button-font-size-lg); }
.xds-button:disabled,.xds-button[aria-disabled="true"] {
  --_fill: var(--c-button-fill-disabled); --_label: var(--c-button-ink-disabled); --_border: var(--c-button-border-disabled);
  cursor: not-allowed; background-image: none;
}
.xds-button[data-variant="secondary"]:disabled,.xds-button[data-variant="accent-secondary"]:disabled,.xds-button[data-variant="tertiary"]:disabled { --_fill: transparent; }
.xds-button__icon { width: var(--c-button-icon-size); height: var(--c-button-icon-size); flex: none; fill: currentColor; }

.xds-button[data-icon="only"] { padding: 0; width: var(--_h); }

.xds-link {
  color: var(--c-link-ink);
  text-decoration: underline; text-decoration-thickness: var(--c-link-underline-width); text-underline-offset: 0.15em;
}
.xds-link:visited { color: var(--c-link-ink-visited); }
.xds-link:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-link:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }

.xds-label {
  display: inline-flex; gap: var(--c-label-gap);
  font-family: var(--c-label-font-family), system-ui, sans-serif;
  font-size: var(--c-label-font-size); line-height: var(--c-label-line-height);
  font-weight: var(--c-label-weight); letter-spacing: var(--c-label-tracking);
  color: var(--c-label-ink);
}
.xds-label__required { color: var(--c-label-ink-required); }

.xds-input {
  display: block; width: 100%;
  min-height: var(--c-input-height);
  padding: var(--c-input-inset-block) var(--c-input-inset-inline);
  font-family: var(--c-input-font-family), system-ui, sans-serif;
  font-size: var(--c-input-font-size); line-height: var(--c-input-line-height); letter-spacing: var(--c-input-tracking);
  color: var(--c-input-ink);
  background-color: var(--c-input-surface);
  border: var(--c-page-border-width) solid var(--c-input-border);
  border-radius: var(--c-page-radius);
  appearance: none;
}
.xds-input::placeholder { color: var(--c-input-placeholder-ink); }
.xds-input:hover:not(:disabled) { border-color: var(--c-input-border-hover); }
.xds-input:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-input[aria-invalid="true"] { border-color: var(--c-input-border-error); }
.xds-input:read-only:not(:disabled) { background-color: var(--c-input-surface-readonly); }
.xds-input:disabled { color: var(--c-input-ink-disabled); background-color: var(--c-input-surface-disabled); border-color: var(--c-input-border-disabled); cursor: not-allowed; }
textarea.xds-input { min-height: var(--c-input-textarea-min-height); resize: vertical; }

.xds-select { position: relative; display: block; width: 100%; }
.xds-select__trigger {
  display: flex; align-items: center; justify-content: space-between; gap: var(--c-select-trigger-inset-inline); width: 100%;
  min-height: var(--c-select-trigger-height); padding: 0 var(--c-select-trigger-inset-inline);
  font-family: var(--c-select-trigger-font-family), system-ui, sans-serif; font-size: var(--c-select-trigger-font-size); line-height: var(--c-select-trigger-line-height); letter-spacing: var(--c-select-trigger-tracking);
  color: var(--c-select-trigger-ink); text-align: left; background-color: var(--c-select-trigger-surface);
  border: var(--c-select-trigger-border-width) solid var(--c-select-trigger-border); border-radius: var(--c-select-trigger-radius); cursor: pointer;
}
.xds-select__trigger[data-placeholder] { color: var(--c-select-trigger-placeholder-ink); }
.xds-select__trigger:hover:not(:disabled) { border-color: var(--c-select-trigger-border-hover); }
.xds-select__trigger[aria-expanded="true"] { border-color: var(--c-select-trigger-border-open); }
.xds-select__trigger[aria-invalid="true"] { border-color: var(--c-select-trigger-border-error); }
.xds-select__trigger:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-select__trigger:disabled { color: var(--c-select-ink-disabled); background-color: var(--c-select-surface-disabled); border-color: var(--c-select-border-disabled); cursor: not-allowed; }
.xds-select__trigger:disabled::after,.xds-select__trigger[aria-disabled="true"]::after { background-color: var(--c-select-chevron-ink-disabled); }
.xds-select__trigger::after { content: ""; flex: none; width: var(--c-select-chevron-size); height: var(--c-select-chevron-size); background-color: var(--c-select-chevron-ink); -webkit-mask: var(--_icon-mask-chevron-down) center / contain no-repeat; mask: var(--_icon-mask-chevron-down) center / contain no-repeat; transition: transform var(--c-page-motion-state) var(--c-page-motion-ease); }
.xds-select__trigger[aria-expanded="true"]::after { transform: rotate(180deg); }
.xds-select__list { position: absolute; left: 0; right: 0; top: calc(100% + var(--c-select-list-offset)); max-height: var(--c-select-list-max-height); overflow: auto; z-index: var(--c-select-elevation); min-width: 0; }
.xds-select__list[hidden] { display: none; }
.xds-select__option[aria-selected="true"]::after { content: ""; margin-left: auto; width: var(--c-select-option-check-size); height: var(--c-select-option-check-size); background-color: var(--c-select-option-check-ink); -webkit-mask: var(--_icon-mask-check) center / contain no-repeat; mask: var(--_icon-mask-check) center / contain no-repeat; }
.xds-select__native { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

.xds-checkbox,.xds-radio {
  display: inline-flex; align-items: center; gap: var(--c-checkbox-gap);
  min-height: var(--c-checkbox-target);
  font-family: var(--c-checkbox-label-font-family), system-ui, sans-serif;
  font-size: var(--c-checkbox-label-font-size); line-height: var(--c-checkbox-label-line-height); letter-spacing: var(--c-checkbox-label-tracking);
  color: var(--c-checkbox-label-ink); cursor: pointer;
}
.xds-checkbox__control,.xds-radio__control {
  appearance: none; margin: 0; flex: none;
  width: var(--c-checkbox-size); height: var(--c-checkbox-size);
  background-color: var(--c-checkbox-surface);
  border: var(--c-checkbox-border-width) solid var(--c-checkbox-border);
  border-radius: var(--c-page-radius);
  display: grid; place-content: center; cursor: inherit;
}
.xds-checkbox__control:hover:not(:disabled),.xds-radio__control:hover:not(:disabled) { --xds-wash: var(--c-page-state-hover); }
.xds-checkbox__control:active:not(:disabled),.xds-radio__control:active:not(:disabled) { --xds-wash: var(--c-page-state-pressed); }
.xds-checkbox__control:checked,.xds-radio__control:checked { background-color: var(--c-checkbox-fill-checked); border-color: var(--c-checkbox-fill-checked); }

.xds-checkbox__control::after {
  content: ""; width: var(--c-checkbox-mark-size); height: var(--c-checkbox-mark-size);
  background-color: var(--c-checkbox-mark-checked);
  -webkit-mask: var(--_icon-mask-check) center / contain no-repeat; mask: var(--_icon-mask-check) center / contain no-repeat;
  transform: scale(0);
}
.xds-checkbox__control:checked::after { transform: scale(1); }
.xds-checkbox__control:indeterminate { background-color: var(--c-checkbox-fill-checked); border-color: var(--c-checkbox-fill-checked); }
.xds-checkbox__control:indeterminate::after { -webkit-mask: none; mask: none; width: 0.6em; height: var(--c-checkbox-bar-width); transform: none; }

.xds-radio__control { border-radius: var(--c-checkbox-radio-radius); }
.xds-radio__control::after { content: ""; width: 0.5em; height: 0.5em; border-radius: var(--c-checkbox-radio-radius); background-color: var(--c-checkbox-mark-checked); transform: scale(0); }
.xds-radio__control:checked::after { transform: scale(1); }
.xds-checkbox__control:focus-visible,.xds-radio__control:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-checkbox__control:disabled,.xds-radio__control:disabled { background-color: var(--c-checkbox-fill-disabled); border-color: var(--c-checkbox-border-disabled); cursor: not-allowed; }
.xds-checkbox:has(:disabled),.xds-radio:has(:disabled) { color: var(--c-checkbox-label-ink-disabled); cursor: not-allowed; }

.xds-switch {
  display: inline-flex; align-items: center; gap: var(--c-switch-gap);
  font-family: var(--c-switch-label-font-family), system-ui, sans-serif;
  font-size: var(--c-switch-label-font-size); line-height: var(--c-switch-label-line-height); letter-spacing: var(--c-switch-label-tracking);
  color: var(--c-switch-label-ink); cursor: pointer;
}
.xds-switch__control {
  --_thumb: calc(var(--c-switch-track-height) - 2 * var(--c-switch-thumb-inset));
  appearance: none; margin: 0; flex: none; position: relative;
  width: calc(2 * var(--_thumb) + 2 * var(--c-switch-thumb-inset));
  height: var(--c-switch-track-height);
  background-color: var(--c-switch-track-off);
  border-radius: var(--c-page-radius); border: 0; cursor: inherit;
}
.xds-switch__control::after {
  content: ""; position: absolute; top: var(--c-switch-thumb-inset); left: var(--c-switch-thumb-inset);
  width: var(--_thumb); height: var(--_thumb); background-color: var(--c-switch-thumb);
  transition: transform var(--c-page-motion-state) var(--c-page-motion-ease);
}
.xds-switch__control:checked { background-color: var(--c-switch-track-on); }
.xds-switch__control:checked::after { transform: translateX(var(--_thumb)); }
.xds-switch__control:hover:not(:disabled) { --xds-wash: var(--c-switch-hover); }
.xds-switch__control:active:not(:disabled) { --xds-wash: var(--c-switch-pressed); }
.xds-switch__control:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-switch__control:disabled { background-color: var(--c-switch-track-disabled); cursor: not-allowed; }

.xds-badge {
  --_bg: var(--c-badge-neutral-surface); --_bd: var(--c-badge-neutral-border); --_fg: var(--c-badge-neutral-ink);
  display: inline-block; padding: var(--c-badge-inset-block) var(--c-badge-inset-inline);
  font-family: var(--c-badge-font-family), system-ui, sans-serif;
  font-size: var(--c-badge-font-size); line-height: var(--c-badge-line-height);
  font-weight: var(--c-badge-weight); letter-spacing: var(--c-badge-tracking);
  color: var(--_fg); background-color: var(--_bg);
  border: var(--c-page-border-width) solid var(--_bd); border-radius: var(--c-page-radius);
  white-space: nowrap;
}
.xds-badge[data-status="error"] { --_bg: var(--c-badge-error-surface); --_bd: var(--c-badge-error-border); --_fg: var(--c-badge-error-ink); }
.xds-badge[data-status="warning"] { --_bg: var(--c-badge-warning-surface); --_bd: var(--c-badge-warning-border); --_fg: var(--c-badge-warning-ink); }
.xds-badge[data-status="success"] { --_bg: var(--c-badge-success-surface); --_bd: var(--c-badge-success-border); --_fg: var(--c-badge-success-ink); }
.xds-badge[data-status="info"] { --_bg: var(--c-badge-info-surface); --_bd: var(--c-badge-info-border); --_fg: var(--c-badge-info-ink); }
.xds-badge[data-status="emergency"] { --_bg: var(--c-badge-emergency-surface); --_bd: var(--c-badge-emergency-border); --_fg: var(--c-badge-emergency-ink); }

.xds-chip-group { display: flex; flex-wrap: wrap; gap: var(--c-chip-group-gap); align-items: center; }
.xds-chip {
  display: inline-flex; align-items: center; gap: var(--c-chip-gap);
  min-height: var(--c-chip-height); padding: 0 var(--c-chip-inset-inline-end) 0 var(--c-chip-inset-inline-start);
  background-color: var(--c-chip-surface); color: var(--c-chip-ink);
  border: var(--c-page-border-width) solid var(--c-chip-border); border-radius: var(--c-page-radius);
  font-family: var(--c-chip-font-family), system-ui, sans-serif; font-size: var(--c-chip-font-size); line-height: var(--c-chip-line-height);
  font-weight: var(--c-chip-weight); letter-spacing: var(--c-chip-tracking); white-space: nowrap;
}
.xds-chip:not(:has(.xds-chip__dismiss)) { padding-right: var(--c-chip-inset-inline-start); }
button.xds-chip { cursor: pointer; }
button.xds-chip:hover { --xds-wash: var(--c-page-state-hover); }
button.xds-chip:active { --xds-wash: var(--c-page-state-pressed); }
.xds-chip[aria-pressed="true"] { background-color: var(--c-chip-surface-selected); border-color: var(--c-chip-border-selected); }

a.xds-chip,.xds-chip[data-variant="nav"] {
  background-color: var(--c-chip-nav-surface);
  border-color: var(--c-chip-nav-border);
  color: var(--c-chip-nav-ink);
  text-decoration: none;
  cursor: pointer;
}
a.xds-chip:hover,.xds-chip[data-variant="nav"]:hover { border-color: var(--c-chip-nav-border-hover); --xds-wash: var(--c-page-state-hover); }
a.xds-chip:active,.xds-chip[data-variant="nav"]:active { --xds-wash: var(--c-page-state-pressed); }
.xds-chip:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-chip[aria-disabled="true"] .xds-chip__dismiss { pointer-events: none; }
.xds-chip[aria-disabled="true"],.xds-chip:disabled { background-color: var(--c-chip-surface-disabled); color: var(--c-chip-ink-disabled); cursor: not-allowed; background-image: none; }
.xds-chip__label { min-width: 0; }
.xds-chip__dismiss {
  flex: none; width: var(--c-chip-dismiss-size); height: var(--c-chip-dismiss-size);
  display: grid; place-content: center; border: 0; border-radius: var(--c-page-radius); background-color: transparent;
  color: var(--c-chip-dismiss-ink); cursor: pointer;
}
.xds-chip__dismiss svg { width: var(--c-chip-dismiss-icon-size); height: var(--c-chip-dismiss-icon-size); fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.xds-chip__dismiss:hover:not(:disabled) { color: var(--c-chip-dismiss-ink-hover); --xds-wash: var(--c-page-state-hover); }
.xds-chip__dismiss:active { --xds-wash: var(--c-page-state-pressed); }
.xds-chip__dismiss:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-chip[aria-disabled="true"] .xds-chip__dismiss { color: var(--c-chip-ink-disabled); cursor: not-allowed; }

.xds-divider { border: 0; border-top: var(--c-divider-divider-width) solid var(--c-divider-divider); margin: max(0px, calc(var(--c-divider-space) - var(--_gap, 0px))) 0; }

.xds-layout:not([data-kind="container"]) > .xds-divider { margin-block: 0; }
.xds-divider[data-weight="strong"] { border-top-width: var(--c-divider-divider-width-strong); border-top-color: var(--c-divider-divider-strong); }

.xds-divider[data-style="dash"] { border-top-style: dashed; }

.xds-kbd {
  display: inline-block;
  font-family: var(--c-kbd-font-family), ui-monospace, monospace;
  font-size: var(--c-kbd-font-size); line-height: var(--c-kbd-line-height); letter-spacing: var(--c-kbd-tracking);
  color: var(--c-kbd-ink); background-color: var(--c-kbd-surface);
  border: var(--c-page-border-width) solid var(--c-kbd-border);
  border-block-end-width: var(--c-kbd-shoulder-width);
  border-radius: var(--c-page-radius);
  padding-inline: var(--c-kbd-inset-inline); padding-block: var(--c-kbd-inset-block);
}

.xds-code {
  font-family: var(--c-code-font-family), ui-monospace, monospace;
  font-size: var(--c-code-font-size); line-height: var(--c-code-line-height); letter-spacing: var(--c-code-tracking);
  color: var(--c-code-ink); background-color: var(--c-code-surface);
  padding-inline: var(--c-code-inset-inline);
}
.xds-code-block {
  display: block; margin: 0;
  font-family: var(--c-code-font-family), ui-monospace, monospace;
  font-size: var(--c-code-block-font-size); line-height: var(--c-code-block-line-height); letter-spacing: var(--c-code-tracking);
  color: var(--c-code-ink); background-color: var(--c-code-surface);
  border: var(--c-page-border-width) solid var(--c-code-border);
  border-radius: var(--c-page-radius);
  padding: var(--c-code-block-inset);
  white-space: pre-wrap; overflow-wrap: anywhere;
}
.xds-code-block .xds-code { background-color: transparent; padding-inline: 0; font-size: inherit; line-height: inherit; }

.xds-eyebrow { display: flex; flex-direction: column; gap: var(--c-eyebrow-gap); margin: 0; font-family: var(--c-eyebrow-font-family), system-ui, sans-serif; font-size: var(--c-eyebrow-font-size); line-height: var(--c-eyebrow-line-height); font-weight: var(--c-eyebrow-weight); letter-spacing: var(--c-eyebrow-tracking); text-transform: uppercase; color: var(--c-eyebrow-ink); }
.xds-eyebrow[data-divider]::after { content: ""; width: var(--c-eyebrow-divider-length); height: var(--c-eyebrow-divider-width); background-color: var(--c-eyebrow-divider); }

.xds-section-heading { display: flex; flex-direction: column; gap: var(--c-section-heading-stack); }
.xds-section-heading__row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--c-section-heading-action-gap); }
.xds-section-heading__heading { margin: 0; font-family: var(--c-section-heading-heading-font-family), system-ui, sans-serif; font-size: var(--c-section-heading-heading-font-size); line-height: var(--c-section-heading-heading-line-height); letter-spacing: var(--c-section-heading-heading-tracking); font-weight: var(--c-section-heading-heading-weight); color: var(--c-section-heading-heading-ink); text-wrap: balance; overflow-wrap: anywhere; min-width: 0; }
.xds-section-heading__lede { margin: 0; max-width: var(--c-section-heading-measure); font-family: var(--c-section-heading-lede-font-family), Georgia, serif; font-size: var(--c-section-heading-lede-font-size); line-height: var(--c-section-heading-lede-line-height); letter-spacing: var(--c-section-heading-lede-tracking); color: var(--c-section-heading-lede-ink); }
.xds-section-heading__action { flex: none; }

.xds-section-heading[data-scale="display"]:has(>.xds-eyebrow)::before { content: ""; order: -1; width: var(--c-section-heading-divider-display-length); height: var(--c-section-heading-divider-display-width); background-color: var(--c-section-heading-divider-display); margin-bottom: calc(var(--c-section-heading-divider-display-gap) - var(--c-section-heading-stack)); }
.xds-section-heading[data-scale="display"] >.xds-eyebrow { order: -2; }

.xds-section-heading[data-scale="display"] .xds-section-heading__heading { font-family: var(--c-section-heading-statement-font-family), system-ui, sans-serif; font-size: var(--c-section-heading-statement-font-size); line-height: var(--c-section-heading-statement-line-height); letter-spacing: var(--c-section-heading-statement-tracking); max-inline-size: var(--c-section-heading-headline-measure); text-wrap: balance; }
.xds-section-heading[data-scale="display"] .xds-section-heading__heading[data-rung="1"] { font-size: var(--c-section-heading-statement-font-size-compact); line-height: var(--c-section-heading-statement-line-height-compact); }
.xds-section-heading[data-scale="display"] .xds-section-heading__heading[data-rung="2"] { font-size: var(--c-section-heading-statement-font-size-narrow); line-height: var(--c-section-heading-statement-line-height-narrow); }

.xds-pull-quote { margin: 0; padding: var(--c-pull-quote-inset-block) 0 var(--c-pull-quote-inset-block) var(--c-pull-quote-inset-inline-start); max-width: var(--c-pull-quote-measure); display: flex; flex-direction: column; gap: var(--c-pull-quote-stack); border-left: var(--c-pull-quote-mark-width) solid var(--c-pull-quote-mark); }
.xds-pull-quote__quote { margin: 0; font-family: var(--c-pull-quote-quote-font-family), system-ui, sans-serif; font-size: var(--c-pull-quote-quote-font-size); line-height: var(--c-pull-quote-quote-line-height); letter-spacing: var(--c-pull-quote-quote-tracking); font-weight: var(--c-pull-quote-quote-weight); color: var(--c-pull-quote-quote-ink); text-wrap: balance; }
.xds-pull-quote__attribution { margin: 0; font-style: normal; font-family: var(--c-pull-quote-attribution-font-family), system-ui, sans-serif; font-size: var(--c-pull-quote-attribution-font-size); line-height: var(--c-pull-quote-attribution-line-height); font-weight: var(--c-pull-quote-attribution-weight); letter-spacing: var(--c-pull-quote-attribution-tracking); color: var(--c-pull-quote-attribution-ink); }

.xds-pull-quote[data-scale="feature"] { max-width: var(--c-pull-quote-feature-measure); margin-inline: auto; padding: var(--c-pull-quote-feature-inset-block) 0 var(--c-pull-quote-feature-inset-block) var(--c-pull-quote-feature-inset-inline-start); border-left-width: var(--c-pull-quote-feature-mark-width); }
.xds-pull-quote[data-scale="feature"] .xds-pull-quote__quote { font-size: var(--c-pull-quote-feature-font-size); line-height: var(--c-pull-quote-feature-line-height); letter-spacing: var(--c-pull-quote-feature-tracking); }
@media (max-width: 900px) {.xds-pull-quote[data-scale="feature"] .xds-pull-quote__quote { font-size: var(--c-pull-quote-quote-font-size); line-height: var(--c-pull-quote-quote-line-height); } }

.xds-summary-box { position: relative; display: flex; flex-direction: column; gap: var(--c-summary-box-stack); max-width: var(--c-summary-box-measure); padding: var(--c-summary-box-inset); background-color: var(--c-summary-box-surface); border: var(--c-page-border-width) solid transparent; border-radius: var(--c-page-radius); box-shadow: 0 calc(-1 * var(--c-summary-box-edge-width-top)) 0 0 var(--c-summary-box-edge); }

.xds-summary-box__kicker { margin: 0; font-family: var(--c-summary-box-kicker-font-family), system-ui, sans-serif; font-size: var(--c-summary-box-kicker-font-size); line-height: var(--c-summary-box-kicker-line-height); font-weight: var(--c-summary-box-kicker-weight); letter-spacing: var(--c-summary-box-kicker-tracking); text-transform: uppercase; color: var(--c-summary-box-kicker-ink); }
.xds-summary-box__body { margin: 0; font-family: var(--c-summary-box-body-font-family), Georgia, serif; font-size: var(--c-summary-box-body-font-size); line-height: var(--c-summary-box-body-line-height); letter-spacing: var(--c-summary-box-body-tracking); color: var(--c-summary-box-body-ink); }

.xds-section-opener { display: flex; align-items: flex-start; gap: var(--c-section-opener-gap); container-type: inline-size; container-name: xds-section-opener; }
.xds-section-opener[data-media="leading"] .xds-section-opener__media { order: -1; }
.xds-section-opener__copy { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--c-section-opener-stack); }
.xds-section-opener__eyebrow { display: flex; align-items: baseline; gap: var(--c-section-opener-eyebrow-gap); margin: 0; }
.xds-section-opener__index { font-family: var(--c-section-opener-index-font-family), ui-monospace, monospace; font-size: var(--c-section-opener-index-font-size); line-height: var(--c-section-opener-index-line-height); color: var(--c-section-opener-index-ink); font-variant-numeric: tabular-nums; }
.xds-section-opener__label { font-family: var(--c-section-opener-label-font-family), system-ui, sans-serif; font-size: var(--c-section-opener-label-font-size); line-height: var(--c-section-opener-label-line-height); font-weight: var(--c-section-opener-label-weight); letter-spacing: var(--c-section-opener-label-tracking); text-transform: uppercase; color: var(--c-section-opener-label-ink); }
.xds-section-opener__statement { margin: 0; font-family: var(--c-section-opener-statement-font-family), system-ui, sans-serif; font-size: var(--c-section-opener-statement-font-size); line-height: var(--c-section-opener-statement-line-height); letter-spacing: var(--c-section-opener-statement-tracking); font-weight: var(--c-section-opener-statement-weight); color: var(--c-section-opener-statement-ink); text-wrap: balance; }
.xds-section-opener__body { margin: 0; max-width: var(--c-section-opener-body-measure); font-family: var(--c-section-opener-body-font-family), Georgia, serif; font-size: var(--c-section-opener-body-font-size); line-height: var(--c-section-opener-body-line-height); letter-spacing: var(--c-section-opener-body-tracking); color: var(--c-section-opener-body-ink); }
.xds-section-opener__media { flex: 0 0 var(--c-section-opener-media-width); max-width: var(--c-section-opener-media-max); height: var(--c-section-opener-media-height); overflow: hidden; background-color: var(--c-section-opener-media-surface); }
.xds-section-opener__media img,.xds-section-opener__media svg { display: block; width: 100%; height: 100%; object-fit: cover; }

.xds-section-opener__media:has(>.xds-card) {
  flex-basis: var(--c-section-opener-card-width);
  height: auto; overflow: visible;
  background-color: var(--c-section-opener-card-surface);
}
@media (max-width: 900px) {.xds-section-opener { flex-direction: column; }
.xds-section-opener__media { flex-basis: auto; max-width: none; width: 100%; height: auto; aspect-ratio: 520 / 340; order: 0 !important; }
.xds-section-opener__media:has(>.xds-card) { aspect-ratio: auto; }  }

.xds-field { display: flex; flex-direction: column; gap: var(--c-field-gap); max-width: var(--c-field-max-width);
  margin: 0; padding: 0; border: 0; min-width: 0; }
.xds-field > legend.xds-label { padding: 0; margin: 0 0 var(--c-field-gap); }
.xds-field[data-width="full"] { max-width: none; }
.xds-field__help,.xds-field__error {
  font-family: var(--c-field-help-font-family), system-ui, sans-serif;
  font-size: var(--c-field-help-font-size); line-height: var(--c-field-help-line-height); letter-spacing: var(--c-field-help-tracking);
  color: var(--c-field-help-ink); margin: 0;
}
.xds-field__error { color: var(--c-field-error-ink); }

.xds-button-group { display: flex; flex-wrap: wrap; gap: var(--c-button-group-gap); align-items: center; }
.xds-button-group[data-align="end"] { justify-content: flex-end; }
.xds-conv-source:focus-visible,.xds-reference-list__source:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-conv-chip:disabled,.xds-conv-chip[aria-disabled="true"],.xds-conv-action:disabled,.xds-conv-action[aria-disabled="true"] { color: var(--c-conv-ink-disabled); cursor: not-allowed; --xds-wash: transparent; }
.xds-link[rel~="external"]::after,.xds-link[target="_blank"]::after { content: " \2197"; }

[class^="xds-"][aria-busy="true"],.xds-form[aria-busy="true"] .xds-button,.xds-table[aria-busy="true"] tbody { opacity: var(--c-page-busy-opacity); pointer-events: none; cursor: progress; }
.xds-button[aria-busy="true"]::before { content: ""; width: var(--c-button-icon-size); height: var(--c-button-icon-size); border: var(--c-page-focus-width) solid currentColor; border-right-color: transparent; border-radius: 50%; animation: xds-spin var(--c-page-motion-busy) linear infinite; }
@keyframes xds-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {.xds-button[aria-busy="true"]::before { animation-duration: calc(var(--c-page-motion-busy) * 4) !important; animation-iteration-count: infinite !important; } }

.xds-steps__item[data-state="error"] .xds-steps__marker { --_fill: var(--c-steps-fill-error); --_ink: var(--c-steps-ink-error); --_ring: var(--c-steps-fill-error); }
.xds-steps__item[data-state="error"] .xds-steps__label { color: var(--c-steps-label-ink-error); }

.xds-field[data-state="disabled"] .xds-label { color: var(--c-field-label-ink-disabled); }
.xds-field[data-state="readonly"] .xds-input { background-color: var(--c-input-surface-readonly); }
.xds-checkbox__control[aria-invalid="true"],.xds-radio__control[aria-invalid="true"] { border-color: var(--c-checkbox-border-error); }
.xds-switch__control[aria-invalid="true"] { border-color: var(--c-switch-border-error); }

.xds-icon {
  width: var(--c-icon-size-md); height: var(--c-icon-size-md);
  flex: none; display: block;
  fill: currentColor; stroke: none;
}
.xds-icon[data-size="sm"] { width: var(--c-icon-size-sm); height: var(--c-icon-size-sm); }
.xds-icon[data-size="md"] { width: var(--c-icon-size-md); height: var(--c-icon-size-md); }
.xds-icon[data-size="lg"] { width: var(--c-icon-size-lg); height: var(--c-icon-size-lg); }
.xds-icon[data-size="xl"] { width: var(--c-icon-size-xl); height: var(--c-icon-size-xl); }
.xds-icon[data-size="2xl"] { width: var(--c-icon-size-2xl); height: var(--c-icon-size-2xl); }

.xds-icon[data-inline] { display: inline-block; vertical-align: -0.125em; width: 1em; height: 1em; }
.xds-icon[data-tone="default"] { color: var(--c-icon-ink); }
.xds-icon[data-tone="secondary"] { color: var(--c-icon-ink-secondary); }
.xds-icon[data-tone="tertiary"] { color: var(--c-icon-ink-tertiary); }
.xds-icon[data-tone="disabled"] { color: var(--c-icon-ink-disabled); }
.xds-icon[data-tone="action"] { color: var(--c-icon-ink-action); }
.xds-icon[data-tone="accent"] { color: var(--c-icon-ink-accent); }
.xds-icon[data-tone="on-action"] { color: var(--c-icon-ink-on-action); }
.xds-icon[data-tone="error"] { color: var(--c-icon-ink-error); }
.xds-icon[data-tone="warning"] { color: var(--c-icon-ink-warning); }
.xds-icon[data-tone="success"] { color: var(--c-icon-ink-success); }
.xds-icon[data-tone="info"] { color: var(--c-icon-ink-info); }
.xds-icon[data-tone="emergency"] { color: var(--c-icon-ink-emergency); }

.xds-card {
  display: flex; flex-direction: column; gap: var(--c-card-stack);
  padding: var(--c-card-inset);
  background-color: var(--c-card-surface);
  border: var(--c-page-border-width) solid var(--c-card-border);
  border-radius: var(--c-page-radius);
  color: var(--c-card-body-ink);
}
.xds-card[data-density="compact"] { padding: var(--c-card-inset-compact); }

.xds-card[data-fill="gray"]:not([data-surface="dark"]) { background-color: var(--c-card-surface-gray); }
.xds-card[data-fill="cream"]:not([data-surface="dark"]) { background-color: var(--c-card-surface-cream); }
.xds-card[data-fill="primary"]:not([data-surface="dark"]) { background-color: var(--c-card-surface-primary); }
.xds-card[data-fill="vivid"]:not([data-surface="dark"]) { background-color: var(--c-card-surface-vivid); }

.xds-card[data-surface="dark"][data-fill="gray-70"] { background-color: var(--c-card-surface-gray-70); }
.xds-card[data-surface="dark"][data-fill="gray-80"] { background-color: var(--c-card-surface-gray-80); }
.xds-card[data-surface="dark"][data-fill="gray-90"] { background-color: var(--c-card-surface-gray-90); }

.xds-card[data-emphasis] { border-color: var(--c-card-emphasis-border); }
.xds-card[data-emphasis="1"] { box-shadow: calc(-1 * var(--c-card-emphasis-edge-1)) 0 0 0 var(--c-card-emphasis-edge); }
.xds-card[data-emphasis="2"] { box-shadow: calc(-1 * var(--c-card-emphasis-edge-2)) 0 0 0 var(--c-card-emphasis-edge); }
.xds-card[data-emphasis="3"] { box-shadow: calc(-1 * var(--c-card-emphasis-edge-3)) 0 0 0 var(--c-card-emphasis-edge); }

.xds-card { position: relative; }
.xds-card[data-emphasis="4"]::before {
  content: ""; position: absolute; top: calc(-1 * var(--c-page-border-width)); bottom: calc(-1 * var(--c-page-border-width));
  left: calc(-1 * (var(--c-card-emphasis-edge-4) + var(--c-page-border-width))); width: var(--c-card-emphasis-edge-4);
  background-color: var(--c-card-emphasis-edge);
  clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 var(--c-card-emphasis-edge-4));
}
.xds-card[data-interactive] { cursor: pointer; }
.xds-card[data-interactive]:hover { --xds-wash: var(--c-page-state-hover); }
.xds-card[data-interactive]:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-card__eyebrow {
  margin: 0; font-family: var(--c-card-eyebrow-font-family), system-ui, sans-serif;
  font-size: var(--c-card-eyebrow-font-size); line-height: var(--c-card-eyebrow-line-height);
  font-weight: var(--c-card-eyebrow-weight); color: var(--c-card-eyebrow-ink);
  text-transform: uppercase; letter-spacing: var(--c-card-eyebrow-tracking);
}
.xds-card__title {
  margin: 0; font-family: var(--c-card-title-font-family), system-ui, sans-serif;
  font-size: var(--c-card-title-font-size); line-height: var(--c-card-title-line-height); letter-spacing: var(--c-card-title-tracking);
  font-weight: var(--c-card-title-weight); color: var(--c-card-title-ink);
}
.xds-card__body {
  margin: 0; font-family: var(--c-card-body-font-family), Georgia, serif;
  font-size: var(--c-card-body-font-size); line-height: var(--c-card-body-line-height); letter-spacing: var(--c-card-body-tracking);
  color: var(--c-card-body-ink);
}
.xds-card__meta {
  margin: 0; font-family: var(--c-card-meta-font-family), system-ui, sans-serif;
  font-size: var(--c-card-meta-font-size); line-height: var(--c-card-meta-line-height); letter-spacing: var(--c-card-meta-tracking);
  color: var(--c-card-meta-ink);
}
.xds-card__actions { display: flex; gap: var(--c-card-stack); margin-top: auto; padding-top: var(--c-card-stack); }

.xds-card[data-emphasis] .xds-card__title { font-size: var(--c-card-emphasis-title-font-size); line-height: var(--c-card-emphasis-title-line-height); letter-spacing: var(--c-card-emphasis-title-tracking); }
.xds-card[data-emphasis] .xds-card__body { font-size: var(--c-card-emphasis-body-font-size); line-height: var(--c-card-emphasis-body-line-height); letter-spacing: var(--c-card-emphasis-body-tracking); }

.xds-card[data-variant="accent"],.xds-tile[data-variant="accent"] { background-color: var(--c-card-accent-surface); }
.xds-tile[data-variant="accent"] { background-color: var(--c-tile-accent-surface); }
.xds-card[data-variant="accent"] .xds-card__eyebrow { color: var(--c-card-accent-eyebrow-ink); }

.xds-card[data-variant="accent"] .xds-card__title { color: var(--c-card-accent-title-ink); }
.xds-tile[data-variant="accent"] .xds-tile__eyebrow { color: var(--c-tile-accent-eyebrow-ink); }
.xds-card[data-variant="accent"][data-emphasis] { border-color: var(--c-card-accent-border); }
.xds-tile[data-variant="accent"][data-emphasis] { border-color: var(--c-tile-accent-border); }
.xds-card[data-variant="accent"][data-emphasis="1"] { box-shadow: calc(-1 * var(--c-card-emphasis-edge-1)) 0 0 0 var(--c-card-accent-edge); }
.xds-card[data-variant="accent"][data-emphasis="2"] { box-shadow: calc(-1 * var(--c-card-emphasis-edge-2)) 0 0 0 var(--c-card-accent-edge); }
.xds-card[data-variant="accent"][data-emphasis="3"] { box-shadow: calc(-1 * var(--c-card-emphasis-edge-3)) 0 0 0 var(--c-card-accent-edge); }
.xds-card[data-variant="accent"][data-emphasis="4"]::before { background-color: var(--c-card-accent-edge); }
.xds-tile[data-variant="accent"][data-emphasis="1"] { box-shadow: calc(-1 * var(--c-tile-emphasis-edge-1)) 0 0 0 var(--c-tile-accent-edge); }
.xds-tile[data-variant="accent"][data-emphasis="2"] { box-shadow: calc(-1 * var(--c-tile-emphasis-edge-2)) 0 0 0 var(--c-tile-accent-edge); }
.xds-tile[data-variant="accent"][data-emphasis="3"] { box-shadow: calc(-1 * var(--c-tile-emphasis-edge-3)) 0 0 0 var(--c-tile-accent-edge); }
.xds-tile[data-variant="accent"][data-emphasis="4"]::before { background-color: var(--c-tile-accent-edge); }

.xds-selection-card {
  position: relative;
  display: flex; align-items: flex-start; gap: var(--c-selection-card-gap);
  min-height: var(--c-selection-card-target);
  padding: var(--c-selection-card-inset);

  padding-inline-start: calc(var(--c-selection-card-inset) + var(--c-selection-card-edge-width-selected));
  background-color: var(--c-selection-card-surface);
  border: var(--c-page-border-width) solid var(--c-selection-card-border);
  border-radius: var(--c-page-radius);
  cursor: pointer;
}
.xds-selection-card:hover { --xds-wash: var(--c-page-state-hover); }
.xds-selection-card:active { --xds-wash: var(--c-page-state-pressed); }
.xds-selection-card:has(:checked) {
  background-color: var(--c-selection-card-surface-selected);
  border-color: var(--c-selection-card-border-selected);
}

.xds-selection-card:has(:checked)::before {
  content: ""; position: absolute; inset-block: 0; inset-inline-start: 0;
  width: var(--c-selection-card-edge-width-selected);
  background-color: var(--c-selection-card-edge-selected);
  clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 var(--c-selection-card-edge-width-selected));
}
.xds-selection-card:has(:focus-visible) { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-selection-card:has(:disabled) { cursor: not-allowed; }
.xds-selection-card__body { display: flex; flex-direction: column; gap: var(--c-selection-card-body-gap); flex: 1 1 auto; min-width: 0; }
.xds-selection-card__title {
  font-family: var(--c-selection-card-title-font-family), system-ui, sans-serif;
  font-size: var(--c-selection-card-title-font-size); line-height: var(--c-selection-card-title-line-height);
  letter-spacing: var(--c-selection-card-title-tracking); font-weight: var(--c-selection-card-title-weight);
  color: var(--c-selection-card-title-ink);
}
.xds-selection-card__description {
  font-family: var(--c-selection-card-description-font-family), system-ui, sans-serif;
  font-size: var(--c-selection-card-description-font-size); line-height: var(--c-selection-card-description-line-height);
  letter-spacing: var(--c-selection-card-description-tracking);
  color: var(--c-selection-card-description-ink);
}
.xds-selection-card__preview {
  flex: none; margin-inline-start: var(--c-selection-card-preview-gap);
  padding: var(--c-selection-card-preview-inset);
  background-color: var(--c-selection-card-preview-surface);
  border-radius: var(--c-page-radius);
}

.xds-tile__media[data-ratio="square"] { aspect-ratio: 1; }
.xds-tile__action { margin-top: var(--c-tile-action-inset-block); }
.xds-tile__action >.xds-button { width: 100%; }
.xds-tile-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(var(--c-tile-grid-min), 100%), 1fr)); gap: var(--c-tile-grid-gap); }
.xds-tile {
  position: relative; display: flex; flex-direction: column;
  background-color: var(--c-tile-surface); border: var(--c-page-border-width) solid var(--c-tile-border); border-radius: var(--c-page-radius);
  color: var(--c-tile-body-ink); text-decoration: none;
}
.xds-tile__media { display: block; aspect-ratio: 16 / 9; width: 100%; overflow: hidden; background-color: var(--c-tile-media-surface); border-bottom: var(--c-page-border-width) solid var(--c-tile-media-divider); }
.xds-tile__media img,.xds-tile__media svg,.xds-tile__media video { display: block; width: 100%; height: 100%; object-fit: cover; }
.xds-tile__body { display: flex; flex-direction: column; gap: var(--c-tile-stack); padding: var(--c-tile-inset); flex: 1; }
.xds-tile__eyebrow { margin: 0; font-family: var(--c-tile-eyebrow-font-family), system-ui, sans-serif; font-size: var(--c-tile-eyebrow-font-size); line-height: var(--c-tile-eyebrow-line-height); font-weight: var(--c-tile-eyebrow-weight); color: var(--c-tile-eyebrow-ink); text-transform: uppercase; letter-spacing: var(--c-tile-eyebrow-tracking); }
.xds-tile__title { margin: 0; font-family: var(--c-tile-title-font-family), system-ui, sans-serif; font-size: var(--c-tile-title-font-size); line-height: var(--c-tile-title-line-height); letter-spacing: var(--c-tile-title-tracking); font-weight: var(--c-tile-title-weight); color: var(--c-tile-title-ink); }
.xds-tile__text { margin: 0; font-family: var(--c-tile-body-font-family), Georgia, serif; font-size: var(--c-tile-body-font-size); line-height: var(--c-tile-body-line-height); letter-spacing: var(--c-tile-body-tracking); color: var(--c-tile-body-ink); }
.xds-tile__meta { margin: auto 0 0; padding-top: var(--c-tile-stack); font-family: var(--c-tile-meta-font-family), system-ui, sans-serif; font-size: var(--c-tile-meta-font-size); line-height: var(--c-tile-meta-line-height); letter-spacing: var(--c-tile-meta-tracking); color: var(--c-tile-meta-ink); }
.xds-tile[data-emphasis] { border-color: var(--c-tile-emphasis-border); }
.xds-tile[data-emphasis="1"] { box-shadow: calc(-1 * var(--c-tile-emphasis-edge-1)) 0 0 0 var(--c-tile-emphasis-edge); }
.xds-tile[data-emphasis="2"] { box-shadow: calc(-1 * var(--c-tile-emphasis-edge-2)) 0 0 0 var(--c-tile-emphasis-edge); }
.xds-tile[data-emphasis="3"] { box-shadow: calc(-1 * var(--c-tile-emphasis-edge-3)) 0 0 0 var(--c-tile-emphasis-edge); }

.xds-tile[data-emphasis="4"]::before {
  content: ""; position: absolute; top: calc(-1 * var(--c-page-border-width)); bottom: calc(-1 * var(--c-page-border-width));
  left: calc(-1 * (var(--c-tile-emphasis-edge-4) + var(--c-page-border-width))); width: var(--c-tile-emphasis-edge-4);
  background-color: var(--c-tile-emphasis-edge); clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 var(--c-tile-emphasis-edge-4));
}
a.xds-tile,.xds-tile[data-interactive] { cursor: pointer; }
a.xds-tile:hover,.xds-tile[data-interactive]:hover { --xds-wash: var(--c-page-state-hover); }
a.xds-tile:focus-visible,.xds-tile[data-interactive]:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }

.xds-alert {
  --_bg: var(--c-alert-info-surface); --_bd: var(--c-alert-info-border); --_edge: var(--c-alert-info-edge); --_fg: var(--c-alert-info-ink);

  display: grid; grid-template-columns: auto 1fr auto; gap: var(--c-alert-gap); align-items: center;
  padding: var(--c-alert-inset);
  background-color: var(--_bg); color: var(--_fg);
  border: var(--c-page-border-width) solid var(--_bd); border-radius: var(--c-page-radius);
  box-shadow: calc(-1 * var(--c-alert-edge-width)) 0 0 0 var(--_edge);
}
.xds-alert[data-status="error"] { --_bg: var(--c-alert-error-surface); --_bd: var(--c-alert-error-border); --_edge: var(--c-alert-error-edge); --_fg: var(--c-alert-error-ink); }
.xds-alert[data-status="warning"] { --_bg: var(--c-alert-warning-surface); --_bd: var(--c-alert-warning-border); --_edge: var(--c-alert-warning-edge); --_fg: var(--c-alert-warning-ink); }
.xds-alert[data-status="success"] { --_bg: var(--c-alert-success-surface); --_bd: var(--c-alert-success-border); --_edge: var(--c-alert-success-edge); --_fg: var(--c-alert-success-ink); }
.xds-alert[data-status="emergency"] { --_bg: var(--c-alert-emergency-surface); --_bd: var(--c-alert-emergency-border); --_edge: var(--c-alert-emergency-edge); --_fg: var(--c-alert-emergency-ink); }

.xds-alert__icon { width: var(--c-alert-icon-size); height: var(--c-alert-icon-size); flex: none; }

.xds-alert__dismiss {
  flex: none; margin-inline-start: auto; align-self: center;
  width: var(--c-alert-dismiss-size); height: var(--c-alert-dismiss-size);
  display: grid; place-content: center; padding: 0; border: 0; background-color: transparent; cursor: pointer;
  color: var(--c-alert-dismiss-ink);
}
.xds-alert__dismiss:hover { --xds-wash: var(--c-page-state-hover); }
.xds-alert__dismiss:active { --xds-wash: var(--c-page-state-pressed); }
.xds-alert__dismiss:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-alert__content { display: flex; flex-direction: column; gap: var(--c-alert-stack); }
.xds-alert__title {
  margin: 0; font-family: var(--c-alert-title-font-family), system-ui, sans-serif;
  font-size: var(--c-alert-title-font-size); line-height: var(--c-alert-title-line-height); letter-spacing: var(--c-alert-title-tracking); font-weight: var(--c-alert-title-weight);
}
.xds-alert__body {
  margin: 0; font-family: var(--c-alert-body-font-family), Georgia, serif;
  font-size: var(--c-alert-body-font-size); line-height: var(--c-alert-body-line-height); letter-spacing: var(--c-alert-body-tracking); color: var(--c-alert-body-ink);
}

.xds-tabs { display: flex; flex-direction: column; }

.xds-tabs { --_ring: calc(var(--c-page-focus-width) + var(--c-page-focus-gap)); }
.xds-tabs__list {

  display: flex; gap: var(--c-tabs-gap); margin: 0 calc(-1 * var(--_ring)); padding: var(--_ring); list-style: none;
  overflow-x: clip; overflow-y: visible;
  background: linear-gradient(var(--c-tabs-rail), var(--c-tabs-rail)) center calc(100% - var(--_ring)) / calc(100% - 2 * var(--_ring)) var(--c-tabs-rail-width) no-repeat;
}
.xds-tabs__tab { flex: none; }

.xds-tabs__fold-wrap { position: relative; }
.xds-tabs__fold { display: none; }
.xds-tabs__fold-label { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.xds-tabs[data-fold="on"] .xds-tabs__fold { display: flex; min-height: var(--c-page-target-min); }
.xds-tabs[data-fold="on"] .xds-tabs__list {
  position: absolute; inset-inline: 0; top: calc(100% + var(--c-tabs-fold-list-offset));
  display: block; margin: 0; padding: 0; background-image: none;
  max-height: var(--c-tabs-fold-list-max-height); overflow-x: clip; overflow-y: auto;
  z-index: var(--c-tabs-fold-elevation);
}
.xds-tabs[data-fold="on"] .xds-tabs__list[hidden] { display: none; }

.xds-tabs[data-fold="on"] .xds-tabs__tab { flex: auto; min-height: var(--c-page-target-min); box-shadow: none; }
.xds-tabs[data-fold="on"] .xds-tabs__tab[aria-selected="true"] {
  box-shadow: inset var(--c-menu-item-edge-width-selected) 0 0 0 var(--c-menu-item-edge-selected);
}

.xds-tabs__overflow { position: relative; display: none; flex: 1 1 0; min-width: 0;
  min-inline-size: var(--c-tabs-overflow-min-inline); margin-inline-start: var(--c-tabs-overflow-gap); }
.xds-tabs[data-overflow="on"] .xds-tabs__overflow { display: block; }
.xds-tabs__more { width: 100%; min-width: 0; max-inline-size: none; min-height: var(--c-tabs-height); }
.xds-tabs__more-label { min-width: 0; overflow: hidden; white-space: nowrap; }
.xds-tabs__held {
  position: absolute; inset-inline-end: 0; top: calc(100% + var(--c-tabs-fold-list-offset));
  min-inline-size: 100%; width: max-content;
  max-height: var(--c-tabs-fold-list-max-height); overflow-x: clip; overflow-y: auto;
  z-index: var(--c-tabs-fold-elevation);
}
.xds-tabs__held[hidden] { display: none; }

.xds-tabs[data-overflow="on"] .xds-tabs__held .xds-tabs__tab { flex: auto; min-height: var(--c-page-target-min); box-shadow: none; }
.xds-tabs[data-overflow="on"] .xds-tabs__held .xds-tabs__tab[aria-selected="true"] {
  box-shadow: inset var(--c-menu-item-edge-width-selected) 0 0 0 var(--c-menu-item-edge-selected);
}
.xds-tabs__tab {
  position: relative; min-height: var(--c-tabs-height); padding: 0 var(--c-tabs-inset-inline);
  font-family: var(--c-tabs-font-family), system-ui, sans-serif;
  font-size: var(--c-tabs-font-size); line-height: var(--c-tabs-line-height);
  font-weight: var(--c-tabs-weight); letter-spacing: var(--c-tabs-tracking);
  color: var(--c-tabs-ink); background-color: transparent; border: 0; border-radius: 0; cursor: pointer;
}
.xds-tabs__tab:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-tabs__index { display: none; }

.xds-tabs[data-numerals][data-numerals-off] .xds-tabs__index { display: none; }
.xds-tabs[data-numerals] .xds-tabs__index { display: inline; margin-right: var(--c-tabs-index-gap); font-family: var(--c-tabs-index-font-family), ui-monospace, monospace; font-size: var(--c-tabs-index-font-size); color: var(--c-tabs-index-ink); }
.xds-tabs__tab[aria-selected="true"] { color: var(--c-tabs-ink-selected); box-shadow: inset 0 calc(-1 * var(--c-tabs-indicator-width)) 0 0 var(--c-tabs-indicator); }
.xds-tabs__tab:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-tabs__panel[hidden] { display: none; }

.xds-tabs__panel[data-container] { display: grid; align-items: stretch; }
.xds-tabs__panel[data-container="equal"] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.xds-tabs__panel[data-container="hug-left"] { grid-template-columns: max-content minmax(0, 1fr); }
.xds-tabs__panel[data-container="hug-right"] { grid-template-columns: minmax(0, 1fr) max-content; }
.xds-tabs__panel[data-container="set-left"] { grid-template-columns: var(--_set, var(--c-layout-aside-width)) minmax(0, 1fr); }
.xds-tabs__panel[data-container="set-right"] { grid-template-columns: minmax(0, 1fr) var(--_set, var(--c-layout-aside-width)); }
.xds-tabs__panel[data-container="third-left"] { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.xds-tabs__panel[data-container="third-right"] { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }

.xds-tabs__panel[data-container] > .xds-layout[data-kind="container"] { padding-inline: 0; }
.xds-tabs__panel[data-container] > .xds-layout[data-kind="container"]:nth-last-child(2) { padding-inline-end: var(--c-layout-container-inset); }
.xds-tabs__panel[data-container] > .xds-layout[data-kind="container"]:last-child { padding-inline-start: var(--c-layout-container-inset); }

.xds-tabs__panel[data-container] > [data-span="full"] { grid-column: 1 / -1; grid-row: auto; }
.xds-tabs__tab[aria-disabled="true"],.xds-tabs__tab:disabled { color: var(--c-tabs-ink-disabled); cursor: not-allowed; --xds-wash: transparent; }

.xds-menu {
  min-width: min(var(--c-menu-min-width), 100%); margin: 0; padding: 0; list-style: none;
  background-color: var(--c-menu-surface);
  border: var(--c-page-border-width) solid var(--c-menu-border); border-radius: var(--c-page-radius);
  z-index: var(--c-menu-elevation);
}
.xds-menu__item {
  display: flex; align-items: center; width: 100%;
  min-height: var(--c-menu-item-height); padding: 0 var(--c-menu-item-inset-inline);
  font-family: var(--c-menu-item-font-family), system-ui, sans-serif;
  font-size: var(--c-menu-item-font-size); line-height: var(--c-menu-item-line-height); letter-spacing: var(--c-menu-item-tracking);
  color: var(--c-menu-item-ink); background-color: transparent; border: 0; text-align: left; cursor: pointer; text-decoration: none;
}
.xds-menu__item:hover:not([aria-disabled="true"]) { --xds-wash: var(--c-page-state-tint-hover); }
.xds-menu__item:active:not([aria-disabled="true"]) { --xds-wash: var(--c-page-state-pressed); }

.xds-menu__item[aria-current],.xds-menu__item[aria-selected="true"] {
  background-color: var(--c-menu-item-surface-selected);
  color: var(--c-menu-item-ink-selected);
  box-shadow: inset var(--c-menu-item-edge-width-selected) 0 0 0 var(--c-menu-item-edge-selected);
}
.xds-menu[data-surface="dark"] .xds-menu__item[aria-current],.xds-menu[data-surface="dark"] .xds-menu__item[aria-selected="true"] {
  box-shadow: calc(-1 * var(--c-menu-item-edge-width-selected)) 0 0 0 var(--c-menu-item-edge-selected);
}
.xds-menu[data-surface="dark"][data-tone="accent"] {
  --c-menu-surface: var(--c-menu-surface-accent);
  --c-menu-item-surface-selected: var(--c-menu-item-surface-accent-selected);
  --c-menu-item-edge-selected: var(--c-menu-item-edge-accent-selected);
}
.xds-menu[data-surface="dark"][data-tone="vivid"] {
  --c-menu-surface: var(--c-menu-surface-vivid);
  --c-menu-item-surface-selected: var(--c-menu-item-surface-vivid-selected);
  --c-menu-item-edge-selected: var(--c-menu-item-edge-vivid-selected);
  --c-menu-border: var(--c-menu-border-vivid);
}
.xds-menu__item:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-menu__item[aria-disabled="true"] { color: var(--c-menu-item-ink-disabled); cursor: not-allowed; }
nav >.xds-menu { min-width: 0; }
.xds-menu__separator { border: 0; border-top: var(--c-page-border-width) solid var(--c-menu-separator); margin: 0; }

.xds-header { position: sticky; top: 0; z-index: var(--c-header-elevation); container-type: inline-size; container-name: xds-header; }
.xds-header__content { max-width: var(--c-header-content-max-width); margin: 0 auto; display: flex; align-items: center; gap: var(--c-header-gap); }
.xds-header__utility {
  padding: var(--c-header-utility-inset-block) var(--c-header-inset-inline);
  background-color: var(--c-header-utility-surface); border-bottom: var(--c-page-border-width) solid var(--c-header-utility-divider);
  font-family: var(--c-header-utility-font-family), system-ui, sans-serif; font-size: var(--c-header-utility-font-size); line-height: var(--c-header-utility-line-height); letter-spacing: var(--c-header-utility-tracking);
  letter-spacing: var(--c-header-nav-tracking); color: var(--c-header-utility-ink);
}
.xds-header__utility .xds-header__content { justify-content: flex-end; }
.xds-header__utility-links { display: flex; gap: var(--c-header-utility-gap); margin: 0; padding: 0; list-style: none; }

.xds-header__utility-link { display: inline-flex; align-items: center; min-height: var(--c-page-target-min-wide); color: var(--c-header-utility-ink); font-weight: var(--c-header-utility-weight); text-decoration: none; }
.xds-header__utility-link:hover { text-decoration: underline; --xds-wash: var(--c-page-state-tint-hover); }
.xds-header__utility-link:active { --xds-wash: var(--c-page-state-pressed); }
.xds-header__bar {

  --_bar-inset-inline: var(--c-header-inset-inline); --_bar-inset-block: var(--c-header-inset-block);
  padding: var(--_bar-inset-block) var(--_bar-inset-inline);
  background-color: var(--c-header-surface); border-bottom: var(--c-page-border-width) solid var(--c-header-divider);
}

.xds-header[data-cover] .xds-header__bar { --_bar-inset-block: var(--c-header-inset-block-cover); padding-block: var(--_bar-inset-block); background-color: var(--c-header-surface-cover); backdrop-filter: blur(2px); }
.xds-header__bar .xds-header__content { min-height: var(--c-header-height); }
.xds-header__lockup { display: flex; align-items: center; gap: var(--c-header-brand-gap); text-decoration: none; margin-right: auto; }
.xds-header__logo { width: var(--c-header-logo-size); height: var(--c-header-logo-size); flex: none; fill: var(--c-header-logo-fill); }
.xds-header[data-cover] .xds-header__logo { width: var(--c-header-logo-size-cover); height: var(--c-header-logo-size-cover); }
.xds-header__brand { font-family: var(--c-header-brand-font-family), system-ui, sans-serif; font-size: var(--c-header-brand-font-size); letter-spacing: var(--c-header-brand-tracking); font-weight: var(--c-header-brand-weight); color: var(--c-header-brand-ink); white-space: nowrap; }
.xds-header__nav { display: flex; gap: var(--c-header-nav-gap); margin: 0; padding: 0; list-style: none; }
.xds-header__nav-item {
  display: inline-flex; align-items: center; gap: var(--c-header-nav-indicator-gap); padding: 0; border: 0; background-color: transparent; cursor: pointer;
  font-family: var(--c-header-nav-font-family), system-ui, sans-serif; font-size: var(--c-header-nav-font-size); line-height: var(--c-header-nav-line-height);
  font-weight: var(--c-header-nav-weight); letter-spacing: var(--c-header-nav-tracking); color: var(--c-header-nav-ink); text-decoration: none;
  padding-bottom: calc(var(--c-header-nav-indicator-gap) + var(--c-header-nav-indicator-width)); min-height: var(--c-page-target-min-wide);
  box-shadow: inset 0 calc(-1 * var(--c-header-nav-indicator-width)) 0 0 transparent;
}
.xds-header__nav-item:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-header__nav-item[aria-current="page"],.xds-header__nav-item[aria-expanded="true"] { box-shadow: inset 0 calc(-1 * var(--c-header-nav-indicator-width)) 0 0 var(--c-header-nav-indicator); }
.xds-header__nav-item:focus-visible,.xds-header__utility-link:focus-visible,.xds-header__lockup:focus-visible,.xds-header__mega-link:focus-visible, a.xds-header__mega-heading:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-header__nav-item[aria-expanded]::after {
  content: ""; width: var(--c-header-nav-chevron-size); height: var(--c-header-nav-chevron-size); flex: none;
  background: currentColor; -webkit-mask: var(--_icon-mask-chevron-down) center / contain no-repeat; mask: var(--_icon-mask-chevron-down) center / contain no-repeat;
  transition: transform var(--c-page-motion-state) var(--c-page-motion-ease);
}
.xds-header__nav-item[aria-expanded="true"]::after { transform: rotate(180deg); }

.xds-header__search { display: flex; width: var(--c-header-search-width); min-width: var(--c-header-search-min-width); max-width: 100%; }
.xds-header__search .xds-input { flex: 1; min-width: 0; }

.xds-header >.xds-header__mega { position: absolute; inset-inline: 0; top: 100%; }
.xds-header__mega {
  padding: var(--c-header-mega-inset-block) var(--c-header-inset-inline);
  background-color: var(--c-header-mega-surface); border-bottom: var(--c-page-border-width) solid var(--c-header-mega-divider);
}
.xds-header__mega[hidden] { display: none; }

.xds-header__mega .xds-header__content { display: flex; flex-wrap: wrap; align-items: start; gap: var(--c-header-mega-column-gap); padding-inline-start: var(--_mega-anchor, 0px); }
.xds-header__mega-column { flex: 1 1 auto; min-inline-size: var(--c-header-mega-column-min); max-inline-size: var(--c-header-mega-column-max); }
.xds-header__mega-column { display: flex; flex-direction: column; gap: var(--c-header-mega-stack); }
.xds-header__mega-heading { margin: 0; font-family: var(--c-header-nav-font-family), system-ui, sans-serif; font-size: var(--c-header-mega-heading-font-size); letter-spacing: var(--c-header-mega-heading-tracking); line-height: var(--c-header-nav-line-height); font-weight: var(--c-header-mega-heading-weight); letter-spacing: var(--c-header-nav-tracking); color: var(--c-header-mega-heading-ink); }

a.xds-header__mega-heading { display: block; text-decoration: none; }
a.xds-header__mega-heading:hover { text-decoration: underline; --xds-wash: var(--c-page-state-tint-hover); }
.xds-header__mega-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--c-header-mega-list-gap); }
.xds-header__mega-link { display: inline-block; min-height: var(--c-page-target-min-wide); font-family: var(--c-header-nav-font-family), system-ui, sans-serif; font-size: var(--c-header-mega-link-font-size); line-height: var(--c-header-mega-link-line-height); letter-spacing: var(--c-header-mega-link-tracking); color: var(--c-header-mega-link-ink); text-decoration: none; }
.xds-header__mega-link:hover { text-decoration: underline; --xds-wash: var(--c-page-state-tint-hover); }

.xds-header:not([data-surface="dark"]) >.xds-header__mega { background-color: var(--c-header-mega-surface-on-light); border-color: var(--c-header-mega-border-on-light); }
.xds-header:not([data-surface="dark"]) >.xds-header__mega .xds-header__mega-heading { color: var(--c-header-mega-heading-ink-on-light); }
.xds-header:not([data-surface="dark"]) >.xds-header__mega .xds-header__mega-link { color: var(--c-header-mega-link-ink-on-light); }

.xds-header:not([data-surface="dark"]) >.xds-header__mega { --xds-wash: transparent; }
.xds-header:not([data-surface="dark"]) >.xds-header__mega .xds-header__mega-link:hover { --xds-wash: var(--c-page-state-tint-hover); }

.xds-header__menu { display: none; }
.xds-header__drawer { display: contents; }

@container xds-header (max-width: 900px) {
.xds-header:not([data-gate]) .xds-header__bar .xds-header__content { flex-wrap: wrap; gap: var(--c-header-drawer-row-gap); }
.xds-header:not([data-gate]) .xds-header__search { display: none; }
.xds-header:not([data-gate]) .xds-header__drawer { display: flex; flex-basis: 100%; order: 9; }
.xds-header:not([data-gate]) .xds-header__nav { flex-direction: column; gap: 0; }
.xds-header:not([data-gate]) .xds-header__nav > li { border-bottom: var(--c-page-border-width) solid var(--c-header-drawer-divider); }
.xds-header:not([data-gate]) .xds-header__nav-item { width: 100%; padding: var(--c-header-drawer-row-inset-block) 0; box-shadow: none; }
}

@container xds-header (max-width: 900px) {.xds-header__utility { padding-inline: var(--c-header-compact-inset-inline); }
.xds-header__bar { --_bar-inset-inline: var(--c-header-compact-inset-inline); --_bar-inset-block: var(--c-header-compact-inset-block); }
.xds-header[data-cover] .xds-header__bar { --_bar-inset-block: var(--c-header-compact-inset-block); }
.xds-header__bar .xds-header__content { min-height: var(--c-header-compact-height); }
.xds-header__logo,.xds-header[data-cover] .xds-header__logo { width: var(--c-header-compact-logo-size); height: var(--c-header-compact-logo-size); }
.xds-header__brand { font-size: var(--c-header-compact-brand-font-size); letter-spacing: var(--c-header-compact-brand-tracking); white-space: normal; }
}

.xds-header[data-shelf="on"] .xds-header__bar .xds-header__content { flex-wrap: wrap; row-gap: 0; }
.xds-header[data-shelf="on"] .xds-header__search { width: max-content; }
.xds-header[data-shelf="on"] .xds-header__drawer nav {
  order: 9; flex-basis: calc(100% + 2 * var(--_bar-inset-inline));
  margin: var(--_bar-inset-block) calc(-1 * var(--_bar-inset-inline)) calc(-1 * var(--_bar-inset-block));
  padding: var(--c-header-shelf-inset-block) var(--_bar-inset-inline);
  background-color: var(--c-header-shelf-surface);
  border-top: var(--c-page-border-width) solid var(--c-header-shelf-divider);
}

.xds-header[data-gate="on"] .xds-header__bar .xds-header__content { flex-wrap: wrap; gap: var(--c-header-drawer-row-gap); }
.xds-header[data-gate="on"] .xds-header__lockup { flex: 1 1 0; min-width: 0; }
.xds-header[data-gate="on"] .xds-header__brand { white-space: normal; }
.xds-header[data-gate="on"] .xds-header__menu {
  display: grid; place-content: center; flex: none; width: var(--c-header-menu-size); height: var(--c-header-menu-size); margin: calc(-1 * var(--_bar-inset-block)) 0;
  padding: 0; border: 0; background-color: transparent; color: var(--c-header-nav-ink); cursor: pointer;
  }
.xds-header[data-gate="on"] .xds-header__menu svg { width: var(--c-header-menu-icon-size); height: var(--c-header-menu-icon-size); fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: square; }
.xds-header[data-gate="on"] .xds-header__menu:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-header[data-gate="on"] .xds-header__menu:active { --xds-wash: var(--c-page-state-pressed); }
.xds-header[data-gate="on"] .xds-header__menu:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-header[data-gate="on"] .xds-header__menu .xds-header__menu-close,.xds-header[data-gate="on"][data-open="true"] .xds-header__menu .xds-header__menu-open { display: none; }
.xds-header[data-gate="on"][data-open="true"] .xds-header__menu .xds-header__menu-close { display: block; }

.xds-header[data-gate="on"] .xds-header__drawer { display: none; flex-basis: calc(100% + 2 * var(--_bar-inset-inline)); order: 9; flex-direction: column; gap: var(--c-header-drawer-gap);
  margin: var(--_bar-inset-block) calc(-1 * var(--_bar-inset-inline)) calc(-1 * var(--_bar-inset-block));
  padding: var(--c-header-drawer-inset-block-start) var(--_bar-inset-inline) var(--c-header-drawer-inset-block-end);
  background-color: var(--c-header-drawer-surface);
  border-top: var(--c-header-drawer-edge-width) solid var(--c-header-drawer-edge); border-bottom: var(--c-header-drawer-edge-width) solid var(--c-header-drawer-edge); }
.xds-header[data-gate="on"][data-open="true"] .xds-header__drawer { display: flex; animation: xds-rise var(--c-page-motion-state) var(--c-page-motion-ease-enter) both; }
.xds-header[data-gate="on"] .xds-header__drawer .xds-header__search { display: flex; width: 100%; order: -1; }
.xds-header[data-gate="on"] .xds-header__drawer nav { width: 100%; }
.xds-header[data-gate="on"] .xds-header__nav { flex-direction: column; gap: 0; }
.xds-header[data-gate="on"] .xds-header__nav > li { border-bottom: var(--c-page-border-width) solid var(--c-header-drawer-divider); }
.xds-header[data-gate="on"] .xds-header__nav-item { display: flex; width: 100%; justify-content: space-between; padding: var(--c-header-drawer-row-inset-block) 0; box-shadow: none; text-align: left; }
.xds-header[data-gate="on"] .xds-header__nav-item[aria-current="page"],.xds-header[data-gate="on"] .xds-header__nav-item[aria-expanded="true"] { box-shadow: none; }
.xds-header[data-gate="on"] .xds-header__nav-item[aria-expanded]::after { margin-left: auto; }

.xds-header[data-gate="on"] .xds-header__nav .xds-header__mega { padding: var(--c-header-drawer-sub-inset-block) 0 var(--c-header-drawer-sub-inset-block) var(--c-header-drawer-sub-inset-inline); background-color: transparent; border: 0; }
.xds-header[data-gate="on"] .xds-header__nav .xds-header__mega .xds-header__content { display: flex; flex-direction: column; gap: var(--c-header-drawer-sub-gap); }
.xds-header[data-gate="on"] .xds-header__nav .xds-header__mega-heading { display: block; color: var(--c-header-drawer-heading-ink); }
.xds-header[data-gate="on"] .xds-header__nav .xds-header__mega-list { gap: var(--c-header-drawer-sub-gap); }
.xds-header[data-gate="on"] .xds-header__nav .xds-header__mega-link { color: var(--c-header-drawer-link-ink); }
.xds-header[data-gate="on"] .xds-header__nav .xds-header__mega-link { display: block; padding-block: calc((var(--c-header-menu-size) - var(--c-header-mega-link-line-height)) / 2 - var(--c-header-drawer-sub-gap) / 2); }

.xds-header[data-cover] ~ main { margin-block-start: calc(-1 * var(--_xds-header-height, 0px)); }
.xds-header[data-cover] ~ main > .xds-hero .xds-hero__content { margin-block-start: var(--_xds-header-height, 0px); }
.xds-header[data-cover] ~ main > .xds-hero ~ .xds-hero .xds-hero__content { margin-block-start: 0; }
.xds-header[data-cover][data-past-cover] .xds-header__bar { background-color: var(--c-header-surface); backdrop-filter: none; }

.xds-hero { position: relative; isolation: isolate; container-type: inline-size; container-name: xds-hero; display: grid; grid-template-columns: minmax(0, 1fr); background-color: var(--c-hero-media-surface); }

.xds-hero__media { grid-area: 1 / 1; position: relative; z-index: 0; overflow: hidden; width: 100%; min-height: var(--c-hero-min-height); background-color: var(--c-hero-media-surface); }
.xds-hero__media::before { content: ""; display: block; padding-block-start: 56.25%; }
.xds-hero[data-media="4-3"] .xds-hero__media::before { padding-block-start: 75%; }
.xds-hero[data-media="1-1"] .xds-hero__media::before { padding-block-start: 100%; }
.xds-hero__media img,.xds-hero__media svg,.xds-hero__media video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }

.xds-hero[data-scrim] .xds-hero__media::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.xds-hero[data-scrim="light"] .xds-hero__media::after { background-color: var(--c-hero-scrim-light); }
.xds-hero[data-scrim="dark"] .xds-hero__media::after { background-color: var(--c-hero-scrim-dark); }
.xds-hero__inner { grid-area: 1 / 1; position: relative; z-index: 2; width: 100%; max-width: var(--c-hero-content-max-width); margin: 0 auto; padding: var(--c-hero-inset-block) var(--c-hero-inset-inline); display: flex; align-items: center; justify-content: flex-start; }
.xds-hero[data-align="end"] .xds-hero__inner { justify-content: flex-end; }
.xds-hero__content {
  display: flex; flex-direction: column; gap: var(--c-hero-stack); align-items: flex-start; text-align: left;
  max-width: var(--c-hero-panel-max-width); padding: var(--c-hero-panel-inset);
  --_panel-surface: var(--c-hero-panel-surface); --_panel-border: var(--c-hero-panel-border);
  --_ink-strong: var(--c-hero-panel-ink-strong); --_ink: var(--c-hero-panel-ink); --_ink-subhead: var(--_ink); --_eyebrow-ink: var(--c-hero-panel-eyebrow-ink);
  background-color: var(--_panel-surface); border: var(--c-hero-panel-border-width) solid var(--_panel-border);
}
.xds-hero[data-panel="dark"] .xds-hero__content { --_panel-surface: var(--c-hero-panel-surface-dark); --_panel-border: var(--c-hero-panel-surface-dark); --_ink-strong: var(--c-hero-panel-ink-dark); --_ink: var(--c-hero-panel-ink-dark); --_eyebrow-ink: var(--c-hero-panel-ink-dark); }

.xds-hero[data-panel="none"] .xds-hero__content { --_panel-surface: transparent; --_panel-border: transparent; padding-inline: 0; }

.xds-hero[data-panel="none"][data-scrim="dark"] .xds-hero__content {
  --_ink-strong: var(--c-hero-panel-heading-ink-dark);
  --_ink-subhead: var(--c-hero-panel-ink-strong-dark);
  --_ink: var(--c-hero-panel-ink-dark);
  --_eyebrow-ink: var(--c-hero-panel-ink-strong-dark);
}

.xds-hero__content .xds-button[data-variant="secondary"] { --_label: var(--_ink-strong); --_border: var(--_ink-strong); }

.xds-hero[data-media="1-1"] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.xds-hero[data-media="1-1"] .xds-hero__media { grid-area: 1 / 2; }
.xds-hero[data-media="1-1"] .xds-hero__inner { grid-area: 1 / 1; max-width: none; margin: 0; padding: var(--c-hero-inset-inline); justify-content: flex-start; background-color: var(--c-hero-panel-surface); }
.xds-hero[data-media="1-1"][data-align="end"] .xds-hero__media { grid-area: 1 / 1; }
.xds-hero[data-media="1-1"][data-align="end"] .xds-hero__inner { grid-area: 1 / 2; }
.xds-hero[data-media="1-1"][data-panel="dark"] .xds-hero__inner { background-color: var(--c-hero-panel-surface-dark); }
.xds-hero[data-media="1-1"][data-panel="none"] .xds-hero__inner { background-color: transparent; }
.xds-hero[data-media="1-1"] .xds-hero__content { padding: 0; --_panel-surface: transparent; --_panel-border: transparent; }
.xds-hero[data-media="1-1"][data-panel="none"] .xds-hero__content { --_ink-strong: var(--c-hero-heading-ink); --_ink-subhead: var(--c-hero-subhead-ink); --_ink: var(--c-hero-intro-ink); --_eyebrow-ink: var(--c-hero-eyebrow-ink); }
.xds-hero__eyebrow { margin: 0; font-family: var(--c-hero-eyebrow-font-family), system-ui, sans-serif; font-size: var(--c-hero-eyebrow-font-size); line-height: var(--c-hero-eyebrow-line-height); font-weight: var(--c-hero-eyebrow-weight); letter-spacing: var(--c-hero-eyebrow-tracking); text-transform: uppercase; color: var(--_eyebrow-ink); }

.xds-hero__eyebrow[data-divider] { display: flex; flex-direction: column; align-items: flex-start; gap: var(--c-hero-eyebrow-divider-gap); }
.xds-hero__eyebrow[data-divider]::after { content: ""; width: var(--c-hero-eyebrow-divider-length); height: var(--c-hero-eyebrow-divider-width); background-color: var(--c-hero-eyebrow-divider); }
.xds-hero__heading { margin: 0; font-family: var(--c-hero-heading-font-family), system-ui, sans-serif; font-size: var(--c-hero-heading-font-size); line-height: var(--c-hero-heading-line-height); letter-spacing: var(--c-hero-heading-tracking); font-weight: var(--c-hero-heading-weight); color: var(--_ink-strong); text-wrap: balance; }
.xds-hero__subhead { margin: 0; font-family: var(--c-hero-subhead-font-family), system-ui, sans-serif; font-size: var(--c-hero-subhead-font-size); line-height: var(--c-hero-subhead-line-height); letter-spacing: var(--c-hero-subhead-tracking); font-weight: var(--c-hero-subhead-weight); color: var(--_ink-subhead); }

.xds-hero[data-scale="display"] .xds-hero__heading { font-size: var(--c-hero-heading-display-font-size); line-height: var(--c-hero-heading-display-line-height); letter-spacing: var(--c-hero-heading-display-tracking); }
.xds-hero[data-scale="display"] .xds-hero__subhead { font-size: var(--c-hero-subhead-display-font-size); line-height: var(--c-hero-subhead-display-line-height); }

.xds-hero[data-scale="display"] .xds-hero__inner { align-items: flex-start; padding-block-start: var(--c-hero-chrome-lift); }
.xds-hero__intro { margin: 0; font-family: var(--c-hero-intro-font-family), Georgia, serif; font-size: var(--c-hero-intro-font-size); line-height: var(--c-hero-intro-line-height); letter-spacing: var(--c-hero-intro-tracking); color: var(--_ink); }
.xds-hero__search { display: flex; width: 100%; max-width: var(--c-hero-search-max-width); margin-block-start: calc(var(--c-hero-search-gap) - var(--c-hero-stack)); }
.xds-hero__search .xds-input { flex: 1; min-width: 0; }
.xds-hero__actions { display: flex; flex-wrap: wrap; gap: var(--c-hero-actions-gap); padding-top: var(--c-hero-actions-inset-block-start); }

.xds-hero__content:has(.xds-hero__search) .xds-hero__actions { width: 100%; max-width: var(--c-hero-search-max-width); }
.xds-hero__content:has(.xds-hero__search) .xds-hero__actions >.xds-button { flex: 1 1 0; min-width: 0; }

@media (max-width: 900px) {.xds-hero[data-media="1-1"] { grid-template-columns: minmax(0, 1fr); }
.xds-hero[data-media="1-1"] .xds-hero__media,.xds-hero[data-media="1-1"][data-align="end"] .xds-hero__media { grid-area: 1 / 1; min-height: 0; }
.xds-hero[data-media="1-1"] .xds-hero__inner,.xds-hero[data-media="1-1"][data-align="end"] .xds-hero__inner { grid-area: 2 / 1; }
}

.xds-form { display: flex; flex-direction: column; gap: var(--c-form-group-gap); max-width: var(--c-form-max-width); }
.xds-form__section { display: flex; flex-direction: column; gap: var(--c-form-gap); margin: 0; padding: 0; border: 0; min-width: 0; }
.xds-form__legend {
  padding: 0; margin: 0 0 var(--c-form-gap);
  font-family: var(--c-form-legend-font-family), system-ui, sans-serif;
  font-size: var(--c-form-legend-font-size); line-height: var(--c-form-legend-line-height); letter-spacing: var(--c-form-legend-tracking);
  font-weight: var(--c-form-legend-weight); color: var(--c-form-legend-ink);
}
.xds-form__hint {
  margin: 0; font-family: var(--c-form-hint-font-family), Georgia, serif;
  font-size: var(--c-form-hint-font-size); line-height: var(--c-form-hint-line-height); letter-spacing: var(--c-form-hint-tracking); color: var(--c-form-hint-ink);
}
.xds-form .xds-field { max-width: none; }

.xds-form__notes { margin: 0; }
.xds-form__reveal[hidden] { display: none; }
.xds-form__actions {
  display: flex; gap: var(--c-form-actions-gap); justify-content: flex-start;
  padding-top: var(--c-form-actions-inset-block-start);
  border-top: var(--c-form-actions-divider-width) solid var(--c-form-actions-divider);
}

.xds-form__actions[data-journey] { justify-content: space-between; flex-wrap: wrap; row-gap: var(--c-form-gap); }
.xds-form__actions[data-journey] .xds-form__forward { display: flex; flex-wrap: wrap; gap: var(--c-form-gap) var(--c-form-actions-gap); margin-left: auto; justify-content: flex-end; }

.xds-table { width: 100%; border-collapse: collapse; background-color: var(--c-table-surface); border: var(--c-page-border-width) solid var(--c-table-border); }

.xds-table[data-fit] { width: fit-content; max-width: 100%; margin-inline: auto; align-self: center; }
.xds-table caption {
  caption-side: bottom; text-align: left; padding: var(--c-table-cell-inset-block) 0;
  font-family: var(--c-table-caption-font-family), system-ui, sans-serif;
  font-size: var(--c-table-caption-font-size); letter-spacing: var(--c-table-caption-tracking); color: var(--c-table-caption-ink);
}
.xds-table thead th {
  padding: var(--c-table-cell-inset-block) var(--c-table-cell-inset-inline); text-align: left;
  background-color: var(--c-table-head-surface);
  font-family: var(--c-table-head-font-family), system-ui, sans-serif;
  font-size: var(--c-table-head-font-size); line-height: var(--c-table-head-line-height);
  font-weight: var(--c-table-head-weight); letter-spacing: var(--c-table-head-tracking);
  color: var(--c-table-head-ink); text-transform: uppercase;
  border-bottom: var(--c-table-head-divider-width) solid var(--c-table-head-divider);
}

.xds-table td,.xds-table tbody th {
  padding: var(--c-table-cell-inset-block) var(--c-table-cell-inset-inline);
  font-family: var(--c-table-cell-font-family), system-ui, sans-serif;
  font-size: var(--c-table-cell-font-size); line-height: var(--c-table-cell-line-height); letter-spacing: var(--c-table-cell-tracking);
  color: var(--c-table-cell-ink);
  border-bottom: var(--c-page-border-width) solid var(--c-table-row-divider);
}
.xds-table tbody th { text-align: left; font-weight: var(--c-table-head-weight); }
.xds-table tbody tr:last-child td,.xds-table tbody tr:last-child th { border-bottom: 0; }
.xds-table tbody tr:hover td,.xds-table tbody tr:hover th { --xds-wash: var(--c-page-state-tint-hover); }

.xds-table tbody tr:has(input:checked) td,.xds-table tbody tr:has(input:checked) th { background-color: var(--c-table-row-selected); }
.xds-table[role="grid"] tbody tr[aria-selected="true"] td,.xds-table[role="grid"] tbody tr[aria-selected="true"] th { background-color: var(--c-table-row-selected); }
.xds-table [data-align="numeric"] { text-align: right; font-family: var(--c-table-numeric-font-family), ui-monospace, monospace; font-variant-numeric: tabular-nums; }

.xds-table-wrap { overflow-x: auto; }
.xds-table-wrap:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }

.xds-table thead th[aria-sort] { padding: 0; }
.xds-table__sort {
  display: flex; align-items: center; justify-content: flex-start; gap: var(--c-table-sort-gap); width: 100%; min-height: var(--c-page-target-min-wide);
  margin: 0; padding: var(--c-table-cell-inset-block) var(--c-table-cell-inset-inline); border: 0; background-color: transparent; cursor: pointer;
  font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; text-align: inherit;
}
.xds-table thead th[aria-sort][data-align="numeric"].xds-table__sort { justify-content: flex-end; }
.xds-table__sort::after { content: ""; flex: none; width: var(--c-table-sort-icon-size); height: var(--c-table-sort-icon-size); background-color: var(--c-table-sort-icon-ink);
  -webkit-mask: var(--_icon-mask-sort) center / contain no-repeat; mask: var(--_icon-mask-sort) center / contain no-repeat; }
.xds-table thead th[aria-sort="ascending"].xds-table__sort::after { background-color: currentColor; -webkit-mask-image: var(--_icon-mask-sort-asc); mask-image: var(--_icon-mask-sort-asc); }
.xds-table thead th[aria-sort="descending"].xds-table__sort::after { background-color: currentColor; -webkit-mask-image: var(--_icon-mask-sort-desc); mask-image: var(--_icon-mask-sort-desc); }
.xds-table__sort:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-table__sort:active { --xds-wash: var(--c-page-state-pressed); }
.xds-table__sort:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); position: relative; z-index: 1; }
.xds-table[aria-busy="true"] .xds-table__sort { pointer-events: none; cursor: progress; }

.xds-table tbody[data-empty] > tr > td {
  text-align: center; padding-block: var(--c-table-empty-inset-block);
  font-family: var(--c-table-empty-font-family), Georgia, serif; font-size: var(--c-table-empty-font-size); line-height: var(--c-table-empty-line-height); letter-spacing: var(--c-table-empty-tracking); color: var(--c-table-empty-ink);
}
.xds-table tbody[data-empty] > tr:hover > td { --xds-wash: transparent; }

@media (max-width: 600px) {.xds-table[data-stacked] tbody,.xds-table[data-stacked] tbody tr,.xds-table[data-stacked] tbody td,.xds-table[data-stacked] tbody th { display: block; }
.xds-table[data-stacked] thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.xds-table[data-stacked] tbody tr { padding-block: var(--c-table-cell-inset-block); border-bottom: var(--c-page-border-width) solid var(--c-table-row-divider); }
.xds-table[data-stacked] tbody tr:last-child { border-bottom: 0; }
.xds-table[data-stacked] tbody td,.xds-table[data-stacked] tbody th { padding-block: var(--c-table-stacked-inset-block); border-bottom: 0; text-align: left; }
.xds-table[data-stacked] tbody td[data-label]::before,.xds-table[data-stacked] tbody th[data-label]::before {
  content: attr(data-label); display: block; margin-bottom: var(--c-table-label-gap);
  font-family: var(--c-table-label-font-family), system-ui, sans-serif; font-size: var(--c-table-label-font-size); line-height: var(--c-table-label-line-height);
  letter-spacing: var(--c-table-label-tracking); font-weight: var(--c-table-label-weight); color: var(--c-table-label-ink); text-transform: none;
  }
.xds-table[data-stacked] tbody :is(td,th)[data-label=""]::before { display: none; }
.xds-table[data-stacked] tbody [data-align="numeric"] { text-align: left; }
.xds-table[data-stacked] tbody[data-empty] > tr > td::before { display: none; }
}

.xds-modal {
  width: min(var(--c-modal-width), calc(100vw - 2 * var(--c-modal-inset))); max-width: 100%;
  padding: var(--c-modal-inset); margin: auto;
  background-color: var(--c-modal-surface); color: var(--c-modal-body-ink);
  border: var(--c-page-border-width) solid var(--c-modal-border); border-radius: var(--c-page-radius);
  box-shadow: calc(-1 * var(--c-modal-edge-width)) 0 0 0 var(--c-modal-edge);
  z-index: var(--c-modal-elevation);
}
.xds-modal::backdrop { background-color: var(--c-modal-scrim); }
.xds-modal[open] { display: flex; flex-direction: column; gap: var(--c-modal-gap); animation: xds-modal-in var(--c-page-motion-state) var(--c-page-motion-ease-enter); }
@keyframes xds-modal-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.xds-modal__title {
  margin: 0; font-family: var(--c-modal-title-font-family), system-ui, sans-serif;
  font-size: var(--c-modal-title-font-size); line-height: var(--c-modal-title-line-height); letter-spacing: var(--c-modal-title-tracking);
  font-weight: var(--c-modal-title-weight); color: var(--c-modal-title-ink);
}
.xds-modal__body {
  margin: 0; font-family: var(--c-modal-body-font-family), Georgia, serif;
  font-size: var(--c-modal-body-font-size); line-height: var(--c-modal-body-line-height); letter-spacing: var(--c-modal-body-tracking); color: var(--c-modal-body-ink);
}

.xds-modal__close { color: var(--c-modal-close-ink); position: absolute; top: var(--c-modal-close-inset); right: var(--c-modal-close-inset); }
.xds-modal { position: relative; }
.xds-modal[open] { position: fixed; }
.xds-modal__actions { display: flex; gap: var(--c-modal-actions-gap); justify-content: flex-end; padding-top: var(--c-modal-gap); }

.xds-footer { background-color: var(--c-footer-surface); container-type: inline-size; container-name: xds-footer; }
.xds-footer__band { padding: var(--c-footer-band-inset-block) var(--c-footer-band-inset-inline); border-top: var(--c-footer-divider-width) solid var(--c-footer-divider); }
.xds-footer__band:first-child { border-top: 0; }
.xds-footer__band[data-band="social"],.xds-footer__band[data-band="compliance"],.xds-footer__band[data-band="copyright"] { padding-block: var(--c-footer-band-inset-block-compact); }
.xds-footer__content { max-width: var(--c-footer-content-max-width); margin: 0 auto; }
.xds-footer__band[data-band="top"] .xds-footer__content { display: flex; justify-content: space-between; gap: var(--c-footer-column-gap); flex-wrap: wrap; }
.xds-footer__agency,.xds-footer__newsletter { display: flex; flex-direction: column; gap: var(--c-footer-stack); max-width: var(--c-footer-block-max-width); flex: 1 1 280px; }
.xds-footer__lockup { display: flex; align-items: center; gap: var(--c-footer-stack); }
.xds-footer__logo { width: var(--c-footer-logo-size); height: var(--c-footer-logo-size); flex: none; fill: var(--c-footer-logo-fill); }
.xds-footer__brand { margin: 0; font-family: var(--c-footer-brand-font-family), system-ui, sans-serif; font-size: var(--c-footer-brand-font-size); line-height: var(--c-footer-brand-line-height); letter-spacing: var(--c-footer-brand-tracking); font-weight: var(--c-footer-brand-weight); color: var(--c-footer-brand-ink); }
.xds-footer__address { margin: 0; font-style: normal; font-family: var(--c-footer-address-font-family), system-ui, sans-serif; font-size: var(--c-footer-address-font-size); line-height: var(--c-footer-address-line-height); letter-spacing: var(--c-footer-address-tracking); color: var(--c-footer-address-ink); }
.xds-footer__heading { margin: 0; font-family: var(--c-footer-heading-font-family), system-ui, sans-serif; font-size: var(--c-footer-heading-font-size); line-height: var(--c-footer-heading-line-height); font-weight: var(--c-footer-heading-weight); letter-spacing: var(--c-footer-heading-tracking); color: var(--c-footer-heading-ink); }
.xds-footer__description { margin: 0; font-family: var(--c-footer-description-font-family), system-ui, sans-serif; font-size: var(--c-footer-description-font-size); line-height: var(--c-footer-description-line-height); letter-spacing: var(--c-footer-description-tracking); color: var(--c-footer-description-ink); }

.xds-footer__subscribe { display: flex; max-width: var(--c-footer-subscribe-max-width); }
.xds-footer__subscribe .xds-input { flex: 1; min-width: 0; }
.xds-footer__subscribe .xds-button { flex: none; }
.xds-footer__columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--c-footer-column-min), 1fr)); gap: var(--c-footer-column-gap); }
.xds-footer__column { display: flex; flex-direction: column; gap: var(--c-footer-stack); }
.xds-footer__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--c-footer-list-gap); }
.xds-footer__link { display: inline-block; min-height: var(--c-page-target-min-wide); font-family: var(--c-footer-link-font-family), system-ui, sans-serif; font-size: var(--c-footer-link-font-size); line-height: var(--c-footer-link-line-height); letter-spacing: var(--c-footer-link-tracking); color: var(--c-footer-link-ink); text-decoration: none; }
.xds-footer__link:hover { text-decoration: underline; --xds-wash: var(--c-page-state-tint-hover); }
.xds-footer__link:focus-visible,.xds-footer__social:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-footer__band[data-band="social"] .xds-footer__content { display: flex; align-items: center; gap: var(--c-footer-social-gap); flex-wrap: wrap; }
.xds-footer__social-label { margin: 0; font-family: var(--c-footer-heading-font-family), system-ui, sans-serif; font-size: var(--c-footer-link-font-size); line-height: var(--c-footer-link-line-height); letter-spacing: var(--c-footer-link-tracking); font-weight: var(--c-footer-social-label-weight); color: var(--c-footer-heading-ink); }
.xds-footer__socials { display: flex; flex-wrap: wrap; gap: var(--c-footer-social-gap); margin: 0; padding: 0; list-style: none; }
.xds-footer__social { display: grid; place-content: center; width: var(--c-footer-social-size); height: var(--c-footer-social-size); background-color: var(--c-footer-social-surface); border: var(--c-footer-divider-width) solid var(--c-footer-social-border); color: var(--c-footer-social-ink); }
.xds-footer__social svg { width: var(--c-footer-social-icon-size); height: var(--c-footer-social-icon-size); fill: currentColor; }
.xds-footer__social:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-footer__compliance { display: flex; flex-wrap: wrap; gap: 0 var(--c-footer-compliance-gap); margin: 0; padding: 0; list-style: none; }
.xds-footer__compliance .xds-footer__link { font-size: var(--c-footer-compliance-font-size); line-height: var(--c-footer-compliance-line-height); letter-spacing: var(--c-footer-compliance-tracking); }

.xds-footer__sitemap { display: none; }
@container xds-footer (max-width: 900px) {.xds-footer__band { padding-inline: var(--c-footer-compact-band-inset-inline); }
.xds-footer__band[data-band="top"] .xds-footer__content { flex-direction: column; justify-content: flex-start; gap: var(--c-footer-compact-stack); }
.xds-footer__agency,.xds-footer__newsletter { max-width: none; flex: none; }
.xds-footer__band[data-band="nav"] { padding: 0; }
.xds-footer__sitemap {
  display: flex; align-items: center; justify-content: center; gap: var(--c-footer-stack); min-height: var(--c-footer-sitemap-height);
  padding: var(--c-footer-sitemap-inset-block) var(--c-footer-compact-band-inset-inline); list-style: none; cursor: pointer;
  font-family: var(--c-footer-heading-font-family), system-ui, sans-serif; font-size: var(--c-footer-heading-font-size); line-height: var(--c-footer-heading-line-height);
  font-weight: var(--c-footer-sitemap-weight); letter-spacing: var(--c-footer-heading-tracking); color: var(--c-footer-sitemap-ink);
  }
.xds-footer__sitemap::-webkit-details-marker { display: none; }
.xds-footer__sitemap::after { content: ""; width: var(--c-footer-sitemap-chevron-size); height: var(--c-footer-sitemap-chevron-size); background: currentColor; -webkit-mask: var(--_icon-mask-chevron-down) center / contain no-repeat; mask: var(--_icon-mask-chevron-down) center / contain no-repeat; transition: transform var(--c-page-motion-state) var(--c-page-motion-ease); }
.xds-footer__band[data-band="nav"][open] >.xds-footer__sitemap::after { transform: rotate(180deg); }
.xds-footer__sitemap:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-footer__sitemap:active { --xds-wash: var(--c-page-state-pressed); }
.xds-footer__sitemap:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-footer__band[data-band="nav"] > nav { background-color: var(--c-footer-sitemap-surface); padding: var(--c-footer-compact-stack) var(--c-footer-sitemap-inset-inline); max-width: none; }
.xds-footer__band[data-band="nav"][open] > nav { animation: xds-rise var(--c-page-motion-state) var(--c-page-motion-ease-enter) both; }
.xds-footer__columns { grid-template-columns: 1fr; gap: var(--c-footer-sitemap-column-gap); }
.xds-footer__link { display: inline-block; padding-block: calc((var(--c-footer-social-size) - var(--c-footer-link-line-height)) / 2 - var(--c-footer-list-gap) / 2); }
.xds-footer__compliance { gap: var(--c-footer-list-gap) var(--c-footer-compliance-gap); }
}
.xds-footer__legal { margin: 0; font-family: var(--c-footer-legal-font-family), system-ui, sans-serif; font-size: var(--c-footer-legal-font-size); line-height: var(--c-footer-legal-line-height); letter-spacing: var(--c-footer-legal-tracking); color: var(--c-footer-legal-ink); }

.xds-steps { display: flex; margin: 0; padding: 0; list-style: none; counter-reset: xds-step; }

.xds-steps__item { --_lead: var(--c-steps-segment-gap); --_trail: var(--c-steps-segment-gap); display: flex; flex-direction: column; align-items: flex-start; gap: var(--c-steps-label-gap); flex: 1 1 0; min-width: 0; counter-increment: xds-step; }
.xds-steps__item:last-child { flex: 0 0 auto; }
.xds-steps__head { display: flex; align-items: center; width: 100%; }
.xds-steps__marker {
  --_fill: var(--c-steps-fill-upcoming); --_ink: var(--c-steps-ink-upcoming); --_ring: var(--c-steps-fill-upcoming);
  flex: none; width: var(--c-steps-marker-size); height: var(--c-steps-marker-size); box-sizing: border-box;
  display: grid; place-content: center; border-radius: var(--c-steps-marker-radius);
  background-color: var(--_fill); color: var(--_ink); border: var(--c-steps-marker-ring-width) solid var(--_ring);
  font-family: var(--c-steps-marker-font-family), system-ui, sans-serif; font-size: var(--c-steps-marker-font-size); font-weight: var(--c-steps-marker-weight);
  font-variant-numeric: tabular-nums; text-decoration: none;
}
.xds-steps__marker:empty::before { content: counter(xds-step); }
.xds-steps__head::after { content: ""; flex: 1; height: var(--c-steps-segment-width); margin: 0 var(--_trail) 0 var(--_lead); background-color: var(--c-steps-segment-upcoming); }
.xds-steps__item:last-child .xds-steps__head::after { display: none; }
.xds-steps__item[data-state="complete"] .xds-steps__marker { --_fill: var(--c-steps-fill-complete); --_ink: var(--c-steps-ink-complete); --_ring: var(--c-steps-fill-complete); }

.xds-steps__item[data-state="complete"] { --_lead: var(--c-steps-segment-gap-complete); }
.xds-steps__item[data-state="complete"]:has(+.xds-steps__item[data-state="complete"]) { --_trail: var(--c-steps-segment-gap-complete); }
.xds-steps__item[data-state="complete"] .xds-steps__head::after { background-color: var(--c-steps-segment-complete); }
.xds-steps__item[data-state="current"] .xds-steps__marker { --_fill: var(--c-steps-fill-current); --_ink: var(--c-steps-ink-current); --_ring: var(--c-steps-ring-current); }
.xds-steps__item[data-state="current"] .xds-steps__head::after { background-color: var(--c-steps-segment-current); }
a.xds-steps__marker:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-steps__label {
  margin: 0; font-family: var(--c-steps-label-font-family), system-ui, sans-serif; font-size: var(--c-steps-label-font-size); line-height: var(--c-steps-label-line-height);
  letter-spacing: var(--c-steps-label-tracking); color: var(--c-steps-label-ink-upcoming);
}
.xds-steps__item[data-state="complete"] .xds-steps__label { color: var(--c-steps-label-ink-complete); }
.xds-steps__item[data-state="current"] .xds-steps__label { color: var(--c-steps-label-ink-current); font-weight: var(--c-steps-label-weight-current); }

.xds-steps[data-orientation="vertical"] { flex-direction: column; }
.xds-steps[data-orientation="vertical"] .xds-steps__item { flex-direction: row; align-items: stretch; flex: none; }
.xds-steps[data-orientation="vertical"] .xds-steps__head { flex-direction: column; width: auto; align-items: center; }
.xds-steps[data-orientation="vertical"] .xds-steps__head::after { width: var(--c-steps-segment-width); height: auto; min-height: var(--c-steps-vertical-min-segment); margin: var(--_lead) 0 var(--_trail); }
.xds-steps[data-orientation="vertical"] .xds-steps__label { padding-top: calc((var(--c-steps-marker-size) - var(--c-steps-label-line-height)) / 2); padding-bottom: var(--c-steps-vertical-gap); }
.xds-steps[data-orientation="vertical"] .xds-steps__item:last-child .xds-steps__label { padding-bottom: 0; }

@media (max-width: 600px) {.xds-steps:not([data-orientation="vertical"]) { flex-direction: column; }
.xds-steps:not([data-orientation="vertical"]) .xds-steps__item { flex-direction: row; align-items: stretch; flex: none; }
.xds-steps:not([data-orientation="vertical"]) .xds-steps__head { flex-direction: column; width: auto; align-items: center; }
.xds-steps:not([data-orientation="vertical"]) .xds-steps__head::after { width: var(--c-steps-segment-width); height: auto; min-height: var(--c-steps-vertical-min-segment); margin: var(--_lead) 0 var(--_trail); }
.xds-steps:not([data-orientation="vertical"]) .xds-steps__label { padding-top: calc((var(--c-steps-marker-size) - var(--c-steps-label-line-height)) / 2); padding-bottom: var(--c-steps-vertical-gap); }
.xds-steps:not([data-orientation="vertical"]) .xds-steps__item:last-child .xds-steps__label { padding-bottom: 0; }
}

.xds-steps-summary { display: flex; align-items: center; gap: var(--c-steps-summary-gap); margin: var(--c-steps-summary-inset-block-start) 0 0; font-family: var(--c-steps-summary-font-family), system-ui, sans-serif; font-size: var(--c-steps-summary-font-size); line-height: var(--c-steps-summary-line-height); letter-spacing: var(--c-steps-summary-tracking); color: var(--c-steps-summary-ink); }
.xds-steps-summary .xds-steps__marker { --_fill: var(--c-steps-fill-current); --_ink: var(--c-steps-ink-current); --_ring: var(--c-steps-fill-current); }
.xds-steps-summary__title { font-family: var(--c-steps-summary-title-font-family), system-ui, sans-serif; font-weight: var(--c-steps-summary-title-weight); color: var(--c-steps-summary-title-ink); }

.xds-disclosure { position: relative; }
.xds-disclosure >.xds-disclosure__summary { position: relative; }
.xds-disclosure__title,.xds-disclosure__index,.xds-disclosure__control { transition-duration: var(--c-disclosure-motion-expand); transition-timing-function: var(--c-page-motion-ease); }

.xds-disclosure__summary,.xds-disclosure__panel { transition-duration: var(--c-page-motion-state), var(--c-disclosure-motion-expand), var(--c-disclosure-motion-expand), var(--c-page-motion-state), var(--c-page-motion-state), var(--c-page-motion-state), var(--c-page-motion-state), var(--c-disclosure-motion-expand); }
.xds-disclosure[open] >.xds-disclosure__summary .xds-disclosure__title { color: var(--c-disclosure-title-ink-open); }
.xds-disclosure[open] >.xds-disclosure__summary .xds-disclosure__index { color: var(--c-disclosure-index-ink-open); }
.xds-disclosure[open] >.xds-disclosure__summary .xds-disclosure__control { color: var(--c-disclosure-glyph-ink-open); }

.xds-disclosure__summary::after {
  content: ""; position: absolute; inset-inline: calc(-1 * var(--c-page-border-width)); top: calc(-1 * var(--c-page-border-width));
  height: var(--c-disclosure-wipe-width); background-color: var(--c-disclosure-wipe-divider);
  transform-origin: right center; transform: scaleX(0);
}
.xds-disclosure[open] >.xds-disclosure__summary::after { animation: xds-wipe var(--c-disclosure-motion-expand) var(--c-page-motion-ease-enter) both; }
@keyframes xds-wipe { from { transform: scaleX(0); } to { transform: scaleX(1); } }

.xds-disclosure__panel { border: var(--c-page-border-width) solid var(--c-disclosure-panel-border); border-top: 0; }
@supports selector(::details-content) {

.xds-disclosure { interpolate-size: allow-keywords; }
.xds-disclosure[open] { z-index: var(--c-disclosure-elevation); }
.xds-disclosure >.xds-disclosure__summary { z-index: 2; }
.xds-disclosure[open] >.xds-disclosure__summary { transform: translateY(calc(-1 * var(--_rise, 0px))); }
.xds-disclosure::details-content {
  position: absolute; inset-inline: 0; bottom: 0; z-index: 1;
  block-size: 0; overflow: hidden;
  transition: block-size var(--c-disclosure-motion-expand) var(--c-page-motion-ease), content-visibility var(--c-disclosure-motion-expand) allow-discrete;
  }
.xds-disclosure[open]::details-content { block-size: auto; }
}
@media (prefers-reduced-motion: reduce) {.xds-disclosure__title,.xds-disclosure__index,.xds-disclosure__control,.xds-disclosure__summary { transition: none; }
.xds-disclosure[open] >.xds-disclosure__summary::after { animation: none; }
.xds-disclosure::details-content { transition: none; }
}
.xds-disclosure {
  --_py: var(--c-disclosure-bar-inset-block); --_px: var(--c-disclosure-bar-inset-inline); --_gap: var(--c-disclosure-bar-gap);
  --_ctl: var(--c-disclosure-control-size); --_glyph: var(--c-disclosure-glyph-font-size);
  --_idx: var(--c-disclosure-index-font-size); --_title: var(--c-disclosure-title-font-size);
  --_text: var(--c-disclosure-text-font-size); --_lh: var(--c-disclosure-text-line-height);
  --_rowy: var(--c-disclosure-row-inset-block); --_rowgap: var(--c-disclosure-row-gap);
  --_pt: var(--c-disclosure-panel-inset-block-start); --_pb: var(--c-disclosure-panel-inset-block-end);
  display: block;
  border-radius: var(--c-page-radius);
}
.xds-disclosure[data-density="compact"] {
  --_py: var(--c-disclosure-bar-inset-block-compact); --_px: var(--c-disclosure-bar-inset-inline-compact); --_gap: var(--c-disclosure-bar-gap-compact);
  --_ctl: var(--c-disclosure-control-size-compact); --_glyph: var(--c-disclosure-glyph-font-size-compact);
  --_idx: var(--c-disclosure-index-font-size-compact); --_title: var(--c-disclosure-title-font-size-compact);
  --_text: var(--c-disclosure-text-font-size-compact); --_lh: var(--c-disclosure-text-line-height-compact);
  --_rowy: var(--c-disclosure-row-inset-block-compact); --_rowgap: var(--c-disclosure-row-gap-compact);
  --_pt: var(--c-disclosure-panel-inset-block-start-compact); --_pb: var(--c-disclosure-panel-inset-block-end-compact);
}

.xds-disclosure__summary { background-color: var(--c-disclosure-surface-closed); }
.xds-disclosure[open] >.xds-disclosure__summary { background-color: var(--c-disclosure-surface-open); }
.xds-disclosure[open] >.xds-disclosure__summary { border-bottom-color: var(--c-disclosure-surface-open); }
.xds-disclosure__panel { background-color: var(--c-disclosure-surface-open); }
.xds-disclosure__control::before { display: inline-block; transition: transform var(--c-page-motion-state) var(--c-page-motion-ease); }
.xds-disclosure[open] .xds-disclosure__control::before { transform: rotate(180deg); }
@keyframes xds-rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {.xds-accordion__item[open] >.xds-accordion__panel { animation: none; } }

.xds-disclosure__summary {
  min-height: var(--c-page-target-min);
  position: relative; display: flex; align-items: center; gap: var(--_gap);
  padding: var(--_py) var(--_px); list-style: none; cursor: pointer; user-select: none;
  border: var(--c-page-border-width) solid var(--c-disclosure-border);
}
.xds-disclosure__summary::-webkit-details-marker { display: none; }
.xds-disclosure__summary:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-disclosure__summary:active { --xds-wash: var(--c-page-state-pressed); }

.xds-disclosure__summary:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-disclosure__index {
  flex: none; width: var(--c-disclosure-index-width);
  font-family: var(--c-disclosure-index-font-family), ui-monospace, monospace;
  font-size: var(--_idx); line-height: var(--c-disclosure-index-line-height);
  color: var(--c-disclosure-index-ink);
}
.xds-disclosure__title {
  flex: 1; min-width: 0;
  font-family: var(--c-disclosure-title-font-family), system-ui, sans-serif;
  font-size: var(--_title); line-height: var(--c-disclosure-title-line-height);
  font-weight: var(--c-disclosure-title-weight); letter-spacing: var(--c-disclosure-title-tracking);
  color: var(--c-disclosure-title-ink);
}
.xds-disclosure__control {
  flex: none; width: var(--_ctl); height: var(--_ctl); display: grid; place-content: center;
  font-family: var(--c-disclosure-title-font-family), system-ui, sans-serif;
  font-size: var(--_glyph); line-height: 1; color: var(--c-disclosure-glyph-ink);
}
.xds-disclosure__control::before { content: "+"; }
.xds-disclosure[open] .xds-disclosure__control::before { content: "−"; }

.xds-disclosure__panel {
  margin: 0; padding: var(--_pt) var(--_px) var(--_pb); list-style: none;
}

.xds-disclosure__row {
  display: flex; gap: var(--_rowgap); align-items: flex-start; padding: var(--_rowy) 0;
  font-family: var(--c-disclosure-text-font-family), Georgia, serif;
  font-size: var(--_text); line-height: var(--_lh); letter-spacing: var(--c-disclosure-text-tracking); color: var(--c-disclosure-text-ink);
}
.xds-disclosure__row::before {
  content: ""; flex: none; width: var(--c-disclosure-bullet-size); height: var(--c-disclosure-bullet-size);
  margin-top: calc((var(--_lh) - var(--c-disclosure-bullet-size)) / 2); background-color: var(--c-disclosure-bullet-ink);
}
.xds-disclosure[data-divider] .xds-disclosure__row +.xds-disclosure__row { border-top: var(--c-disclosure-row-divider-width) solid var(--c-disclosure-row-divider); }

.xds-disclosure__close-row { list-style: none; display: flex; justify-content: flex-end; margin-top: var(--c-disclosure-close-inset-block-start); }
.xds-disclosure__close {
  display: inline-flex; align-items: center; gap: var(--c-disclosure-close-gap);
  padding: 0; border: 0; background-color: transparent; cursor: pointer;
  font-family: var(--c-disclosure-close-font-family), system-ui, sans-serif;
  font-size: var(--c-disclosure-close-font-size); line-height: var(--c-disclosure-close-line-height);
  font-weight: var(--c-disclosure-close-weight); color: var(--c-disclosure-close-ink);
}
.xds-disclosure__close-glyph { font-size: var(--c-disclosure-close-glyph-font-size); line-height: 1; }
.xds-disclosure__close:hover { color: var(--c-disclosure-close-ink-hover); }
.xds-disclosure__close:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }

.xds-accordion { display: block; border-radius: var(--c-page-radius); border-top: var(--c-accordion-item-divider-width) solid var(--c-accordion-item-divider); }
.xds-accordion__item { display: block; border-bottom: var(--c-accordion-item-divider-width) solid var(--c-accordion-item-divider); }
.xds-accordion__summary {
  min-height: var(--c-page-target-min);
  display: grid; grid-template-columns: var(--c-accordion-chevron-box) 1fr; column-gap: var(--c-accordion-gap); align-items: start;
  padding: var(--c-accordion-row-inset-block) var(--c-accordion-row-inset-inline); list-style: none; cursor: pointer; user-select: none;
}
.xds-accordion__summary::-webkit-details-marker { display: none; }
.xds-accordion__summary:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-accordion__summary:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-accordion__summary::before {
  content: ""; width: var(--c-accordion-chevron-box); height: var(--c-accordion-prompt-line-height);

  background-color: var(--c-accordion-chevron-ink);
  -webkit-mask: var(--_icon-mask-chevron-right) center / var(--c-accordion-chevron-size) var(--c-accordion-chevron-size) no-repeat;
          mask: var(--_icon-mask-chevron-right) center / var(--c-accordion-chevron-size) var(--c-accordion-chevron-size) no-repeat;
  -webkit-mask: var(--_icon-mask-chevron-right) center / contain no-repeat; mask: var(--_icon-mask-chevron-right) center / contain no-repeat;
  transition: transform var(--c-page-motion-state) var(--c-page-motion-ease);
}
.xds-accordion__item[open] >.xds-accordion__summary::before { transform: rotate(90deg); }
.xds-accordion__prompt { font-family: var(--c-accordion-prompt-font-family), system-ui, sans-serif; font-size: var(--c-accordion-prompt-font-size); line-height: var(--c-accordion-prompt-line-height); letter-spacing: var(--c-accordion-prompt-tracking); font-weight: var(--c-accordion-prompt-weight); color: var(--c-accordion-prompt-ink); }
.xds-accordion__panel {
  margin: 0; padding: 0 var(--c-accordion-row-inset-inline) var(--c-accordion-panel-inset-block-end) calc(var(--c-accordion-row-inset-inline) + var(--c-accordion-chevron-box) + var(--c-accordion-gap) + var(--c-accordion-panel-inset-inline));
  max-width: calc(var(--c-accordion-panel-max-width) + var(--c-accordion-chevron-box) + var(--c-accordion-gap));
  font-family: var(--c-accordion-body-font-family), Georgia, serif; font-size: var(--c-accordion-body-font-size); line-height: var(--c-accordion-body-line-height); letter-spacing: var(--c-accordion-body-tracking); color: var(--c-accordion-body-ink);
}
.xds-accordion__item[open] >.xds-accordion__panel { animation: xds-rise var(--c-accordion-motion-expand) var(--c-page-motion-ease-enter) both; }

@supports selector(::details-content) {.xds-accordion__item { interpolate-size: allow-keywords; }
.xds-accordion__item::details-content {
  block-size: 0; overflow: hidden;
  transition: block-size var(--c-accordion-motion-expand) var(--c-page-motion-ease), content-visibility var(--c-accordion-motion-expand) allow-discrete;
  }
.xds-accordion__item[open]::details-content { block-size: auto; }
.xds-accordion__item[open] >.xds-accordion__panel { animation: none; }
}
@media (prefers-reduced-motion: reduce) {.xds-accordion__item::details-content { transition: none; } }

.xds-stat {
  display: flex; flex-direction: column; gap: var(--c-stat-stack);
  padding: var(--c-stat-inset-block) var(--c-stat-inset-inline-end) var(--c-stat-inset-block) var(--c-stat-inset-inline-start);
  border-left: var(--c-stat-divider-width) solid var(--c-stat-divider);
  max-width: var(--c-stat-max-width);
}
.xds-stat__figure { margin: 0; display: flex; align-items: baseline; gap: var(--c-stat-figure-gap); flex-wrap: wrap; }
.xds-stat__value {
  font-family: var(--c-stat-value-font-family), system-ui, sans-serif;
  font-size: var(--c-stat-value-font-size); line-height: var(--c-stat-value-line-height);
  font-weight: var(--c-stat-value-weight); color: var(--c-stat-value-ink);
  font-variant-numeric: tabular-nums;
}
.xds-stat__unit {
  font-family: var(--c-stat-unit-font-family), system-ui, sans-serif;
  font-size: var(--c-stat-unit-font-size); line-height: var(--c-stat-unit-line-height);
  font-weight: var(--c-stat-unit-weight); letter-spacing: var(--c-stat-unit-tracking);
  text-transform: uppercase; color: var(--c-stat-unit-ink);
}

.xds-stat[data-tone="deep"]:not([data-surface="dark"]) .xds-stat__value,.xds-stat[data-tone="deep"]:not([data-surface="dark"]) .xds-stat__unit { color: var(--c-stat-value-ink-deep); }
.xds-stat__label {
  margin: 0; font-family: var(--c-stat-label-font-family), Georgia, serif;
  font-size: var(--c-stat-label-font-size); line-height: var(--c-stat-label-line-height); letter-spacing: var(--c-stat-label-tracking);
  color: var(--c-stat-label-ink);
}

.xds-stat-band { display: flex; flex-wrap: wrap; gap: var(--c-stat-stack) 0; }

.xds-stat-band > .xds-eyebrow { flex-basis: 100%;
  margin-block: 0 max(0px, calc(var(--c-stat-band-eyebrow-gap) - var(--c-stat-stack))); }

.xds-conv-thread { display: flex; flex-direction: column; gap: var(--c-conv-thread-gap); max-width: var(--c-conv-thread-max-width); margin-inline: auto; padding: var(--c-conv-thread-inset) 0; }

.xds-conv-message { display: grid; grid-template-columns: auto 1fr; gap: var(--c-conv-message-gap); align-items: flex-start; }
.xds-conv-message[data-role="user"] { grid-template-columns: 1fr auto; }
.xds-conv-message[data-role="user"] >.xds-conv-avatar { order: 2; }
.xds-conv-message[data-role="user"] >.xds-conv-message__content { order: 1; justify-self: end; align-items: flex-end; }
.xds-conv-message__content { display: flex; flex-direction: column; gap: var(--c-conv-message-gap); min-width: 0; max-width: var(--c-conv-message-max-width); }
.xds-conv-message__bubble {
  width: fit-content; max-width: 100%;
  padding: var(--c-conv-message-inset-block) var(--c-conv-message-inset-inline);
  background-color: var(--c-conv-message-assistant-surface);
  border: var(--c-conv-message-border-width) solid var(--c-conv-message-assistant-border);
  border-radius: var(--c-conv-message-radius);
  border-top-left-radius: var(--c-conv-message-radius-tail);
  font-family: var(--c-conv-message-body-font-family), Georgia, serif;
  font-size: var(--c-conv-message-body-font-size); line-height: var(--c-conv-message-body-line-height); letter-spacing: var(--c-conv-message-body-tracking);
  color: var(--c-conv-message-body-ink);
}
.xds-conv-message[data-role="user"] .xds-conv-message__bubble {
  background-color: var(--c-conv-message-user-surface); border-color: var(--c-conv-message-user-border);
  border-top-left-radius: var(--c-conv-message-radius); border-top-right-radius: var(--c-conv-message-radius-tail);
}
.xds-conv-message__bubble >:first-child { margin-top: 0; }
.xds-conv-message__bubble >:last-child { margin-bottom: 0; }
.xds-conv-message__bubble p { margin: 0 0 var(--c-conv-message-gap); }
.xds-conv-message__meta {
  margin: 0; font-family: var(--c-conv-message-meta-font-family), system-ui, sans-serif;
  font-size: var(--c-conv-message-meta-font-size); line-height: var(--c-conv-message-meta-line-height);
  letter-spacing: var(--c-conv-message-meta-tracking); color: var(--c-conv-message-meta-ink);
}
.xds-conv-message__footer { display: flex; flex-wrap: wrap; gap: var(--c-conv-message-gap); align-items: center; }

.xds-conv-avatar {
  flex: none; width: var(--c-conv-avatar-size); height: var(--c-conv-avatar-size); border-radius: var(--c-conv-avatar-radius);
  display: grid; place-content: center; background-color: var(--c-conv-avatar-assistant); color: var(--c-conv-avatar-assistant-ink);
  font-family: var(--c-conv-avatar-font-family), system-ui, sans-serif; font-size: var(--c-conv-avatar-font-size); font-weight: var(--c-conv-avatar-weight);
}
.xds-conv-avatar[data-role="user"] { background-color: var(--c-conv-avatar-user); color: var(--c-conv-avatar-user-ink); }

.xds-conv-composer {
  display: grid; grid-template-columns: 1fr auto; gap: var(--c-conv-composer-gap); align-items: end;
  padding: var(--c-conv-composer-inset);
  background-color: var(--c-conv-composer-surface);
  border: var(--c-conv-composer-border-width) solid var(--c-conv-composer-border);
  border-radius: var(--c-conv-composer-radius);
}
.xds-conv-composer:focus-within { border-color: var(--c-conv-composer-border-focus); }
.xds-conv-composer__input {
  width: 100%; min-height: var(--c-conv-composer-min-height); max-height: var(--c-conv-composer-max-height); resize: none; border: 0; padding: 0; background-color: transparent; outline: 0;
  font-family: var(--c-conv-composer-font-family), system-ui, sans-serif;
  font-size: var(--c-conv-composer-font-size); line-height: var(--c-conv-composer-line-height); letter-spacing: var(--c-conv-composer-tracking); color: var(--c-conv-composer-ink);
  field-sizing: content;
}
.xds-conv-composer__input::placeholder { color: var(--c-conv-composer-placeholder-ink); }
.xds-conv-composer__send {
  width: var(--c-conv-composer-send-size); height: var(--c-conv-composer-send-size); border-radius: var(--c-conv-composer-send-radius); border: 0;
  display: grid; place-content: center; background-color: var(--c-conv-composer-send-fill); color: var(--c-conv-composer-send-ink); cursor: pointer;
}
.xds-conv-composer__send:hover { --xds-wash: var(--c-conv-composer-send-hover); }
.xds-conv-composer__send:active { --xds-wash: var(--c-conv-composer-send-pressed); }
.xds-conv-composer__send:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-conv-composer__send:disabled { background-color: var(--c-conv-composer-send-disabled); color: var(--c-conv-composer-send-ink-disabled); cursor: not-allowed; background-image: none; }
.xds-conv-composer__send svg { width: var(--c-conv-action-icon-size); height: var(--c-conv-action-icon-size); fill: currentColor; }
.xds-conv-composer__hint { grid-column: 1 / -1; margin: 0; font-family: var(--c-conv-composer-font-family), system-ui, sans-serif; font-size: var(--c-conv-composer-hint-font-size); letter-spacing: var(--c-conv-composer-hint-tracking); color: var(--c-conv-composer-hint-ink); }

.xds-conv-chips { display: flex; flex-wrap: wrap; gap: var(--c-conv-chip-gap); }
.xds-conv-chip {
  display: inline-flex; align-items: center; min-height: var(--c-conv-chip-height); padding: 0 var(--c-conv-chip-inset-inline);
  background-color: var(--c-conv-chip-surface); border: var(--c-conv-chip-border-width) solid var(--c-conv-chip-border); border-radius: var(--c-conv-chip-radius);
  font-family: var(--c-conv-chip-font-family), system-ui, sans-serif; font-size: var(--c-conv-chip-font-size); line-height: var(--c-conv-chip-line-height);
  font-weight: var(--c-conv-chip-weight); letter-spacing: var(--c-conv-chip-tracking); color: var(--c-conv-chip-ink); cursor: pointer; white-space: nowrap;
}
.xds-conv-chip:hover { --xds-wash: var(--c-page-state-hover); }
.xds-conv-chip:active { --xds-wash: var(--c-page-state-pressed); }
.xds-conv-chip[aria-pressed="true"],.xds-conv-chip[aria-selected="true"] { background-color: var(--c-conv-chip-surface-selected); border-color: var(--c-conv-chip-border-selected); }
.xds-conv-chip:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }

.xds-conv-steps { display: flex; flex-direction: column; gap: var(--c-conv-step-gap); margin: 0; padding: 0; list-style: none; }
.xds-conv-step {
  display: flex; align-items: center; gap: var(--c-conv-step-gap);
  padding: var(--c-conv-step-inset-block) var(--c-conv-step-inset-inline);
  background-color: var(--c-conv-step-surface); border: var(--c-conv-step-border-width) solid var(--c-conv-step-border); border-radius: var(--c-conv-step-radius);
  font-family: var(--c-conv-step-font-family), ui-monospace, monospace; font-size: var(--c-conv-step-font-size); line-height: var(--c-conv-step-line-height); color: var(--c-conv-step-ink);
}

.xds-conv-step::before { content: ""; flex: none; width: var(--c-conv-step-marker-size); height: var(--c-conv-step-marker-size);
  background: radial-gradient(circle at center, transparent 0 calc(var(--c-conv-step-ring-size)/2 - var(--c-conv-step-ring-width)),
  var(--c-conv-step-running) calc(var(--c-conv-step-ring-size)/2 - var(--c-conv-step-ring-width)) calc(var(--c-conv-step-ring-size)/2),
  transparent calc(var(--c-conv-step-ring-size)/2)); }
.xds-conv-step[data-state="running"]::before { animation: xds-conv-pulse calc(var(--c-conv-motion-step) * 6) var(--c-page-motion-ease) infinite; }
.xds-conv-step[data-state="done"]::before { background: var(--c-conv-step-done);
  -webkit-mask: var(--_icon-mask-check) center / contain no-repeat; mask: var(--_icon-mask-check) center / contain no-repeat; }
.xds-conv-step[data-state="error"]::before { background: var(--c-conv-step-error);
  -webkit-mask: var(--_icon-mask-error) center / contain no-repeat; mask: var(--_icon-mask-error) center / contain no-repeat; }
@keyframes xds-conv-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }

.xds-conv-sources { display: flex; flex-wrap: wrap; gap: var(--c-conv-source-gap); }
.xds-conv-source {
  display: inline-flex; align-items: center; gap: var(--c-conv-source-gap);
  padding: var(--c-conv-source-inset-block) var(--c-conv-source-inset-inline);
  background-color: var(--c-conv-source-surface); border: var(--c-conv-source-border-width) solid var(--c-conv-source-border); border-radius: var(--c-conv-source-radius);
  font-family: var(--c-conv-source-font-family), system-ui, sans-serif; font-size: var(--c-conv-source-font-size); line-height: var(--c-conv-source-line-height); letter-spacing: var(--c-conv-source-tracking);
  color: var(--c-conv-source-ink); text-decoration: none;
}
.xds-conv-source:hover { --xds-wash: var(--c-page-state-hover); }
.xds-conv-source__marker {
  flex: none; width: var(--c-conv-source-marker-size); height: var(--c-conv-source-marker-size); border-radius: 50%;
  display: grid; place-content: center; background-color: var(--c-conv-source-marker); color: var(--c-conv-source-marker-ink);
  font-size: var(--c-conv-source-marker-font-size); letter-spacing: var(--c-conv-source-marker-tracking); font-weight: var(--c-conv-source-marker-weight);
}

.xds-conv-actions { display: flex; gap: var(--c-conv-action-gap); }
.xds-conv-action {
  width: var(--c-conv-action-size); height: var(--c-conv-action-size); border-radius: var(--c-conv-action-radius); border: 0; background-color: transparent;
  display: grid; place-content: center; color: var(--c-conv-action-ink); cursor: pointer;
}
.xds-conv-action svg { width: var(--c-conv-action-icon-size); height: var(--c-conv-action-icon-size); fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.xds-conv-action:hover { color: var(--c-conv-action-ink-hover); --xds-wash: var(--c-page-state-hover); }
.xds-conv-action:active { --xds-wash: var(--c-page-state-pressed); }
.xds-conv-action[aria-pressed="true"] { color: var(--c-conv-action-ink-pressed); }
.xds-conv-action:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }

.xds-conv-typing { display: inline-flex; gap: var(--c-conv-typing-gap); align-items: center; padding: var(--c-conv-message-inset-block) var(--c-conv-message-inset-inline); }
.xds-conv-typing i { width: var(--c-conv-typing-dot-size); height: var(--c-conv-typing-dot-size); border-radius: 50%; background-color: var(--c-conv-typing-dot-ink); animation: xds-conv-pulse calc(var(--c-conv-motion-typing) * 5) var(--c-page-motion-ease) infinite; }
.xds-conv-typing i:nth-child(2) { animation-delay: calc(var(--c-conv-motion-typing) * 1); }
.xds-conv-typing i:nth-child(3) { animation-delay: calc(var(--c-conv-motion-typing) * 2); }

.xds-conv-notice {
  display: flex; align-items: center; gap: var(--c-conv-notice-gap); margin: 0; text-align: center;
  font-family: var(--c-conv-notice-font-family), system-ui, sans-serif; font-size: var(--c-conv-notice-font-size); line-height: var(--c-conv-notice-line-height); letter-spacing: var(--c-conv-notice-tracking); color: var(--c-conv-notice-ink);
}
.xds-conv-notice::before,.xds-conv-notice::after { content: ""; flex: 1; border-top: var(--c-conv-notice-divider-width) solid var(--c-conv-notice-divider); }

@media (prefers-reduced-motion: reduce) {.xds-conv-step::before,.xds-conv-typing i { animation: none; } }

.xds-objective {
  display: block; container-type: inline-size; container-name: xds-objective;
  border-top: var(--c-objective-divider-width) solid var(--c-objective-divider);
}
.xds-objective__head {

  display: flex; align-items: flex-start; gap: var(--c-objective-title-hang);
  padding: var(--c-objective-bar-inset-block-start) 0 var(--c-objective-bar-inset-block-end);
}
.xds-objective__index {
  flex: 0 0 var(--c-objective-index-width);
  flex: none; width: var(--c-objective-index-width);
  font-family: var(--c-objective-index-font-family), ui-monospace, monospace;
  font-size: var(--c-objective-index-font-size); line-height: var(--c-objective-index-line-height);
  color: var(--c-objective-index-ink);
}
.xds-objective__title {
  flex: 1; min-width: 0; margin: 0; max-width: var(--c-objective-title-measure);
  font-family: var(--c-objective-title-font-family), system-ui, sans-serif;
  font-size: var(--c-objective-title-font-size); line-height: var(--c-objective-title-line-height); letter-spacing: var(--c-objective-title-tracking);
  font-weight: var(--c-objective-title-weight); color: var(--c-objective-title-ink);
  padding-top: calc((var(--c-objective-index-line-height) - var(--c-objective-title-line-height)) / 2);
}
.xds-objective__body {
  display: flex; align-items: flex-start; gap: var(--c-objective-body-gap);
  padding: 0 0 var(--c-objective-body-inset-block-end) var(--c-objective-index-width);
}
.xds-objective__prose {

  flex: 1 1 var(--c-objective-prose-measure); min-width: 0; max-width: var(--c-objective-prose-measure);
  display: flex; flex-direction: column; gap: var(--c-objective-prose-stack);
  font-family: var(--c-objective-prose-font-family), Georgia, serif;
  font-size: var(--c-objective-prose-font-size); line-height: var(--c-objective-prose-line-height); letter-spacing: var(--c-objective-prose-tracking);
  color: var(--c-objective-prose-ink);
}
.xds-objective__prose p { margin: 0; }

.xds-objective__strategies {

  margin-top: calc(-1 * var(--c-objective-bar-inset-block-end));
  flex: 0 1 var(--c-objective-strategies-width); min-width: 0;
  display: flex; flex-direction: column; gap: var(--c-objective-strategies-gap);
  padding-left: var(--c-objective-strategies-inset);
  border-left: var(--c-objective-divider-width) solid var(--c-objective-strategies-divider);
}
.xds-objective__label {
  margin: 0;
  font-family: var(--c-objective-label-font-family), system-ui, sans-serif;
  font-size: var(--c-objective-label-font-size); line-height: var(--c-objective-label-line-height);
  font-weight: var(--c-objective-label-weight); letter-spacing: var(--c-objective-label-tracking);
  color: var(--c-objective-label-ink);
}
.xds-objective__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--c-objective-strategies-gap); }

.xds-objective__item {
  display: block; position: relative;
  padding-inline-start: calc(var(--c-objective-bullet-size) + var(--c-objective-bullet-gap));
  font-family: var(--c-objective-text-font-family), Georgia, serif;
  font-size: var(--c-objective-text-font-size); line-height: var(--c-objective-text-line-height); letter-spacing: var(--c-objective-text-tracking);
  color: var(--c-objective-text-ink);
}

.xds-objective__media { display: flex; flex-direction: column; gap: var(--c-objective-media-gap); margin: 0; }
.xds-objective__media img,.xds-objective__media svg {
  display: block; width: 100%; height: auto; max-width: 100%;
  background-color: var(--c-objective-media-surface);
}
.xds-objective__media figcaption {
  font-family: var(--c-objective-text-font-family), Georgia, serif;
  font-size: var(--c-objective-text-font-size); line-height: var(--c-objective-text-line-height);
  letter-spacing: var(--c-objective-text-tracking); color: var(--c-objective-prose-ink);
}
.xds-objective__item::before {
  content: ""; position: absolute; inset-inline-start: 0;
  width: var(--c-objective-bullet-size); height: var(--c-objective-bullet-size);
  border-radius: 50%;
  top: calc((var(--c-objective-text-line-height) - var(--c-objective-bullet-size)) / 2);
  background-color: var(--c-objective-bullet-ink);
}
@media (max-width: 900px) {

.xds-objective__body { flex-direction: column; padding-left: 0; align-items: stretch; }
.xds-objective__strategies { flex-basis: auto; width: 100%; margin-top: 0; }
.xds-objective__prose { flex-basis: auto; }
}

.xds-reference-list { display: block; }

.xds-reference-list__head {
  display: flex; align-items: center; gap: var(--c-reference-list-row-gap-inner);
  margin-block-start: 0; margin-bottom: var(--c-reference-list-head-gap);
  font-family: var(--c-reference-list-label-font-family), system-ui, sans-serif;
  font-size: var(--c-reference-list-label-font-size); line-height: var(--c-reference-list-label-line-height);
  letter-spacing: var(--c-reference-list-label-tracking);
}
.xds-reference-list__head:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-reference-list__label { flex: 1; font-weight: var(--c-reference-list-label-weight); color: var(--c-reference-list-label-ink); text-transform: uppercase; }
.xds-reference-list__count { font-weight: var(--c-reference-list-count-weight); color: var(--c-reference-list-count-ink); }
.xds-reference-list__columns { display: grid; grid-template-columns: 1fr 1fr; gap: var(--c-reference-list-column-gap); align-items: start; }
.xds-reference-list__column { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
@media (max-width: 900px) {.xds-reference-list__columns { grid-template-columns: 1fr; } }

.xds-reference-list__item { display: block; border-bottom: var(--c-reference-list-divider-width) solid var(--c-reference-list-divider); }
.xds-reference-list__row {
  min-height: var(--c-page-target-min);
  display: flex; align-items: flex-start; gap: var(--c-reference-list-row-gap-inner);
  margin-inline-start: calc(-1 * var(--c-reference-list-note-bleed));
  padding: var(--c-reference-list-row-inset-block) var(--c-reference-list-index-width) var(--c-reference-list-row-inset-block) var(--c-reference-list-note-bleed);
  list-style: none; cursor: pointer; position: relative;
}

.xds-reference-list__row::after {
  content: ""; position: absolute; right: var(--c-reference-list-glyph-inset);
  top: calc(var(--c-reference-list-row-inset-block) + (var(--c-reference-list-citation-line-height) - var(--c-reference-list-glyph-height)) / 2);
  width: var(--c-reference-list-glyph-width); height: var(--c-reference-list-glyph-height);
  background-color: var(--c-reference-list-glyph-ink); clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform-origin: 50% 50%;
}
.xds-reference-list__item[open] >.xds-reference-list__row::after { transform: rotate(180deg); }
.xds-reference-list__row::-webkit-details-marker { display: none; }
.xds-reference-list__row:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-reference-list__row:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }

.xds-reference-list__item[open] >.xds-reference-list__row { background-color: var(--c-reference-list-note-surface); }
.xds-reference-list__item[open] >.xds-reference-list__row .xds-reference-list__citation { color: var(--c-reference-list-citation-ink-open); }
.xds-reference-list__item[open] >.xds-reference-list__row .xds-reference-list__index { color: var(--c-reference-list-index-ink-open); }
.xds-reference-list__index { color: var(--c-reference-list-index-ink-open); }
.xds-reference-list__index {
  flex: none; width: var(--c-reference-list-index-width);
  font-family: var(--c-reference-list-index-font-family), ui-monospace, monospace;
  font-size: var(--c-reference-list-index-font-size); line-height: var(--c-reference-list-index-line-height);
  color: var(--c-reference-list-index-ink);

  margin-top: calc((var(--c-reference-list-citation-line-height) - var(--c-reference-list-index-line-height)) / 2);
}
.xds-reference-list__citation {
  flex: 1; min-width: 0;
  font-family: var(--c-reference-list-citation-font-family), Georgia, serif;
  font-size: var(--c-reference-list-citation-font-size); line-height: var(--c-reference-list-citation-line-height); letter-spacing: var(--c-reference-list-citation-tracking);
  color: var(--c-reference-list-citation-ink);
}
.xds-reference-list__note {
  display: flex; flex-direction: column; gap: var(--c-reference-list-note-gap);
  padding: var(--c-reference-list-note-inset-block) var(--c-reference-list-note-inset-inline);
  background-color: var(--c-reference-list-note-surface);
  margin-inline-start: calc(-1 * var(--c-reference-list-note-bleed)); padding-inline-start: calc(var(--c-reference-list-note-inset-inline) + var(--c-reference-list-note-bleed));
}
.xds-reference-list__item[open] >.xds-reference-list__note { animation: xds-rise var(--c-page-motion-state) var(--c-page-motion-ease-enter) both; }
.xds-reference-list__summary {
  margin: 0;
  font-family: var(--c-reference-list-summary-font-family), Georgia, serif;
  font-size: var(--c-reference-list-summary-font-size); line-height: var(--c-reference-list-summary-line-height); letter-spacing: var(--c-reference-list-summary-tracking);
  color: var(--c-reference-list-summary-ink);
}
.xds-reference-list__quote {
  margin: 0; padding: 0 var(--c-reference-list-quote-inset);
  border-left: var(--c-reference-list-quote-mark-width) solid var(--c-reference-list-quote-mark);
  font-family: var(--c-reference-list-summary-font-family), Georgia, serif; font-style: italic;
  font-size: var(--c-reference-list-summary-font-size); line-height: var(--c-reference-list-summary-line-height); letter-spacing: var(--c-reference-list-summary-tracking);
  color: var(--c-reference-list-quote-ink);
}

.xds-reference-list__source {
  align-self: flex-end;
  display: flex; align-items: center;
  min-height: var(--c-page-target-min-wide); min-width: var(--c-page-target-min-wide);
  font-family: var(--c-reference-list-link-font-family), ui-monospace, monospace;
  font-size: var(--c-reference-list-link-font-size); line-height: var(--c-reference-list-link-line-height);
  color: var(--c-reference-list-link-ink); text-decoration: none;
}
.xds-reference-list__source:hover { text-decoration: underline; --xds-wash: var(--c-page-state-tint-hover); }
.xds-reference-list__source:active { --xds-wash: var(--c-page-state-pressed); }
.xds-reference-list__source::after { content: " \2197"; }
@media (prefers-reduced-motion: reduce) {.xds-reference-list__item[open] >.xds-reference-list__note { animation: none; } }

@media (max-width: 600px) {
.xds-reference-list__head { margin-bottom: var(--c-page-compact-stack); }
}
@container xds-hero (max-width: 600px) {.xds-hero__inner { padding: var(--c-page-compact-stack) var(--c-page-compact-gutter); }
.xds-hero__content { padding: var(--c-page-compact-stack) var(--c-page-compact-gutter); max-width: none; }
.xds-hero[data-media="1-1"] .xds-hero__content { padding: 0; }
}
@container xds-section-opener (max-width: 600px) {.xds-section-opener__media { height: auto; aspect-ratio: 520 / 340; }
.xds-section-opener__media:has(>.xds-card) { aspect-ratio: auto; }
}

@media (max-width: 600px) {.xds-chip,.xds-button[data-size="sm"],.xds-conv-chip,.xds-conv-action,.xds-conv-composer__send,.xds-switch__control,.xds-checkbox__control,.xds-radio__control { min-height: var(--c-page-target-min); }
.xds-chip__dismiss { min-width: var(--c-page-target-min); min-height: var(--c-page-target-min); }
}

.xds-link:active { --xds-wash: var(--c-page-state-pressed); }
.xds-tabs__tab:active:not([aria-disabled="true"]) { --xds-wash: var(--c-page-state-pressed); }
.xds-select__trigger:active:not(:disabled) { --xds-wash: var(--c-page-state-pressed); }
.xds-card[data-interactive]:active, a.xds-tile:active,.xds-tile[data-interactive]:active { --xds-wash: var(--c-page-state-pressed); }
.xds-header__nav-item:active,.xds-header__utility-link:active,.xds-header__mega-link:active, a.xds-header__mega-heading:active,.xds-header__lockup:active { --xds-wash: var(--c-page-state-pressed); }
.xds-footer__link:active,.xds-footer__social:active { --xds-wash: var(--c-page-state-pressed); }
.xds-accordion__summary:active { --xds-wash: var(--c-page-state-pressed); }
.xds-reference-list__row:active { --xds-wash: var(--c-page-state-pressed); }
a.xds-steps__marker:hover { --xds-wash: var(--c-page-state-hover); } a.xds-steps__marker:active { --xds-wash: var(--c-page-state-pressed); }
.xds-conv-source:active { --xds-wash: var(--c-page-state-pressed); }

[data-xds-settled] { --xds-wash: transparent !important; }

[class^="xds-"][hidden], [class*=" xds-"][hidden] { display: none !important; }

[data-surface="dark"] [data-light-only] { display: none !important; }

.xds-skip-link {
  border: var(--c-page-border-width) solid var(--c-skip-link-border);
  display: inline-flex; align-items: center; gap: var(--c-button-gap);
  position: absolute; left: var(--c-skip-link-offset); top: var(--c-skip-link-offset); z-index: var(--c-skip-link-elevation);
  padding: var(--c-skip-link-inset-block) var(--c-skip-link-inset-inline);
  background-color: var(--c-skip-link-surface); color: var(--c-skip-link-ink); text-decoration: none;
  font-family: var(--c-skip-link-font-family), system-ui, sans-serif; font-size: var(--c-skip-link-font-size); line-height: var(--c-skip-link-line-height);
  font-weight: var(--c-skip-link-weight); letter-spacing: var(--c-skip-link-tracking); border-radius: var(--c-page-radius);
  transform: translateY(calc(-100% - var(--c-skip-link-offset) * 2)); opacity: 0;
}

.xds-skip-link::after { content: ""; width: var(--c-skip-link-icon-size); height: var(--c-skip-link-icon-size);
  background-color: currentColor;
  -webkit-mask: var(--_icon-mask-chevron-down) center / contain no-repeat; mask: var(--_icon-mask-chevron-down) center / contain no-repeat; }
.xds-skip-link:focus-visible { transform: none; opacity: 1; outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }

.xds-gov-banner {
  background-color: var(--c-gov-banner-surface); border-bottom: var(--c-page-border-width) solid var(--c-gov-banner-divider);
  font-family: var(--c-gov-banner-font-family), system-ui, sans-serif; font-size: var(--c-gov-banner-font-size);
  line-height: var(--c-gov-banner-line-height); letter-spacing: var(--c-gov-banner-tracking); color: var(--c-gov-banner-ink);
}

.xds-gov-banner__line { min-height: var(--c-page-target-min); display: flex; flex-direction: column;
  justify-content: center; list-style: none; cursor: pointer; padding-block: var(--c-gov-banner-inset-block);
  padding-inline: var(--c-gov-banner-inset-inline); }
.xds-gov-banner__line::-webkit-details-marker { display: none; }
.xds-gov-banner__line:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-gov-banner__line:active { --xds-wash: var(--c-page-state-pressed); }
.xds-gov-banner__line:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }

.xds-gov-banner__inner,.xds-gov-banner__grid {
  max-width: var(--c-gov-banner-content-max-width); margin-inline: auto;
}

.xds-gov-banner__inner { display: flex; align-items: center; flex-wrap: wrap; gap: var(--c-gov-banner-gap); min-height: var(--c-page-target-min-wide);
  width: 100%; box-sizing: border-box; }

.xds-gov-banner__flag { width: var(--c-gov-banner-icon-size); height: auto; flex: none; display: block; }
.xds-gov-banner__how { color: var(--c-gov-banner-link-ink); text-decoration: underline; display: inline-flex; align-items: center; gap: var(--c-page-gap-2xs); }
.xds-gov-banner__how::after { content: ""; width: var(--c-gov-banner-icon-size); height: var(--c-gov-banner-icon-size); background-color: currentColor;
  -webkit-mask: var(--_icon-mask-chevron-down) center / contain no-repeat; mask: var(--_icon-mask-chevron-down) center / contain no-repeat; transition: transform var(--c-page-motion-state) var(--c-page-motion-ease); }
.xds-gov-banner__disclosure[open] .xds-gov-banner__how::after { transform: rotate(180deg); }

.xds-gov-banner__panel { padding-block: var(--c-gov-banner-panel-inset-block); padding-inline: var(--c-gov-banner-inset-inline);
  background-color: var(--c-gov-banner-panel-surface);
  border-top: var(--c-page-border-width) solid var(--c-gov-banner-panel-divider); }

@media (max-width: 900px) {
  .xds-gov-banner__line,.xds-gov-banner__panel { padding-inline: var(--c-gov-banner-compact-inset-inline); }
}
.xds-gov-banner__disclosure[open] >.xds-gov-banner__panel { animation: xds-rise var(--c-page-motion-state) var(--c-page-motion-ease-enter) both; }
.xds-gov-banner__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--c-gov-banner-panel-column-min), 1fr)); gap: var(--c-gov-banner-panel-gap); }
.xds-gov-banner__item {
  font-family: var(--c-gov-banner-panel-font-family), Georgia, serif; font-size: var(--c-gov-banner-panel-font-size);
  line-height: var(--c-gov-banner-panel-line-height); letter-spacing: var(--c-gov-banner-panel-tracking); color: var(--c-gov-banner-panel-ink); letter-spacing: 0; }
.xds-gov-banner__item p { margin: 0; }
.xds-gov-banner__title { display: block; margin-bottom: var(--c-gov-banner-panel-title-gap);
  font-family: var(--c-gov-banner-font-family), system-ui, sans-serif;
  font-weight: var(--c-gov-banner-panel-title-weight); color: var(--c-gov-banner-panel-title-ink); }
.xds-gov-banner__item strong { font-weight: var(--c-gov-banner-panel-title-weight); }

.xds-gov-banner__lock { width: 1em; height: 1em; vertical-align: -0.125em; fill: currentColor; }

.xds-breadcrumb { font-family: var(--c-breadcrumb-font-family), system-ui, sans-serif; font-size: var(--c-breadcrumb-font-size); line-height: var(--c-breadcrumb-line-height); font-weight: var(--c-breadcrumb-weight); letter-spacing: var(--c-breadcrumb-tracking); }

.xds-breadcrumb__list { max-width: none; margin-inline: 0; padding-inline: 0; }

.xds-ground .xds-layout[data-kind="container"]:where(:has(> .xds-breadcrumb:only-child)) {
  padding-block: var(--c-breadcrumb-inset-block); }
.xds-breadcrumb__list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--c-breadcrumb-gap); margin: 0; padding: 0; list-style: none; }

.xds-breadcrumb__list li { display: inline-flex; align-items: center; gap: var(--c-breadcrumb-gap); }
.xds-breadcrumb__link, .xds-breadcrumb__current { position: relative; }
.xds-breadcrumb__link::after {
  content: ""; position: absolute; inset-inline: 0;
  inset-block: calc((var(--c-breadcrumb-line-height) - var(--c-breadcrumb-min-height)) / 2); }
.xds-breadcrumb__list li + li::before { content: ""; width: var(--c-breadcrumb-chevron-size); height: var(--c-breadcrumb-chevron-size); background: var(--c-breadcrumb-chevron-ink); -webkit-mask: var(--_icon-mask-chevron-right) center / contain no-repeat; mask: var(--_icon-mask-chevron-right) center / contain no-repeat; }
.xds-breadcrumb__link { color: var(--c-breadcrumb-link-ink); text-decoration: none; }
.xds-breadcrumb__link:hover { text-decoration: underline; --xds-wash: var(--c-page-state-tint-hover); }
.xds-breadcrumb__link:active { --xds-wash: var(--c-page-state-pressed); }
.xds-breadcrumb__link:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-breadcrumb__current { color: var(--c-breadcrumb-ink-current); }

.xds-in-page-nav { max-width: var(--c-in-page-nav-max-width); font-family: var(--c-in-page-nav-font-family), system-ui, sans-serif; font-size: var(--c-in-page-nav-font-size); line-height: var(--c-in-page-nav-line-height); letter-spacing: var(--c-in-page-nav-tracking); }

.xds-in-page-nav { position: sticky; top: calc(var(--_xds-header-height, 0px) + var(--c-in-page-nav-sticky-gap)); }
.xds-ground[data-container] > *:has(> .xds-in-page-nav),
.xds-paper[data-container] > *:has(> .xds-in-page-nav){ align-self: stretch; }
.xds-in-page-nav__label { margin: 0 0 var(--c-in-page-nav-label-gap); font-size: var(--c-in-page-nav-label-font-size); line-height: var(--c-in-page-nav-label-line-height); letter-spacing: var(--c-in-page-nav-label-tracking); font-weight: var(--c-in-page-nav-label-weight); color: var(--c-in-page-nav-label-ink); text-transform: uppercase; }
.xds-in-page-nav__list { margin: 0; padding: 0; list-style: none; border-left: var(--c-in-page-nav-rail-width) solid var(--c-in-page-nav-rail); }
.xds-in-page-nav__list .xds-in-page-nav__list { border: 0; padding-left: var(--c-in-page-nav-sub-inset); }

.xds-in-page-nav__list .xds-in-page-nav__list .xds-in-page-nav__link { padding-block: var(--c-in-page-nav-item-inset-block-sub); }
.xds-in-page-nav__link {
  display: block; padding: var(--c-in-page-nav-item-inset-block) var(--c-in-page-nav-item-inset-inline); margin-left: calc(-1 * var(--c-in-page-nav-rail-width));
  color: var(--c-in-page-nav-link-ink); text-decoration: none; min-height: var(--c-page-target-min-wide);

  box-shadow: inset var(--c-in-page-nav-rail-width) 0 0 0 transparent,
              inset calc(var(--c-in-page-nav-rail-width) + var(--c-in-page-nav-edge-width-hover)) 0 0 0 transparent,
              calc(-1 * (var(--c-in-page-nav-indicator-width) - var(--c-in-page-nav-rail-width))) 0 0 0 transparent;
}

.xds-in-page-nav__link:hover {
  color: var(--c-in-page-nav-link-ink-current);
  background-color: var(--c-in-page-nav-item-surface-hover);
  box-shadow: inset var(--c-in-page-nav-rail-width) 0 0 0 var(--c-in-page-nav-rail),
              inset calc(var(--c-in-page-nav-rail-width) + var(--c-in-page-nav-edge-width-hover)) 0 0 0 var(--c-in-page-nav-edge-hover),
              calc(-1 * (var(--c-in-page-nav-indicator-width) - var(--c-in-page-nav-rail-width))) 0 0 0 transparent; }
.xds-in-page-nav__link:active { --xds-wash: var(--c-page-state-pressed); }
.xds-in-page-nav__link:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }

.xds-in-page-nav__link[aria-current="true"],.xds-in-page-nav__link[aria-current="location"] {
  color: var(--c-in-page-nav-link-ink-current); font-weight: var(--c-in-page-nav-link-weight-current);
  background-color: var(--c-in-page-nav-item-surface-current);
  box-shadow: inset var(--c-in-page-nav-rail-width) 0 0 0 var(--c-in-page-nav-indicator),
              inset calc(var(--c-in-page-nav-rail-width) + var(--c-in-page-nav-edge-width-hover)) 0 0 0 transparent,
              calc(-1 * (var(--c-in-page-nav-indicator-width) - var(--c-in-page-nav-rail-width))) 0 0 0 var(--c-in-page-nav-indicator); }

.xds-in-page-nav__link[aria-current="true"]:hover,.xds-in-page-nav__link[aria-current="location"]:hover {
  background-color: var(--c-in-page-nav-item-surface-current);
  box-shadow: inset var(--c-in-page-nav-rail-width) 0 0 0 var(--c-in-page-nav-indicator),
              inset calc(var(--c-in-page-nav-rail-width) + var(--c-in-page-nav-edge-width-hover)) 0 0 0 var(--c-in-page-nav-edge-hover),
              calc(-1 * (var(--c-in-page-nav-indicator-width) - var(--c-in-page-nav-rail-width))) 0 0 0 var(--c-in-page-nav-indicator); }

.xds-in-page-nav__fold-wrap { position: relative; }
.xds-in-page-nav__fold { display: none; }
.xds-in-page-nav__fold-label { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.xds-in-page-nav[data-fold="on"] .xds-in-page-nav__fold { display: flex; width: 100%; min-height: var(--c-page-target-min); }
.xds-in-page-nav[data-fold="on"] { max-width: none; }
.xds-in-page-nav[data-fold="on"] .xds-in-page-nav__label { display: none; }
.xds-in-page-nav[data-fold="on"] .xds-in-page-nav__list {
  position: absolute; inset-inline: 0; top: calc(100% + var(--c-in-page-nav-fold-list-offset));
  display: block; margin: 0; padding: 0; border: var(--c-page-border-width) solid var(--c-in-page-nav-fold-border);
  border-radius: var(--c-page-radius);
  background-color: var(--c-in-page-nav-fold-surface); background-image: none;
  max-height: var(--c-in-page-nav-fold-list-max-height); overflow-x: clip; overflow-y: auto;
  z-index: var(--c-in-page-nav-fold-elevation);
}
.xds-in-page-nav[data-fold="on"] .xds-in-page-nav__list[hidden] { display: none; }
.xds-in-page-nav[data-fold="on"] .xds-in-page-nav__list .xds-in-page-nav__list { padding-inline-start: var(--c-in-page-nav-sub-inset); border: 0; }
.xds-in-page-nav[data-fold="on"] .xds-in-page-nav__link {
  display: flex; align-items: center; min-height: var(--c-page-target-min);
  margin: 0; padding-inline: var(--c-in-page-nav-fold-item-inset-inline); box-shadow: none;
}

.xds-in-page-nav[data-fold="on"] .xds-in-page-nav__link:hover {
  background-color: transparent; --xds-wash: var(--c-page-state-tint-hover); box-shadow: none; }

.xds-in-page-nav[data-fold="on"] .xds-in-page-nav__link[aria-current="true"],
.xds-in-page-nav[data-fold="on"] .xds-in-page-nav__link[aria-current="location"] {
  box-shadow: inset var(--c-menu-item-edge-width-selected) 0 0 0 var(--c-menu-item-edge-selected);
}

.xds-in-page-nav[data-side="end"] { text-align: end; }
.xds-in-page-nav[data-side="end"] .xds-in-page-nav__list { border-left: 0; border-right: var(--c-in-page-nav-rail-width) solid var(--c-in-page-nav-rail); }

.xds-in-page-nav[data-side="end"] .xds-in-page-nav__list .xds-in-page-nav__list { padding-left: 0; padding-right: var(--c-in-page-nav-sub-inset); border-right: 0; }
.xds-in-page-nav[data-side="end"] .xds-in-page-nav__link { margin-left: 0; margin-right: calc(-1 * var(--c-in-page-nav-rail-width));
  box-shadow: inset calc(-1 * var(--c-in-page-nav-rail-width)) 0 0 0 transparent,
              inset calc(-1 * (var(--c-in-page-nav-rail-width) + var(--c-in-page-nav-edge-width-hover))) 0 0 0 transparent,
              calc(var(--c-in-page-nav-indicator-width) - var(--c-in-page-nav-rail-width)) 0 0 0 transparent; }
.xds-in-page-nav[data-side="end"] .xds-in-page-nav__link:hover {
  box-shadow: inset calc(-1 * var(--c-in-page-nav-rail-width)) 0 0 0 var(--c-in-page-nav-rail),
              inset calc(-1 * (var(--c-in-page-nav-rail-width) + var(--c-in-page-nav-edge-width-hover))) 0 0 0 var(--c-in-page-nav-edge-hover),
              calc(var(--c-in-page-nav-indicator-width) - var(--c-in-page-nav-rail-width)) 0 0 0 transparent; }
.xds-in-page-nav[data-side="end"] .xds-in-page-nav__link[aria-current="true"],.xds-in-page-nav[data-side="end"] .xds-in-page-nav__link[aria-current="location"] {
  box-shadow: inset calc(-1 * var(--c-in-page-nav-rail-width)) 0 0 0 var(--c-in-page-nav-indicator),
              inset calc(-1 * (var(--c-in-page-nav-rail-width) + var(--c-in-page-nav-edge-width-hover))) 0 0 0 transparent,
              calc(var(--c-in-page-nav-indicator-width) - var(--c-in-page-nav-rail-width)) 0 0 0 var(--c-in-page-nav-indicator); }
.xds-in-page-nav[data-side="end"] .xds-in-page-nav__link[aria-current="true"]:hover,.xds-in-page-nav[data-side="end"] .xds-in-page-nav__link[aria-current="location"]:hover {
  box-shadow: inset calc(-1 * var(--c-in-page-nav-rail-width)) 0 0 0 var(--c-in-page-nav-indicator),
              inset calc(-1 * (var(--c-in-page-nav-rail-width) + var(--c-in-page-nav-edge-width-hover))) 0 0 0 var(--c-in-page-nav-edge-hover),
              calc(var(--c-in-page-nav-indicator-width) - var(--c-in-page-nav-rail-width)) 0 0 0 var(--c-in-page-nav-indicator); }

.xds-pagination__list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--c-pagination-gap); margin: 0; padding: 0; list-style: none; font-family: var(--c-pagination-font-family), system-ui, sans-serif; font-size: var(--c-pagination-font-size); line-height: var(--c-pagination-line-height); font-weight: var(--c-pagination-weight); letter-spacing: var(--c-pagination-tracking); }
.xds-pagination__item,.xds-pagination__ellipsis {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--c-page-gap-2xs); min-width: var(--c-pagination-item-size); min-height: var(--c-pagination-item-size);
  padding: 0 var(--c-pagination-item-inset-inline); color: var(--c-pagination-ink); text-decoration: none; background-color: transparent; border: 0; cursor: pointer; border-radius: var(--c-page-radius);
  box-shadow: inset 0 calc(-1 * var(--c-pagination-indicator-width)) 0 0 transparent;
}
.xds-pagination__item:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-pagination__item:active { --xds-wash: var(--c-page-state-pressed); }
.xds-pagination__item:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-pagination__item[aria-current="page"] { color: var(--c-pagination-ink-current); box-shadow: inset 0 calc(-1 * var(--c-pagination-indicator-width)) 0 0 var(--c-pagination-indicator); cursor: default; }
.xds-pagination__item[aria-disabled="true"],.xds-pagination__item:disabled { color: var(--c-pagination-ink-disabled); cursor: not-allowed; --xds-wash: transparent; pointer-events: none; }
.xds-pagination__ellipsis { color: var(--c-pagination-ellipsis-ink); cursor: default; }
.xds-pagination__item svg { width: var(--c-pagination-icon-size); height: var(--c-pagination-icon-size); fill: none; stroke: currentColor; stroke-width: 2; }
@media (max-width: 600px) {.xds-pagination__item,.xds-pagination__ellipsis { min-width: var(--c-page-target-min); min-height: var(--c-page-target-min); } }

.xds-search { display: flex; width: var(--c-search-width); max-width: 100%; position: relative; }
.xds-search[data-width="full"] { width: 100%; }
.xds-search .xds-input { flex: 1; min-width: 0; }
.xds-search .xds-input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.xds-search .xds-button { flex: none; margin-left: calc(-1 * var(--c-page-border-width)); }
.xds-search .xds-button .xds-button__icon { width: var(--c-search-icon-size); height: var(--c-search-icon-size); }
.xds-search__clear { position: absolute; right: calc(var(--c-input-height) + var(--c-page-gap-2xs)); top: 50%; transform: translateY(-50%); width: var(--c-search-clear-size); height: var(--c-search-clear-size); display: grid; place-content: center; border: 0; background-color: transparent; color: var(--c-search-clear-ink); cursor: pointer; }
.xds-search__clear:hover { color: var(--c-search-clear-ink-hover); --xds-wash: var(--c-page-state-hover); }
.xds-search__clear:active { --xds-wash: var(--c-page-state-pressed); }
.xds-search__clear:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-search__clear svg { width: var(--c-search-icon-size); height: var(--c-search-icon-size); fill: none; stroke: currentColor; stroke-width: 2; }
.xds-search:not([data-has-value]) .xds-search__clear { display: none; }

.xds-toast-region { position: fixed; right: var(--c-toast-offset); bottom: var(--c-toast-offset); display: flex; flex-direction: column; gap: var(--c-toast-stack-gap); z-index: var(--c-toast-elevation); width: var(--c-toast-width); max-width: calc(100vw - 2 * var(--c-toast-offset)); pointer-events: none; }
.xds-toast {

  pointer-events: auto; display: flex; align-items: center; gap: var(--c-toast-gap); padding: var(--c-toast-inset);
  background-color: var(--c-toast-surface); color: var(--c-toast-ink); border: var(--c-page-border-width) solid var(--c-toast-border); border-radius: var(--c-page-radius);
  box-shadow: calc(-1 * var(--c-toast-edge-width)) 0 0 0 var(--_edge, var(--c-toast-info-edge)), 0 var(--c-page-gap-2xs) var(--c-toast-inset) var(--c-toast-shadow);
  font-family: var(--c-toast-font-family), system-ui, sans-serif; font-size: var(--c-toast-font-size); line-height: var(--c-toast-line-height); letter-spacing: var(--c-toast-tracking);
  animation: xds-rise var(--c-toast-motion-rise) var(--c-page-motion-ease-enter) both;
  --_stay: var(--c-toast-motion-stay);
}
.xds-toast[data-status="error"] { --_edge: var(--c-toast-error-edge); }
.xds-toast[data-status="warning"] { --_edge: var(--c-toast-warning-edge); }
.xds-toast[data-status="success"] { --_edge: var(--c-toast-success-edge); }
.xds-toast[data-status="info"] { --_edge: var(--c-toast-info-edge); }
.xds-toast[data-status="emergency"] { --_edge: var(--c-toast-emergency-edge); }
.xds-toast[data-leaving] { animation: xds-toast-out var(--c-toast-motion-rise) var(--c-page-motion-ease-exit) both; }
@keyframes xds-toast-out { to { opacity: 0; transform: translateY(8px); } }
.xds-toast__body { flex: 1; min-width: 0; color: var(--c-toast-body-ink); }
.xds-toast__title { display: block; color: var(--c-toast-ink); font-weight: var(--c-toast-title-weight); }

.xds-toast__dismiss { color: var(--c-toast-dismiss-ink); position: static; align-self: center; margin: 0 calc(-1 * var(--c-page-gap-2xs)) 0 0; }

.xds-error-summary {
  padding: var(--c-error-summary-inset); display: flex; flex-direction: column; gap: var(--c-error-summary-gap);
  background-color: var(--c-error-summary-surface); border: var(--c-page-border-width) solid var(--c-error-summary-border); border-radius: var(--c-page-radius);
  box-shadow: calc(-1 * var(--c-error-summary-edge-width)) 0 0 0 var(--c-error-summary-edge);
}
.xds-error-summary:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }
.xds-error-summary__title { margin: 0; font-family: var(--c-error-summary-title-font-family), system-ui, sans-serif; font-size: var(--c-error-summary-title-font-size); line-height: var(--c-error-summary-title-line-height); letter-spacing: var(--c-error-summary-title-tracking); font-weight: var(--c-error-summary-title-weight); color: var(--c-error-summary-title-ink); }
.xds-error-summary__body { margin: 0; font-family: var(--c-error-summary-body-font-family), system-ui, sans-serif; font-size: var(--c-error-summary-body-font-size); line-height: var(--c-error-summary-body-line-height); letter-spacing: var(--c-error-summary-body-tracking); color: var(--c-error-summary-body-ink); }
.xds-error-summary__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--c-error-summary-list-gap); font-family: var(--c-error-summary-body-font-family), system-ui, sans-serif; font-size: var(--c-error-summary-body-font-size); line-height: var(--c-error-summary-body-line-height); letter-spacing: var(--c-error-summary-body-tracking); }
.xds-error-summary__link { color: var(--c-error-summary-link-ink); text-decoration: underline; }
.xds-error-summary__link:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-error-summary__link:active { --xds-wash: var(--c-page-state-pressed); }
.xds-error-summary__link:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }

@container xds-hero (max-width: 900px) {.xds-hero__heading,.xds-hero[data-scale="display"] .xds-hero__heading { font-size: var(--c-hero-heading-font-size-compact); line-height: var(--c-hero-heading-line-height-compact); letter-spacing: var(--c-hero-heading-tracking); }
.xds-hero[data-scale="display"] .xds-hero__subhead { font-size: var(--c-hero-subhead-font-size); line-height: var(--c-hero-subhead-line-height); } }
@container xds-hero (max-width: 600px) {.xds-hero__heading,.xds-hero[data-scale="display"] .xds-hero__heading { font-size: var(--c-hero-heading-font-size-narrow); line-height: var(--c-hero-heading-line-height-narrow); } }
.xds-section-heading { container-type: inline-size; container-name: xds-section-heading; }

.xds-section-heading >.xds-eyebrow[data-divider]::after { display: none; }
.xds-section-heading >.xds-eyebrow { margin-bottom: calc(var(--c-section-heading-eyebrow-gap) - var(--c-section-heading-stack));

  color: var(--c-section-heading-eyebrow-ink); }
.xds-section-heading >.xds-section-heading__lede { margin-top: calc(var(--c-section-heading-lede-gap) - var(--c-section-heading-stack)); }
@container xds-section-heading (max-width: 900px) {.xds-section-heading[data-scale="display"] .xds-section-heading__heading { font-size: var(--c-section-heading-statement-font-size-compact); line-height: var(--c-section-heading-statement-line-height-compact); } .xds-section-heading[data-scale="display"] .xds-section-heading__heading[data-rung="1"],.xds-section-heading[data-scale="display"] .xds-section-heading__heading[data-rung="2"] { font-size: var(--c-section-heading-statement-font-size-narrow); line-height: var(--c-section-heading-statement-line-height-narrow); } }
@container xds-section-heading (max-width: 600px) {.xds-section-heading[data-scale="display"] .xds-section-heading__heading { font-size: var(--c-section-heading-statement-font-size-narrow); line-height: var(--c-section-heading-statement-line-height-narrow); } .xds-section-heading[data-scale="display"] .xds-section-heading__heading[data-rung="1"],.xds-section-heading[data-scale="display"] .xds-section-heading__heading[data-rung="2"] { font-size: var(--c-section-heading-statement-font-size-narrow); line-height: var(--c-section-heading-statement-line-height-narrow); } }

.xds-site-alert {
  --_bg: var(--c-site-alert-info-surface); --_bd: var(--c-site-alert-info-border); --_fg: var(--c-site-alert-info-ink);
  --_text: var(--c-site-alert-text-ink); --_link: var(--c-site-alert-link-ink); --_dismiss: var(--c-site-alert-dismiss-ink);
  background-color: var(--_bg); color: var(--_fg);
  border-bottom: var(--c-page-border-width) solid var(--_bd);
  padding: var(--c-site-alert-inset-block) var(--c-site-alert-inset-inline);
  container-type: inline-size; container-name: xds-site-alert;
}
.xds-site-alert[data-status="warning"] { --_bg: var(--c-site-alert-warning-surface); --_bd: var(--c-site-alert-warning-border); --_fg: var(--c-site-alert-warning-ink); }
.xds-site-alert[data-status="emergency"] { --_bg: var(--c-site-alert-emergency-surface); --_bd: var(--c-site-alert-emergency-surface); --_fg: var(--c-site-alert-emergency-ink);
  --_text: var(--c-site-alert-emergency-ink); --_link: var(--c-site-alert-emergency-ink); --_dismiss: var(--c-site-alert-emergency-ink); }

.xds-site-alert__inner { max-width: var(--c-site-alert-content-max-width); margin-inline: auto; display: grid; grid-template-columns: auto 1fr auto; gap: var(--c-site-alert-gap); align-items: center; }
.xds-site-alert__icon { width: var(--c-site-alert-icon-size); height: var(--c-site-alert-icon-size); flex: none; }
.xds-site-alert__body { display: flex; flex-direction: column; gap: var(--c-site-alert-stack); min-width: 0; }
.xds-site-alert__title {
  margin: 0; font-family: var(--c-site-alert-title-font-family), system-ui, sans-serif;
  font-size: var(--c-site-alert-title-font-size); line-height: var(--c-site-alert-title-line-height); letter-spacing: var(--c-site-alert-title-tracking); font-weight: var(--c-site-alert-title-weight);
}
.xds-site-alert__text {
  margin: 0; font-family: var(--c-site-alert-text-font-family), Georgia, serif;
  font-size: var(--c-site-alert-text-font-size); line-height: var(--c-site-alert-text-line-height); letter-spacing: var(--c-site-alert-text-tracking); color: var(--_text);
}

.xds-site-alert__text a,.xds-site-alert__text .xds-link,.xds-site-alert__text .xds-link:visited { color: var(--_link); text-decoration: underline; }

.xds-site-alert__dismiss { color: var(--_dismiss); position: static; align-self: center; margin: 0 calc(-1 * var(--c-page-gap-2xs)) 0 0; }
.xds-site-alert__dismiss:hover { --xds-wash: var(--c-page-state-hover); }
.xds-site-alert__dismiss:active { --xds-wash: var(--c-page-state-pressed); }
.xds-site-alert__dismiss:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }

.xds-site-alert[data-density="compact"] { padding-block: var(--c-site-alert-inset-block-compact); }
.xds-site-alert[data-density="compact"] .xds-site-alert__body { flex-direction: row; flex-wrap: wrap; align-items: baseline; column-gap: var(--c-site-alert-gap); row-gap: 0; }
@container xds-site-alert (max-width: 900px) {.xds-site-alert { padding-inline: var(--c-page-compact-gutter); } }

.xds-dl { margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--c-dl-gap); }
.xds-dl__group { display: flex; flex-direction: column; gap: var(--c-dl-stack); margin: 0; }
.xds-dl dt {
  margin: 0; font-family: var(--c-dl-term-font-family), system-ui, sans-serif;
  font-size: var(--c-dl-term-font-size); line-height: var(--c-dl-term-line-height); letter-spacing: var(--c-dl-term-tracking); font-weight: var(--c-dl-term-weight); color: var(--c-dl-term-ink);
}
.xds-dl dd {
  margin: 0; font-family: var(--c-dl-detail-font-family), Georgia, serif;
  font-size: var(--c-dl-detail-font-size); line-height: var(--c-dl-detail-line-height); letter-spacing: var(--c-dl-detail-tracking); color: var(--c-dl-detail-ink);
}
.xds-dl[data-layout="row"] .xds-dl__group { display: grid; grid-template-columns: var(--c-dl-term-width) minmax(0, 1fr); column-gap: var(--c-dl-column-gap); align-items: baseline; }
.xds-dl[data-dividers] .xds-dl__group +.xds-dl__group { border-top: var(--c-page-border-width) solid var(--c-dl-divider); padding-top: var(--c-dl-gap); }
@media (max-width: 600px) {.xds-dl[data-layout="row"] .xds-dl__group { display: flex; } }

.xds-collection > ul { margin: 0; padding: 0; list-style: none; }
.xds-collection__item { display: flex; align-items: flex-start; gap: var(--c-collection-media-gap); padding-block: var(--c-collection-inset-block); border-bottom: var(--c-page-border-width) solid var(--c-collection-divider); }
.xds-collection__item:first-child { padding-top: 0; }
.xds-collection__item:last-child { border-bottom: 0; padding-bottom: 0; }

.xds-collection__item:has(.xds-collection__title) { cursor: pointer; }
.xds-collection__item:hover:not(:has(.xds-collection__title[data-xds-settled])) { --xds-wash: var(--c-page-state-tint-hover); }
.xds-collection__item .xds-collection__title { text-decoration: none; }
.xds-collection__item:hover .xds-collection__title,.xds-collection__item .xds-collection__title:focus-visible { text-decoration: underline; text-decoration-thickness: var(--c-link-underline-width); text-underline-offset: 0.15em; }
.xds-collection__item .xds-collection__title:hover { --xds-wash: transparent; }
.xds-collection__body { display: flex; flex-direction: column; gap: var(--c-collection-stack); min-width: 0; flex: 1; }
.xds-collection__heading { margin: 0; font: inherit; }
.xds-collection__title {
  font-family: var(--c-collection-title-font-family), system-ui, sans-serif;
  font-size: var(--c-collection-title-font-size); line-height: var(--c-collection-title-line-height); letter-spacing: var(--c-collection-title-tracking); font-weight: var(--c-collection-title-weight);
}
.xds-collection__summary {
  margin: 0; font-family: var(--c-collection-summary-font-family), Georgia, serif;
  font-size: var(--c-collection-summary-font-size); line-height: var(--c-collection-summary-line-height); letter-spacing: var(--c-collection-summary-tracking); color: var(--c-collection-summary-ink);
}
.xds-collection__meta {
  margin: 0; font-family: var(--c-collection-meta-font-family), system-ui, sans-serif;
  font-size: var(--c-collection-meta-font-size); line-height: var(--c-collection-meta-line-height); letter-spacing: var(--c-collection-meta-tracking); color: var(--c-collection-meta-ink);
}
.xds-collection__tags { display: flex; flex-wrap: wrap; gap: var(--c-collection-tags-gap); }

.xds-collection__media { display: none; }
.xds-collection[data-media] .xds-collection__media { display: block; flex: none; width: var(--c-collection-media-width); aspect-ratio: 3 / 2; overflow: hidden; background-color: var(--c-collection-media-surface); }
.xds-collection__media img,.xds-collection__media svg { display: block; width: 100%; height: 100%; object-fit: cover; }

.xds-explorer { display: grid; grid-template-columns: var(--c-explorer-index-width) minmax(0, 1fr);
  align-items: stretch; }
.xds-explorer__index { display: flex; flex-direction: column; gap: var(--c-explorer-index-gap); min-width: 0; }

.xds-explorer__list { display: flex; flex-direction: column;
  padding-inline-start: var(--c-explorer-indicator-width); }

.xds-explorer__row {
  display: flex; flex-direction: column; gap: var(--c-explorer-stack); text-align: start;
  padding: var(--c-explorer-row-inset-block) var(--c-explorer-row-inset-inline);
  position: relative;
  min-height: var(--c-page-target-min);
  background-color: var(--c-explorer-surface-rest); border-radius: 0; cursor: pointer;
  border: var(--c-page-border-width) solid transparent;
  border-block-end-color: var(--c-explorer-divider);
}

.xds-explorer__row:last-child,
.xds-explorer__row:has(+ .xds-explorer__row[aria-selected="true"]) { border-block-end-color: transparent; }
.xds-explorer__row:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-explorer__row:active { --xds-wash: var(--c-page-state-pressed); }
.xds-explorer__row:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }

.xds-explorer__row[aria-selected="true"] {
  position: relative; z-index: 1;
  background-color: var(--c-explorer-surface-current);
  border-color: var(--c-explorer-edge);
  border-inline-end-color: transparent;
  margin-inline-end: calc(-1 * var(--c-page-border-width));
  cursor: default; }

.xds-explorer__row[aria-selected="true"]::before {
  content: ""; position: absolute;
  top: calc(-1 * var(--c-page-border-width)); bottom: calc(-1 * var(--c-page-border-width));
  left: calc(-1 * (var(--c-explorer-indicator-width) + var(--c-page-border-width)));
  width: var(--c-explorer-indicator-width);
  background-color: var(--c-explorer-indicator);
  clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 var(--c-explorer-indicator-width));
}
.xds-explorer__row[aria-selected="true"]:hover { --xds-wash: transparent; }

.xds-explorer__title {
  font-family: var(--c-explorer-title-font-family), system-ui, sans-serif;
  font-size: var(--c-explorer-title-font-size); line-height: var(--c-explorer-title-line-height);
  letter-spacing: var(--c-explorer-title-tracking); font-weight: var(--c-explorer-title-weight);
  color: var(--c-explorer-title-ink); }
.xds-explorer__summary {
  font-family: var(--c-explorer-summary-font-family), Georgia, serif;
  font-size: var(--c-explorer-summary-font-size); line-height: var(--c-explorer-summary-line-height);
  letter-spacing: var(--c-explorer-summary-tracking); color: var(--c-explorer-summary-ink); }
.xds-explorer__meta {
  font-family: var(--c-explorer-meta-font-family), system-ui, sans-serif;
  font-size: var(--c-explorer-meta-font-size); line-height: var(--c-explorer-meta-line-height);
  letter-spacing: var(--c-explorer-meta-tracking); color: var(--c-explorer-meta-ink); }
.xds-explorer__panel { display: flex; flex-direction: column; gap: var(--c-explorer-panel-stack);
  background-color: var(--c-explorer-panel-surface); padding: var(--c-explorer-panel-inset);
  border: var(--c-page-border-width) solid var(--c-explorer-edge); }
.xds-explorer__heading { margin: 0;
  font-family: var(--c-explorer-heading-font-family), system-ui, sans-serif;
  font-size: var(--c-explorer-heading-font-size); line-height: var(--c-explorer-heading-line-height);
  letter-spacing: var(--c-explorer-heading-tracking); font-weight: var(--c-explorer-heading-weight);
  color: var(--c-explorer-heading-ink); }
.xds-explorer__panel[hidden] { display: none; }
@media (max-width: 900px) {

  .xds-explorer { grid-template-columns: minmax(0, 1fr); }
}

.xds-document-link {
  display: flex; align-items: center; gap: var(--c-document-link-gap); padding-block: var(--c-document-link-inset-block);
  text-decoration: none; color: var(--c-document-link-title-ink); min-height: var(--c-page-target-min-wide);
}
.xds-document-link__icon { width: var(--c-document-link-icon-size); height: var(--c-document-link-icon-size); flex: none; color: var(--c-document-link-icon-ink); }
.xds-document-link__body { display: flex; flex-direction: column; gap: var(--c-document-link-stack); min-width: 0; flex: 1; }
.xds-document-link__title {
  font-family: var(--c-document-link-title-font-family), system-ui, sans-serif;
  font-size: var(--c-document-link-title-font-size); line-height: var(--c-document-link-title-line-height); letter-spacing: var(--c-document-link-title-tracking); font-weight: var(--c-document-link-title-weight);
  color: var(--c-document-link-title-ink); text-decoration: underline; text-underline-offset: 0.15em;
}
.xds-document-link__meta {
  font-family: var(--c-document-link-meta-font-family), system-ui, sans-serif;
  font-size: var(--c-document-link-meta-font-size); line-height: var(--c-document-link-meta-line-height); letter-spacing: var(--c-document-link-meta-tracking); color: var(--c-document-link-meta-ink);
}
.xds-document-link::after { content: ""; flex: none; width: var(--c-document-link-mark-size); height: var(--c-document-link-mark-size); background-color: var(--c-document-link-mark-ink);
  -webkit-mask: var(--_icon-mask-download) center / contain no-repeat; mask: var(--_icon-mask-download) center / contain no-repeat; }
.xds-document-link[rel~="external"]::after,.xds-document-link[target="_blank"]::after { -webkit-mask-image: var(--_icon-mask-external); mask-image: var(--_icon-mask-external); }
.xds-document-link:hover { --xds-wash: var(--c-page-state-tint-hover); }
.xds-document-link:active { --xds-wash: var(--c-page-state-pressed); }
.xds-document-link:focus-visible { outline: var(--c-page-focus-width) solid var(--c-page-focus-ring); outline-offset: var(--c-page-focus-gap); }