:root{--cds-color-white: #ffffff;--cds-color-grey-01: #f3f1ed;--cds-color-grey-02: #e0ddd6;--cds-color-grey-03: #c4c2bc;--cds-color-grey-04: #84827e;--cds-color-grey-04-strong: #646260;--cds-color-grey-05: #232321;--cds-color-grey-06: #1b1b18;--cds-color-grey-07: #141410;--cds-color-black: #0b0b0a;--cds-color-brand: #ff550c;--cds-color-green-01: #008924;--cds-color-green-02: #0089241a;--cds-color-red-01: #b83100;--cds-color-red-02: #b831001a;--cds-color-orange-01: #d07d00;--cds-color-orange-02: #d07d001a;--cds-color-white-05: #ffffff0d;--cds-color-white-10: #ffffff1a;--cds-color-white-15: #ffffff26;--cds-color-white-20: #ffffff33;--cds-color-white-60: #ffffff99;--cds-color-black-05: #0b0b0a0d;--cds-color-black-15: #0b0b0a26;--cds-color-risk-excellent: #3498db;--cds-color-risk-good: #27ae60;--cds-color-risk-fair: #f0923b;--cds-color-risk-critical: #c90004;--cds-color-feature-monitoring: #62c081;--cds-color-feature-monitoring-container-01: #2c5a3d;--cds-color-feature-monitoring-container-02: #193524;--cds-color-feature-guard: #2a9ae8;--cds-color-feature-guard-container-01: #1b4566;--cds-color-feature-guard-container-02: #112a3d;--cds-color-feature-identity: #a474ff;--cds-color-feature-identity-container-01: #3d2e66;--cds-color-feature-identity-container-02: #251b3d}@property --cds-safe-area-top{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --cds-safe-area-bottom{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --cds-safe-area-top-chrome{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --cds-top-chrome-frost{syntax: "<number>"; inherits: true; initial-value: 0;}:root{--cds-space-4: 4px;--cds-space-8: 8px;--cds-space-12: 12px;--cds-space-16: 16px;--cds-space-20: 20px;--cds-space-24: 24px;--cds-space-32: 32px;--cds-space-40: 40px;--cds-space-48: 48px;--cds-space-56: 56px;--cds-space-64: 64px;--cds-space-72: 72px;--cds-space-80: 80px;--cds-space-96: 96px;--cds-space-120: 120px;--cds-space-240: 240px;--cds-page-padding-x: var(--cds-space-20);--cds-safe-area-top: env(safe-area-inset-top, 0px);--cds-safe-area-bottom: env(safe-area-inset-bottom, 0px);--cds-safe-area-top-chrome: 0px;--cds-top-chrome-frost: 0;--cds-safe-area-top-overlay: max(var(--cds-safe-area-top-chrome), var(--cds-safe-area-top));--cds-opacity-disabled: .3}:root{--cds-size-4: 4px;--cds-size-8: 8px;--cds-size-12: 12px;--cds-size-16: 16px;--cds-size-20: 20px;--cds-size-24: 24px;--cds-size-32: 32px;--cds-size-40: 40px;--cds-size-48: 48px;--cds-size-56: 56px;--cds-size-64: 64px;--cds-size-72: 72px;--cds-size-80: 80px;--cds-size-96: 96px;--cds-size-120: 120px;--cds-size-160: 160px;--cds-size-240: 240px;--cds-size-320: 320px}:root{--cds-radius-xxs: 4px;--cds-radius-xs: 8px;--cds-radius-sm: 12px;--cds-radius-md: 16px;--cds-radius-lg: 20px;--cds-radius-xl: 24px;--cds-radius-2xl: 32px;--cds-radius-full: 9999px;--cds-border-width-hairline: .5px;--cds-border-width-default: 1px;--cds-border-width-emphasis: 2px;--cds-border-width-focus: 3px;--cds-border-width-strong: 4px}:root{--cds-blur-subtle: 16px;--cds-blur-frosted: 96px;--cds-overlay-backdrop: rgb(0 0 0 / 40%);--cds-shadow-modal: 0 -10px 40px rgb(0 0 0 / 15%);--cds-shadow-card: 0 2px 8px rgb(0 0 0 / 10%)}:root{--cds-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro", system-ui, sans-serif;--cds-font-mono: ui-monospace, "SF Mono", Menlo, monospace;--cds-font-serif: "Simula", Georgia, serif;--cds-type-display-1-family: var(--cds-font-sans);--cds-type-display-1-weight: 400;--cds-type-display-1-size: 4.5rem;--cds-type-display-1-line-height: 1.1;--cds-type-display-1-letter-spacing: 0;--cds-type-display-2-family: var(--cds-font-sans);--cds-type-display-2-weight: 400;--cds-type-display-2-size: 3rem;--cds-type-display-2-line-height: 1.1;--cds-type-display-2-letter-spacing: 0;--cds-type-h1-serif-family: var(--cds-font-serif);--cds-type-h1-serif-weight: 400;--cds-type-h1-serif-size: 2rem;--cds-type-h1-serif-line-height: 1.1;--cds-type-h1-serif-letter-spacing: -.02em;--cds-type-h2-serif-family: var(--cds-font-serif);--cds-type-h2-serif-weight: 400;--cds-type-h2-serif-size: 1.75rem;--cds-type-h2-serif-line-height: 1.1;--cds-type-h2-serif-letter-spacing: 0;--cds-type-h3-serif-family: var(--cds-font-serif);--cds-type-h3-serif-weight: 400;--cds-type-h3-serif-size: 1.5rem;--cds-type-h3-serif-line-height: 1.1;--cds-type-h3-serif-letter-spacing: 0;--cds-type-h1-family: var(--cds-font-sans);--cds-type-h1-weight: 400;--cds-type-h1-size: 2rem;--cds-type-h1-line-height: 1.1;--cds-type-h1-letter-spacing: 0;--cds-type-h2-family: var(--cds-font-sans);--cds-type-h2-weight: 400;--cds-type-h2-size: 1.75rem;--cds-type-h2-line-height: 1.1;--cds-type-h2-letter-spacing: 0;--cds-type-h3-family: var(--cds-font-sans);--cds-type-h3-weight: 400;--cds-type-h3-size: 1.5rem;--cds-type-h3-line-height: 1.1;--cds-type-h3-letter-spacing: 0;--cds-type-h4-family: var(--cds-font-sans);--cds-type-h4-weight: 400;--cds-type-h4-size: 1.25rem;--cds-type-h4-line-height: 1.2;--cds-type-h4-letter-spacing: .005em;--cds-type-h5-family: var(--cds-font-sans);--cds-type-h5-weight: 510;--cds-type-h5-size: 1rem;--cds-type-h5-line-height: 1.2;--cds-type-h5-letter-spacing: -.02em;--cds-type-body-family: var(--cds-font-sans);--cds-type-body-weight: 400;--cds-type-body-size: 1rem;--cds-type-body-line-height: 1.3;--cds-type-body-letter-spacing: -.02em;--cds-type-body-small-family: var(--cds-font-sans);--cds-type-body-small-weight: 400;--cds-type-body-small-size: .875rem;--cds-type-body-small-line-height: 1.2;--cds-type-body-small-letter-spacing: -.02em;--cds-type-link-family: var(--cds-font-sans);--cds-type-link-weight: 400;--cds-type-link-size: .75rem;--cds-type-link-line-height: 1.3;--cds-type-link-letter-spacing: 0;--cds-type-overline-family: var(--cds-font-sans);--cds-type-overline-weight: 600;--cds-type-overline-size: .6875rem;--cds-type-overline-line-height: 1.1;--cds-type-overline-letter-spacing: .06em}html{--pui-font-scale: 1;--cds-font-scale: var(--pui-font-scale);font-size:calc(16px*clamp(.82,var(--cds-font-scale),1.35))}[data-theme=light]{--cds-brand: var(--cds-color-brand);--cds-bg-page: var(--cds-color-grey-01);--cds-bg-dashboard: var(--cds-color-grey-01);--cds-bg-surface: var(--cds-color-white);--cds-bg-ai-input: var(--cds-color-black);--cds-text-primary: var(--cds-color-grey-07);--cds-text-secondary: var(--cds-color-grey-04-strong);--cds-text-danger: var(--cds-color-red-01);--cds-text-ai-primary: var(--cds-color-grey-01);--cds-text-ai-secondary: var(--cds-color-grey-04);--cds-divider: var(--cds-color-grey-02);--cds-input-container: var(--cds-color-grey-01);--cds-banner-text-primary: var(--cds-color-grey-07);--cds-banner-text-secondary: var(--cds-color-grey-04);--cds-banner-container: var(--cds-color-grey-01);--cds-button-primary-text: var(--cds-color-white);--cds-button-primary-container: var(--cds-color-black);--cds-button-secondary-text: var(--cds-color-grey-07);--cds-button-secondary-container: var(--cds-color-grey-01);--cds-button-danger-text: var(--cds-color-white);--cds-button-danger-container: var(--cds-color-red-01);--cds-fab-container: var(--cds-color-white-60);--cds-bg-bold: var(--cds-color-black);--cds-text-on-bold: var(--cds-color-white);--cds-surface-subtle: var(--cds-color-grey-02);--cds-selection-off-container: var(--cds-color-grey-02);--cds-toggle-off-container: var(--cds-color-grey-03);--cds-status-success-solid: var(--cds-color-green-01);--cds-status-success-subtle: var(--cds-color-green-02);--cds-status-danger-solid: var(--cds-color-red-01);--cds-status-danger-subtle: var(--cds-color-red-02);--cds-status-warning-solid: var(--cds-color-orange-01);--cds-status-warning-subtle: var(--cds-color-orange-02);--cds-status-info-solid: var(--cds-color-risk-excellent);--cds-status-info-subtle: rgba(52, 152, 219, .1);--cds-status-neutral-solid: var(--cds-color-grey-04);--cds-status-neutral-subtle: rgba(132, 130, 126, .1);--cds-bg-status-success: var(--cds-status-success-subtle);--cds-text-on-status-success: var(--cds-status-success-solid);--cds-bg-status-warning: var(--cds-status-warning-subtle);--cds-text-on-status-warning: var(--cds-status-warning-solid);--cds-bg-status-danger: var(--cds-status-danger-subtle);--cds-text-on-status-danger: var(--cds-status-danger-solid);--cds-bg-status-info: var(--cds-status-info-subtle);--cds-text-on-status-info: var(--cds-status-info-solid);--cds-bg-status-neutral: var(--cds-color-grey-01);--cds-text-on-status-neutral: var(--cds-color-black);--cds-graph-bg: var(--cds-color-black-05);--cds-brand-subtle: rgba(255, 85, 12, .15);--cds-skeleton-base: var(--cds-color-black-05);--cds-skeleton-highlight: var(--cds-color-black-15);--cds-bg-inverse: var(--cds-color-black);--cds-bg-inverse-elevated: var(--cds-color-grey-06);--cds-text-inverse: var(--cds-color-white);--cds-text-on-light: var(--cds-color-black);--cds-scrim: var(--cds-color-black);--cds-bg-subtle: var(--cds-color-grey-01);--cds-bg-subtle-inverse: var(--cds-color-white-15);--cds-skeleton-base-inverse: var(--cds-color-white-05);--cds-skeleton-highlight-inverse: var(--cds-color-white-15);--cds-feature-monitoring: var(--cds-color-feature-monitoring);--cds-feature-guard: var(--cds-color-feature-guard);--cds-feature-identity: var(--cds-color-feature-identity);--cds-feature-monitoring-container: var(--cds-color-feature-monitoring-container-01);--cds-feature-guard-container: var(--cds-color-feature-guard-container-01);--cds-feature-identity-container: var(--cds-color-feature-identity-container-01);--cds-feature-monitoring-backdrop: var(--cds-color-feature-monitoring-container-02);--cds-feature-guard-backdrop: var(--cds-color-feature-guard-container-02);--cds-feature-identity-backdrop: var(--cds-color-feature-identity-container-02);--cds-risk-excellent: var(--cds-color-risk-excellent);--cds-risk-good: var(--cds-color-risk-good);--cds-risk-fair: var(--cds-color-risk-fair);--cds-risk-high: var(--cds-color-red-01);--cds-risk-critical: var(--cds-color-risk-critical);--cds-pii-category-name: #00c876;--cds-pii-category-email: #ffd447;--cds-pii-category-phone: #e172eb;--cds-pii-category-address: #0067ff;--cds-pii-category-family: #003677}[data-theme=dark]{--cds-brand: var(--cds-color-brand);--cds-bg-page: var(--cds-color-grey-07);--cds-bg-dashboard: var(--cds-color-black);--cds-bg-surface: var(--cds-color-grey-06);--cds-bg-ai-input: var(--cds-color-black);--cds-text-primary: var(--cds-color-grey-01);--cds-text-secondary: var(--cds-color-white-60);--cds-text-danger: color-mix(in srgb, var(--cds-color-red-01) 60%, var(--cds-color-white));--cds-text-ai-primary: var(--cds-color-grey-01);--cds-text-ai-secondary: var(--cds-color-grey-04);--cds-divider: var(--cds-color-white-10);--cds-input-container: var(--cds-color-grey-05);--cds-banner-text-primary: var(--cds-color-grey-01);--cds-banner-text-secondary: var(--cds-color-grey-02);--cds-banner-container: var(--cds-color-grey-07);--cds-button-primary-text: var(--cds-color-grey-07);--cds-button-primary-container: var(--cds-color-white);--cds-button-secondary-text: var(--cds-color-grey-01);--cds-button-secondary-container: var(--cds-color-white-05);--cds-button-danger-text: var(--cds-color-white);--cds-button-danger-container: var(--cds-color-red-01);--cds-fab-container: var(--cds-color-white-10);--cds-bg-bold: var(--cds-color-white);--cds-text-on-bold: var(--cds-color-grey-07);--cds-surface-subtle: var(--cds-color-white-15);--cds-selection-off-container: var(--cds-color-white-15);--cds-toggle-off-container: var(--cds-color-white-15);--cds-status-success-solid: var(--cds-color-green-01);--cds-status-success-subtle: var(--cds-color-green-02);--cds-status-danger-solid: var(--cds-color-red-01);--cds-status-danger-subtle: var(--cds-color-red-02);--cds-status-warning-solid: var(--cds-color-orange-01);--cds-status-warning-subtle: var(--cds-color-orange-02);--cds-status-info-solid: var(--cds-color-risk-excellent);--cds-status-info-subtle: rgba(52, 152, 219, .1);--cds-status-neutral-solid: var(--cds-color-grey-04);--cds-status-neutral-subtle: rgba(132, 130, 126, .1);--cds-bg-status-success: var(--cds-status-success-solid);--cds-text-on-status-success: var(--cds-color-white);--cds-bg-status-warning: var(--cds-status-warning-solid);--cds-text-on-status-warning: var(--cds-color-white);--cds-bg-status-danger: var(--cds-status-danger-solid);--cds-text-on-status-danger: var(--cds-color-white);--cds-bg-status-info: var(--cds-status-info-solid);--cds-text-on-status-info: var(--cds-color-white);--cds-bg-status-neutral: var(--cds-color-grey-05);--cds-text-on-status-neutral: var(--cds-color-white);--cds-graph-bg: var(--cds-color-white-05);--cds-brand-subtle: rgba(255, 85, 12, .15);--cds-skeleton-base: var(--cds-color-white-05);--cds-skeleton-highlight: var(--cds-color-white-15);--cds-bg-inverse: var(--cds-color-black);--cds-bg-inverse-elevated: var(--cds-color-grey-06);--cds-text-inverse: var(--cds-color-white);--cds-text-on-light: var(--cds-color-black);--cds-scrim: var(--cds-color-black);--cds-bg-subtle: var(--cds-color-white-05);--cds-bg-subtle-inverse: var(--cds-color-white-15);--cds-skeleton-base-inverse: var(--cds-color-white-05);--cds-skeleton-highlight-inverse: var(--cds-color-white-15);--cds-feature-monitoring: var(--cds-color-feature-monitoring);--cds-feature-guard: var(--cds-color-feature-guard);--cds-feature-identity: var(--cds-color-feature-identity);--cds-feature-monitoring-container: var(--cds-color-feature-monitoring-container-01);--cds-feature-guard-container: var(--cds-color-feature-guard-container-01);--cds-feature-identity-container: var(--cds-color-feature-identity-container-01);--cds-feature-monitoring-backdrop: var(--cds-color-feature-monitoring-container-02);--cds-feature-guard-backdrop: var(--cds-color-feature-guard-container-02);--cds-feature-identity-backdrop: var(--cds-color-feature-identity-container-02);--cds-risk-excellent: var(--cds-color-risk-excellent);--cds-risk-good: var(--cds-color-risk-good);--cds-risk-fair: var(--cds-color-risk-fair);--cds-risk-high: var(--cds-color-red-01);--cds-risk-critical: var(--cds-color-risk-critical);--cds-pii-category-name: #00c876;--cds-pii-category-email: #ffd447;--cds-pii-category-phone: #e172eb;--cds-pii-category-address: #0067ff;--cds-pii-category-family: #003677}:root{--cds-ease-out: cubic-bezier(.2, .9, .3, 1);--cds-ease-exit: cubic-bezier(.4, 0, .6, .3);--cds-ease-in-out: cubic-bezier(.77, 0, .175, 1);--cds-duration-fast: .15s;--cds-duration-base: .2s;--cds-duration-slow: .3s}@font-face{font-family:Simula;src:url(/fonts/Simula-Italic.otf) format("opentype");font-style:italic;font-weight:400;font-display:swap}.foundation-demo{width:100%;min-width:0;color:var(--cds-text-primary);background:var(--cds-bg-surface)}.foundation-stage{display:grid;gap:var(--cds-space-24);min-width:0;padding:var(--cds-space-24)}.foundation-stage>.demo-eyebrow{color:var(--cds-text-secondary)}.foundation-caption{margin:0;font-size:12px;line-height:1.6;color:var(--cds-text-secondary)}.foundation-demo code{font-family:var(--cds-font-mono);font-size:11px;line-height:1.6;overflow-wrap:anywhere}.foundation-demo .demo-control{min-width:min(200px,100%)}.foundation-demo textarea{width:100%;resize:vertical;min-height:70px;max-height:200px;border:1px solid var(--cds-divider);padding:10px 12px;border-radius:var(--cds-radius-xs);color:var(--cds-text-primary);background:var(--cds-bg-surface);font:inherit;line-height:1.5}.foundation-demo textarea:focus-visible,.foundation-details summary:focus-visible{outline:var(--cds-border-width-focus) solid var(--cds-text-primary);outline-offset:var(--cds-space-4)}.foundation-sample-control{flex-grow:2}.foundation-details{border:1px solid var(--cds-divider);border-radius:var(--cds-radius-sm);min-width:0}.foundation-details summary{cursor:pointer;padding:16px 18px;font-size:12px;font-weight:500}.foundation-details-body{padding:8px 18px 22px;min-width:0}.foundation-context-card{display:grid;gap:var(--cds-space-16);width:min(100%,360px);min-width:0;padding:var(--cds-space-24);border:var(--cds-border-width-default) solid var(--cds-divider);border-radius:var(--cds-radius-xl);box-shadow:var(--cds-shadow-card);background:var(--cds-bg-surface)}.foundation-context-card>*{min-width:0;overflow-wrap:anywhere}.foundation-context-card button{justify-self:start;max-width:100%;white-space:normal}.foundation-card-symbol{display:grid;place-items:center;width:var(--cds-size-40);height:var(--cds-size-40);background:var(--cds-bg-page);border-radius:var(--cds-radius-sm);color:var(--cds-text-primary);font-size:22px}.foundation-overview-stage,.foundation-radius-stage,.foundation-spacing-stage{display:grid;justify-items:center;gap:var(--cds-space-24);padding:var(--cds-space-24);border-radius:var(--cds-radius-lg);background:var(--cds-bg-page)}.foundation-overview-stage>.demo-eyebrow,.foundation-radius-stage>.demo-eyebrow,.foundation-spacing-stage>.demo-eyebrow{text-align:center;line-height:1.6}.foundation-overview-stage .foundation-caption,.foundation-radius-stage .foundation-caption,.foundation-spacing-stage .foundation-caption{max-width:420px;text-align:center}.foundation-token-connections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cds-space-16)}.foundation-token-connections span{display:grid;align-content:start;gap:var(--cds-space-8)}.foundation-token-connections b{font-size:11px;font-weight:500}.foundation-token-connections code{color:var(--cds-text-secondary)}.foundation-type-specimen{display:grid;gap:var(--cds-space-24);min-width:0;padding:var(--cds-space-32) var(--cds-space-24);border-radius:var(--cds-radius-lg);background:var(--cds-bg-page)}.foundation-type-specimen>p{overflow-wrap:anywhere}.foundation-type-preview{max-height:320px;overflow:auto;min-width:0}.foundation-type-preview p{overflow-wrap:anywhere}.foundation-type-preview:focus-visible,.foundation-type-ramp:focus-visible,.foundation-space-scale:focus-visible{outline:var(--cds-border-width-focus) solid var(--cds-text-primary);outline-offset:var(--cds-space-4)}.foundation-editorial-pair{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:var(--cds-space-24)}.foundation-editorial-pair>div{display:grid;gap:var(--cds-space-12)}.foundation-italic{margin:0;padding:var(--cds-space-24);font-family:var(--cds-font-serif);font-size:28px;line-height:1.2;text-align:center;background:var(--cds-bg-page);border-radius:var(--cds-radius-md)}.foundation-italic em{font-style:italic}.foundation-type-ramp{display:grid;max-height:540px;overflow:auto;padding-inline:var(--cds-space-4)}.foundation-type-ramp>div{display:grid;gap:var(--cds-space-12);padding:var(--cds-space-20) 0;border-top:1px solid var(--cds-divider);min-width:0}.foundation-type-ramp code{color:var(--cds-text-secondary)}.foundation-type-ramp p{overflow-wrap:anywhere}.foundation-spacing-stage .foundation-context-card{background:linear-gradient(var(--cds-bg-surface),var(--cds-bg-surface)) content-box,repeating-linear-gradient(135deg,var(--cds-bg-surface) 0 5px,var(--cds-divider) 5px 6px) padding-box}.foundation-space-scale{display:grid;gap:var(--cds-space-16);max-height:540px;overflow:auto;padding-inline:var(--cds-space-4)}.foundation-space-step{display:grid;gap:var(--cds-space-8)}.foundation-space-step>div:first-child{display:flex;justify-content:space-between;gap:var(--cds-space-12)}.foundation-space-step>div:first-child>span{font-size:11px;color:var(--cds-text-secondary)}.foundation-space-track{min-width:0;overflow-x:auto;background:var(--cds-bg-page);border-radius:var(--cds-radius-xxs)}.foundation-space-track>span{display:block;height:var(--cds-size-12);background:var(--cds-text-primary);border-radius:var(--cds-radius-xxs)}.foundation-radius-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cds-space-24) var(--cds-space-12)}.foundation-radius-item{display:grid;justify-items:center;gap:var(--cds-space-8)}.foundation-radius-item>span{color:var(--cds-text-secondary);font-size:11px}.foundation-radius-shape{width:var(--cds-size-64);height:var(--cds-size-64);background:var(--cds-button-primary-container)}.foundation-shadow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cds-space-24)}.foundation-shadow-item{min-width:0}.foundation-shadow-stage{display:grid;place-items:center;min-height:170px;padding:var(--cds-space-24) var(--cds-space-12);border-radius:var(--cds-radius-md);background:var(--cds-bg-page)}.foundation-shadow-card{display:grid;justify-items:center;align-content:center;gap:var(--cds-space-12);width:min(100%,150px);min-height:112px;padding:var(--cds-space-16);border:1px solid var(--cds-divider);border-radius:var(--cds-radius-md);background:var(--cds-bg-surface);font-size:11px;line-height:1.4;text-align:center}.foundation-shadow-card>span:first-child{font-size:24px}.foundation-shadow-item h2{margin:16px 0 8px;font-size:13px;font-weight:500;line-height:1.4}.foundation-shadow-item p{margin:10px 0 0;font-size:12px;line-height:1.55;color:var(--cds-text-secondary)}.foundation-surface-page{display:grid;gap:var(--cds-space-16);padding:var(--cds-space-24);background:var(--cds-bg-page);border-radius:var(--cds-radius-lg)}.foundation-surface-card{display:grid;gap:var(--cds-space-20);padding:var(--cds-space-24);background:var(--cds-bg-surface);border:1px solid var(--cds-divider);border-radius:var(--cds-radius-md)}.foundation-surface-page code{color:var(--cds-text-secondary)}.foundation-surface-inverse{display:grid;gap:var(--cds-space-24);padding:var(--cds-space-32);border-radius:var(--cds-radius-lg)}.foundation-surface-inverse>div{display:grid;gap:var(--cds-space-12)}@media(max-width:520px){.foundation-stage{padding:var(--cds-space-20);gap:var(--cds-space-20)}.foundation-overview-stage,.foundation-radius-stage,.foundation-spacing-stage{padding:var(--cds-space-16)}.foundation-editorial-pair{grid-template-columns:1fr}.foundation-token-connections{grid-template-columns:1fr;gap:var(--cds-space-12)}.foundation-token-connections span{grid-template-columns:84px minmax(0,1fr)}.foundation-radius-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-shadow-grid{grid-template-columns:1fr}.foundation-shadow-stage{min-height:150px}.foundation-surface-page{padding:var(--cds-space-16)}.foundation-surface-card{padding:var(--cds-space-20)}.foundation-type-specimen{padding:var(--cds-space-24) var(--cds-space-16)}}@font-face{font-family:Simula;src:url(/fonts/Simula-Book.otf) format("opentype");font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:var(--cds-font-sans);color:var(--cds-text-primary);background:var(--cds-bg-surface)}button,input,select{font:inherit}#root{width:100%}.demo-frame{width:100%;overflow:hidden;color:var(--cds-text-primary);background:var(--cds-bg-surface)}.demo-canvas{display:grid;place-items:center;min-height:220px;padding:40px 28px}.demo-controls{display:flex;flex-wrap:wrap;gap:16px;padding:20px 24px;border-top:1px solid var(--cds-divider);background:var(--cds-bg-page)}.demo-control{display:grid;gap:8px;flex:1;min-width:100px;font-size:12px;font-weight:500;color:var(--cds-text-secondary)}.demo-control select{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--cds-divider);border-radius:8px;background:var(--cds-bg-surface);color:var(--cds-text-primary);text-transform:capitalize}.demo-control select:focus-visible,.demo-copy:focus-visible,.demo-code summary:focus-visible{outline:2px solid var(--cds-text-primary);outline-offset:3px}.demo-button-stage{display:grid;justify-items:center;gap:20px;width:100%}.demo-feedback{margin:0;color:var(--cds-text-secondary);font-size:12px;line-height:1.5;text-align:center}.demo-input-stage{width:min(100%,420px)}.demo-decision-card{width:min(100%,440px)}.demo-eyebrow{display:block;font-size:10px;line-height:1.4;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.demo-decision-card h2,.demo-flow h2,.demo-color-card h2{margin:14px 0 12px;font-family:var(--cds-font-serif);font-weight:400;font-size:clamp(25px,4vw,32px);line-height:1.14;letter-spacing:-.035em}.demo-decision-card>p,.demo-flow-heading>p,.demo-flow-success>p,.demo-color-card p{font-size:14px;line-height:1.55;color:var(--cds-text-secondary);margin:0 0 24px}.demo-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin:28px 0 20px}.demo-decision-card .demo-feedback{text-align:left;margin:0;font-size:12px}.demo-code{border-top:1px solid var(--cds-divider)}.demo-code summary{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;font-size:12px;font-weight:500;cursor:pointer;list-style:none}.demo-code summary::-webkit-details-marker{display:none}.demo-code[open] summary span{transform:rotate(90deg)}.demo-code-body{position:relative;background:var(--cds-bg-page);border-top:1px solid var(--cds-divider);padding:52px 24px 20px}.demo-code pre{margin:0;overflow-x:auto;font-family:var(--cds-font-mono);font-size:12px;line-height:1.7}.demo-copy{position:absolute;top:12px;right:20px;border:1px solid var(--cds-divider);background:var(--cds-bg-surface);border-radius:6px;padding:6px 10px;color:var(--cds-text-primary);font-size:11px;cursor:pointer}.demo-flow{width:min(100%,410px)}.demo-flow-heading{margin:20px 0 28px}.demo-symbol{display:grid;place-items:center;width:48px;height:48px;margin:0 0 28px;font-size:25px;border-radius:16px;background:var(--cds-bg-page);color:var(--cds-text-primary)}.demo-flow-fields{display:grid;gap:22px;margin-bottom:28px}.demo-flow .demo-feedback{margin-top:14px}.demo-sample-note{color:var(--cds-text-secondary);font-size:10px;line-height:1.55;margin:0 0 28px}.demo-flow-success{padding:20px 0}.demo-symbol-success{color:var(--cds-status-success-solid);background:var(--cds-status-success-subtle)}.demo-flow-success h2:focus{outline:none}.demo-email-result{display:grid;gap:10px;padding:22px;border-radius:14px;background:var(--cds-bg-page);margin:28px 0}.demo-email-result span{font-size:11px;color:var(--cds-text-secondary)}.demo-email-result strong{font-size:17px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.demo-color-pairings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px}.demo-color-card{border-radius:20px;padding:32px}.demo-color-card p{color:inherit}.demo-color-card code{display:block;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.demo-unavailable{margin:0;padding:24px}.demo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){.demo-canvas{padding:28px 20px}.demo-controls{padding:18px 20px;gap:14px}.demo-control{flex-basis:calc(50% - 14px)}.demo-actions{justify-content:flex-start}.demo-color-pairings{grid-template-columns:1fr;padding:16px}}body[data-design-embed]{padding:0!important}.storybook-canvas{box-sizing:border-box;min-width:min(100%,20rem);padding:var(--cds-space-24);background:var(--cds-bg-page);color:var(--cds-text-primary);border-radius:var(--cds-radius-sm)}.storybook-canvas[data-stage=form-control]{background:var(--cds-bg-surface)}.storybook-canvas[data-layout=fullscreen]{width:100%;padding:0;overflow-x:hidden;border-radius:0}.storybook-canvas[data-layout=fullscreen][data-viewmode=story]{min-height:100vh}