@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/1f160ec2cb9962ef-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/ad8a7e2c3c2c120b-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/cde148027b808b99-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/e61ae719f7cc4155-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/0ea4f4df910e6120-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/739c2d8941231bb4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Roboto Mono Fallback;src:local("Arial");ascent-override:77.84%;descent-override:20.13%;line-gap-override:0.00%;size-adjust:134.61%}.__className_5899e0{font-family:Roboto Mono,Roboto Mono Fallback;font-style:normal}.__variable_5899e0{--font-roboto-mono:"Roboto Mono","Roboto Mono Fallback"}@font-face{font-family:Monda;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f03dc354940280da-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Monda;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/bf55fa51aa04f16c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Monda;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/806ebd09419b4310-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Monda;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/f03dc354940280da-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Monda;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/bf55fa51aa04f16c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Monda;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/806ebd09419b4310-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Monda Fallback;src:local("Arial");ascent-override:112.06%;descent-override:39.84%;line-gap-override:0.00%;size-adjust:107.23%}.__className_0951de{font-family:Monda,Monda Fallback;font-style:normal}.__variable_0951de{--font-monda:"Monda","Monda Fallback"}:root{--circuit-dark-teal:#1a4a47;--circuit-mid-teal:#2d6a65;--circuit-medium-light-teal:#3b847e;--circuit-light-teal:#4a9b94;--circuit-bright-teal:#5dbfb7;--circuit-hover-teal:#6dd1c9;--circuit-hover-bg:#1a3a38;--circuit-bright-yellow:#FFCF60;--circuit-light-yellow:#fff2d1;--circuit-magenta:#e91e63;--circuit-darker-teal:#0f2b29;--circuit-teal:#4a9b94;--color-white-100:rgba(255,255,255,0.05);--color-white-200:rgba(255,255,255,0.1);--color-white-300:rgba(255,255,255,0.2);--color-white-400:rgba(255,255,255,0.4);--color-white-500:rgba(255,255,255,0.7);--color-white-600:rgba(255,255,255,0.8);--color-white-700:rgba(255,255,255,0.85);--color-white-800:rgba(255,255,255,0.9);--color-white-900:rgba(255,255,255,0.95);--color-white-1000:rgb(255,255,255);--color-black-100:rgba(12,12,13,0.05);--color-black-200:rgba(12,12,13,0.1);--color-black-300:rgba(12,12,13,0.2);--color-black-400:rgba(12,12,13,0.4);--color-black-500:rgba(12,12,13,0.7);--color-black-600:rgba(12,12,13,0.8);--color-black-700:rgba(12,12,13,0.85);--color-black-800:rgba(12,12,13,0.9);--color-black-900:rgba(12,12,13,0.95);--color-black-1000:rgb(12,12,13);--color-red-100:rgb(254,233,231);--color-red-300:rgb(252,179,173);--color-red-500:rgb(236,34,31);--color-red-600:rgb(192,15,12);--color-green-100:rgb(235,255,238);--color-green-300:rgb(175,244,198);--color-green-500:rgb(20,174,92);--color-green-700:rgb(0,128,67);--color-yellow-100:rgb(255,251,235);--color-yellow-300:rgb(255,232,163);--color-yellow-500:rgb(230,160,0);--color-yellow-600:rgb(191,106,2);--sds-size-space-0:0px;--sds-size-space-025:1px;--sds-size-space-050:2px;--sds-size-space-075:3px;--sds-size-space-100:4px;--sds-size-space-150:6px;--sds-size-space-200:8px;--sds-size-space-250:10px;--sds-size-space-300:12px;--sds-size-space-400:16px;--sds-size-space-500:20px;--sds-size-space-600:24px;--sds-size-space-700:28px;--sds-size-space-800:32px;--sds-size-space-1000:40px;--sds-size-space-1200:48px;--sds-size-space-1600:64px;--sds-size-space-2000:80px;--sds-size-space-2400:96px;--sds-size-space-3200:128px;--sds-size-space-4000:160px;--sds-size-height-32:28px;--sds-size-height-36:32px;--sds-size-height-40:36px;--sds-size-height-44:40px;--sds-size-height-48:44px;--sds-size-height-52:48px;--sds-size-space-negative-050:-2px;--sds-size-space-negative-100:-4px;--sds-size-space-negative-200:-8px;--sds-size-space-negative-300:-12px;--sds-size-space-negative-400:-16px;--sds-size-space-negative-600:-24px;--sds-size-radius-100:4px;--sds-size-radius-150:6px;--sds-size-radius-200:8px;--sds-size-radius-300:14px;--sds-size-radius-400:16px;--sds-size-radius-500:20px;--sds-size-radius-600:24px;--sds-size-radius-full:9999px;--sds-size-depth-0:0;--sds-size-depth-025:1;--sds-size-depth-100:4;--sds-size-depth-200:8;--sds-size-depth-400:16;--sds-size-depth-800:32;--sds-size-depth-1200:48;--sds-size-depth-negative-025:-1;--sds-size-depth-negative-100:-4;--sds-size-depth-negative-200:-8;--sds-size-depth-negative-400:-16;--sds-size-depth-negative-800:-32;--sds-size-depth-negative-1200:-48;--sds-size-stroke-border:1px;--sds-size-stroke-focus-ring:2px;--sds-size-blur-100:4px;--sds-size-icon-small:24px;--sds-size-icon-medium:32px;--sds-size-icon-large:40px;--background:var(--circuit-darker-teal);--foreground:var(--circuit-light-yellow);--surface-background:var(--circuit-mid-teal);--surface-background-hover:var(--circuit-light-teal);--surface-background-pressed:var(--circuit-dark-teal);--surface-background-subtle:var(--circuit-darker-teal);--surface-background-subtle-25:color-mix(in srgb,var(--circuit-darker-teal) 75%,black 25%);--surface-background-muted:var(--circuit-dark-teal);--surface-background-emphasis:var(--circuit-light-yellow);--surface-background-disabled:#1f3a38;--surface-container-level-1:var(--circuit-dark-teal);--surface-preview-background:var(--circuit-dark-teal);--surface-elevated:var(--circuit-light-teal);--surface-hover:var(--circuit-light-teal);--surface-sidebar-background:var(--circuit-dark-teal);--text-primary:var(--circuit-light-yellow);--text-secondary:var(--circuit-light-yellow);--text-tertiary:rgba(255,242,209,0.6);--text-disabled:#4a6664;--text-inverse:var(--circuit-darker-teal);--text-brand:var(--circuit-bright-yellow);--text-error:#ff6b6b;--text-success:#48c774;--text-warning:#ffdd57;--text-heading-strong:var(--circuit-bright-yellow);--border-default:var(--circuit-light-teal);--border-hover:var(--circuit-bright-teal);--border-focus:var(--circuit-bright-yellow);--border-error:#ff3860;--border-success:#257942;--border-disabled:#365855;--border-interactive-primary:var(--interactive-primary-pressed);--border-interactive-secondary:var(--circuit-magenta);--border-subtle:var(--circuit-mid-teal);--border-interactive:var(--border-default);--border-interactive-hover:var(--border-hover);--border-interactive-pressed:var(--border-default);--interactive-primary:var(--circuit-bright-yellow);--interactive-primary-hover:#ffdc73;--interactive-primary-pressed:#f0c052;--interactive-secondary:var(--circuit-magenta);--interactive-secondary-hover:#f04fa8;--interactive-secondary-pressed:#d81b60;--interactive-danger:#ff3860;--interactive-danger-hover:#ff556f;--interactive-danger-pressed:#e6204b;--status-error:#e74c3c;--status-error-hover:#c0392b;--status-error-pressed:#962d22;--status-error-subtle:rgba(231,76,60,0.15);--status-success:#2ecc71;--status-success-subtle:rgba(46,204,113,0.15);--status-warning:var(--circuit-bright-yellow);--status-warning-subtle:rgba(255,185,53,0.15);--status-info:var(--circuit-light-teal);--status-info-subtle:rgba(74,155,148,0.15);--interactive-primary-subtle:rgba(255,207,96,0.15);--interactive-primary-subtle-pressed:rgba(255,207,96,0.25);--color-blue-100:#e8f4ff;--color-blue-300:#93c5ff;--color-blue-500:#3286f5;--color-blue-700:#1e5daf;--color-purple-100:#f5ebff;--color-purple-300:#c199ff;--color-purple-500:#8c51f5;--color-purple-700:#6636b6;--color-orange-100:#fff2e7;--color-orange-300:#ffb681;--color-orange-500:#f67e22;--color-orange-700:#c15009;--focus-ring:var(--eva-bright-yellow);--overlay-background:rgba(15,43,41,0.85);--overlay-hover:rgba(15,43,41,0.95);--overlay-modal:rgba(15,43,41,0.92);--font-family-sans:var(--font-inter),system-ui,-apple-system,sans-serif;--font-family-mono:var(--font-roboto-mono),"Courier New",monospace;--font-family-display:var(--font-monda),sans-serif;--font-title-hero:700 64px/1.2 var(--font-family-display);--font-title-page:700 42px/1.2 var(--font-family-display);--font-subtitle:400 28px/1.2 var(--font-family-display);--font-heading:600 21px/1.2 var(--font-family-display);--font-subheading:400 18px/1.2 var(--font-family-display);--font-body-base:400 var(--font-size-87)/1.4 var(--font-family-display);--font-body-strong:600 var(--font-size-87)/1.4 var(--font-family-display);--font-body-small:400 var(--font-size-75)/1.4 var(--font-family-display);--font-body-small-strong:600 var(--font-size-75)/1 var(--font-family-display);--font-body-code:400 var(--font-size-100)/1 var(--font-family-mono);--font-input:400 var(--font-size-87)/1 var(--font-family-display);--font-body-base-single:400 var(--font-size-87)/1 var(--font-family-display);--font-body-small-strong-single:600 var(--font-size-75)/1 var(--font-family-display);--letter-spacing-title-hero:-3%;--letter-spacing-title-page:-2%;--letter-spacing-heading:-2%;--sds-size-width-sidebar:280px;--sds-size-width-card-min:280px;--sds-size-width-metric-card:140px;--theme-gold-primary:#B8860B;--theme-gold-secondary:#DAA520;--theme-gold-bg:linear-gradient(135deg,#FFD700,#FFA500);--theme-gold-border:#DAA520;--theme-gold-text:#8B4513;--theme-gold-text-light:#A0522D;--theme-success-primary:#059669;--theme-success-bg:#ecfdf5;--theme-success-border:#10b981;--theme-success-text:#0c4a6e;--theme-error-primary:#b91c1c;--theme-error-bg:#fef2f2;--theme-error-border:#fca5a5;--theme-error-text:#7f1d1d;--theme-warning-primary:#92400e;--theme-warning-bg:#fffbeb;--theme-warning-border:#f59e0b;--theme-warning-text:#78350f;--theme-info-primary:#0369a1;--theme-info-bg:#f0f9ff;--theme-info-border:#0ea5e9;--theme-info-text:#0c4a6e;--theme-campaign-primary:#667eea;--theme-campaign-bg:linear-gradient(135deg,#FF6B6B,#4ECDC4 50%,#45B7D1);--theme-campaign-border:#FF6B6B;--theme-campaign-text:#ffffff;--theme-campaign-text-light:#f0f8ff}.circuitds-example-sidebar{padding:var(--sds-size-space-400);background-color:var(--surface-background);border-right:var(--sds-size-stroke-border) solid var(--border-subtle)}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-family-display);font-size:var(--font-size-87);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none;font-weight:inherit}.title-hero{font:var(--font-title-hero);letter-spacing:var(--letter-spacing-title-hero)}.title-page{font:var(--font-title-page);letter-spacing:var(--letter-spacing-title-page)}.subtitle{font:var(--font-subtitle)}.heading{font:var(--font-heading);letter-spacing:var(--letter-spacing-heading)}.subheading{font:var(--font-subheading)}.body-base{font:var(--font-body-base)}.body-strong{font:var(--font-body-strong)}.body-small{font:var(--font-body-small)}.body-small-strong{font:var(--font-body-small-strong)}.body-code{font:var(--font-body-code)}.input{font:var(--font-input)}.body-base-single{font:var(--font-body-base-single)}.body-small-strong-single{font:var(--font-body-small-strong-single)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-modal,rgba(15,43,41,.92));z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--sds-size-space-400,16px)}.modal-content{background-color:var(--surface-container-level-1,var(--eva-dark-teal));color:var(--text-primary,var(--eva-light-yellow));padding:var(--sds-size-space-800,32px);border-radius:var(--sds-size-radius-200,8px);border:var(--sds-size-stroke-border,1px) solid var(--border-subtle,var(--eva-mid-teal));width:90%;max-width:550px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 var(--sds-size-depth-100,4px) var(--sds-size-depth-200,8px) rgba(0,0,0,.25)}.modal-title{color:var(--text-heading-strong,var(--eva-bright-yellow));margin:0}.circuit-tag{display:inline-flex;align-items:center;font:var(--font-body-small);font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--sds-size-radius-50);border:1px solid;transition:all .2s ease}.circuit-tag--small{padding:var(--sds-size-space-075) var(--sds-size-space-200);font-size:.75rem}.circuit-tag--medium{padding:var(--sds-size-space-100) var(--sds-size-space-250);font-size:.8rem}.circuit-tag--default{background:var(--surface-preview-background);color:var(--text-secondary);border-color:var(--border-default)}.circuit-tag--feature{background:var(--theme-info-bg);color:var(--theme-info-primary);border-color:var(--theme-info-border)}.circuit-tag--success{background:var(--theme-success-bg);color:var(--theme-success-primary);border-color:var(--theme-success-border)}.circuit-tag--warning{background:var(--theme-warning-bg);color:var(--theme-warning-primary);border-color:var(--theme-warning-border)}.circuit-tag--error{background:var(--theme-error-bg);color:var(--theme-error-primary);border-color:var(--theme-error-border)}.circuit-tag--info{background:var(--theme-info-bg);color:var(--theme-info-primary);border-color:var(--theme-info-border)}:root{--font-size-50:0.625rem;--font-size-75:0.75rem;--font-size-87:0.8125rem;--font-size-100:0.875rem;--font-size-200:1rem;--font-size-300:1.125rem;--font-size-400:1.375rem;--font-size-500:1.625rem;--font-size-600:1.875rem;--font-size-700:2.375rem;--font-size-800:2.875rem;--font-size-900:3.375rem;--font-size-1000:3.875rem;--line-height-tight:1.1;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em}.display-xl{font-size:var(--font-size-1000)}.display-lg,.display-xl{line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:700}.display-lg{font-size:var(--font-size-800)}.display-md{font-size:var(--font-size-700)}.display-md,.heading-1{line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:700}.heading-1{font-size:var(--font-size-800)}.heading-2{font-size:var(--font-size-600);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:700}.heading-3{font-size:var(--font-size-500)}.heading-3,.heading-4{line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:600}.heading-4{font-size:var(--font-size-400)}.heading-5{font-size:var(--font-size-300)}.heading-5,.heading-6{line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-tight);font-weight:600}.heading-6{font-size:var(--font-size-200)}.text-xl{font-size:var(--font-size-200)}.text-lg,.text-xl{line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}.text-lg{font-size:var(--font-size-100)}.text-base{font-size:var(--font-size-87)}.text-base,.text-sm{line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}.text-sm{font-size:var(--font-size-75)}.text-xs{font-size:var(--font-size-50);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}.ui-lg{font-size:var(--font-size-100)}.ui-lg,.ui-md{line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);font-weight:500}.ui-md{font-size:var(--font-size-75)}.ui-sm{font-size:var(--font-size-50);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);font-weight:500}.code-lg{font-size:var(--font-size-100)}.code-lg,.code-md{font-family:var(--font-mono);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.code-md{font-size:var(--font-size-75)}.code-sm{font-family:var(--font-mono);font-size:var(--font-size-50)}.caption,.code-sm{line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.caption{font-size:var(--font-size-75);color:var(--text-secondary)}.overline{letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.label,.overline{font-size:var(--font-size-75);line-height:var(--line-height-normal);font-weight:500}.label{letter-spacing:var(--letter-spacing-normal)}.type-scale-grid{display:grid;gap:var(--sds-size-space-600);padding:var(--sds-size-space-600);background:var(--surface-background-subtle);border-radius:var(--sds-size-radius-200);margin-bottom:var(--sds-size-space-600)}.type-example{display:grid;gap:var(--sds-size-space-200)}.font-scale-grid{display:grid;gap:var(--sds-size-space-400);padding:var(--sds-size-space-600);background:var(--surface-background-subtle);border-radius:var(--sds-size-radius-200)}.font-scale-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sds-size-space-200);background:var(--surface-background);border-radius:var(--sds-size-radius-100)}.code-block{padding:var(--sds-size-space-400);overflow-x:auto}.code-block,.implementation-example{background:var(--surface-background-subtle);border-radius:var(--sds-size-radius-200)}.implementation-example{padding:var(--sds-size-space-600)}