.ds-page{background:var(--cf-color-bg);color:var(--cf-color-text);font-family:var(--cf-font-sans);font-size:var(--cf-text-base);line-height:var(--cf-leading-body)}.ds-page *,.ds-page :before,.ds-page :after{box-sizing:border-box}.ds-page h1,.ds-page h2,.ds-page h3,.ds-page h4,.ds-page p{margin:0}.ds-page a{text-decoration:none}.ds-page button{font-family:inherit}.ds-page code{font-family:var(--cf-font-mono)}.ds-page :where(a,button,summary):focus-visible{outline:3px solid var(--cf-color-primary);outline-offset:4px}.ds-page .cf-button:focus-visible{outline:none}.ds-page .cf-panel{border-radius:var(--cf-radius-md);box-shadow:none}.ds-skip{border-radius:var(--cf-radius-sm);background:var(--cf-color-primary);color:#fff;z-index:30;padding:12px 18px;position:fixed;top:-100px;left:24px}.ds-skip:focus{top:12px}.ds-header{z-index:12;background:var(--cf-color-surface);border-bottom:1px solid var(--cf-color-border);justify-content:space-between;align-items:center;gap:24px;height:84px;padding:0 36px;display:flex;position:sticky;top:0}.ds-header-brand,.ds-header-actions{align-items:center;gap:22px;display:flex}.ds-header .brand{font-size:25px}.ds-header-separator{background:var(--cf-color-border);width:1px;height:24px}.ds-header-label{font-size:var(--cf-text-md);color:var(--cf-color-text-muted);font-weight:500}.ds-theme{color:var(--cf-color-text-muted);font-size:var(--cf-text-sm);white-space:nowrap;align-items:center;gap:8px;display:flex}.ds-layout{grid-template-columns:232px minmax(0,1fr);max-width:1660px;margin:0 auto;display:grid}.ds-sidebar{background:var(--cf-color-surface);border-right:1px solid var(--cf-color-border);flex-direction:column;gap:20px;height:calc(100dvh - 84px);min-height:500px;padding:32px 18px 28px;display:flex;position:sticky;top:84px;overflow:auto}.ds-sidebar-label{color:var(--cf-color-text-subtle);font:11px/1.5 var(--cf-font-mono);letter-spacing:.08em;padding:0 14px}.ds-sidebar nav{flex-direction:column;gap:5px;display:flex}.ds-sidebar nav a{border-radius:var(--cf-radius-sm);min-height:46px;color:var(--cf-color-text-muted);font-size:var(--cf-text-sm);transition:background var(--cf-motion-fast), color var(--cf-motion-fast);align-items:center;gap:11px;padding:11px 13px;font-weight:500;display:flex}.ds-sidebar nav a:hover{background:var(--cf-color-bg);color:var(--cf-color-text)}.ds-sidebar nav a[aria-current]{background:var(--cf-color-bg);color:var(--cf-color-text);box-shadow:inset 2px 0 var(--cf-color-primary)}.ds-sidebar nav small{font:11px var(--cf-font-mono);opacity:.75;margin-left:auto}.ds-sidebar-footer{border-top:1px solid var(--cf-color-border);margin-top:auto;padding:24px 14px 0}.ds-sidebar-footer p{color:var(--cf-color-text-muted);font-size:var(--cf-text-sm);margin:13px 0 20px}.ds-sidebar-footer a{font-size:var(--cf-text-xs);color:var(--cf-color-text-muted);align-items:center;gap:8px;min-height:44px;font-weight:500;display:inline-flex}.ds-main{min-width:0;padding:42px clamp(28px,4vw,68px) 0}.ds-section{border-bottom:1px solid var(--cf-color-border);margin-bottom:64px;padding-bottom:72px;scroll-margin-top:112px}.ds-breadcrumb{color:var(--cf-color-text-subtle);font-size:var(--cf-text-xs);align-items:center;gap:11px;margin-bottom:44px;display:flex}.ds-breadcrumb strong{color:var(--cf-color-text-muted);font-weight:500}.ds-hero-grid{grid-template-columns:minmax(0,1fr) 252px;align-items:center;gap:36px;display:grid}.ds-hero-kicker{font:11px/1.5 var(--cf-font-mono);color:var(--cf-color-primary);letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:22px;display:flex}.ds-hero-kicker>span:last-child{color:var(--cf-color-text-subtle);background:#e9edf4;border-radius:4px;margin-left:2px;padding:2px 6px}.ds-signal{background:var(--cf-color-primary);width:7px;height:7px;box-shadow:0 0 0 4px var(--cf-color-primary-soft);border-radius:50%;margin:0 4px}.ds-overview h1{letter-spacing:-.05em;max-width:14ch;font-size:clamp(40px,4.3vw,62px);font-weight:600;line-height:1.08}.ds-overview h1>span{color:var(--cf-color-text-muted)}.ds-lead{max-width:59ch;font-size:var(--cf-text-base);color:var(--cf-color-text-muted);line-height:1.75;margin:26px 0 0!important}.ds-hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.ds-hero-actions .cf-button{font-size:var(--cf-text-sm);padding-left:16px;padding-right:16px}.ds-identity-card{border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-md);background:var(--cf-color-surface);flex-direction:column;align-items:center;min-height:311px;padding:22px;display:flex;position:relative;overflow:hidden}.ds-identity-card>*{position:relative}.ds-identity-line{width:100%;color:var(--cf-color-text-subtle);font:11px/1.5 var(--cf-font-mono);letter-spacing:.04em;justify-content:space-between;align-items:center;display:flex}.ds-identity-line:first-child{margin-bottom:35px}.ds-identity-card>p{color:var(--cf-color-text-muted);margin-top:5px;font-size:12px}.ds-identity-swatches{gap:5px;margin:23px 0 28px;display:flex}.ds-identity-swatches span{background:var(--cf-color-primary);border-radius:2px;width:27px;height:7px}.ds-identity-swatches span:nth-child(2){background:var(--cf-color-text)}.ds-identity-swatches span:nth-child(3){background:var(--cf-color-border)}.ds-identity-swatches span:nth-child(4){background:var(--cf-color-accent)}.ds-identity-line:last-child{margin-top:auto}.ds-principles{border-top:1px solid var(--cf-color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:44px;padding-top:28px;display:grid}.ds-principles article>span{font:11px/1.5 var(--cf-font-mono);color:var(--cf-color-primary);letter-spacing:.03em}.ds-principles h3{font-size:var(--cf-text-base);letter-spacing:-.02em;margin:12px 0 8px;font-weight:600}.ds-principles p{font-size:var(--cf-text-sm);color:var(--cf-color-text-muted);line-height:1.65}.ds-page .cf-section-heading{align-items:flex-end;gap:32px;margin-bottom:32px}.ds-page .cf-section-heading h2{max-width:22ch;font-size:clamp(28px,2.7vw,38px)}.ds-page .cf-section-description{font-size:var(--cf-text-md);max-width:34ch}.ds-page .cf-eyebrow{margin-bottom:14px;font-size:11px}.ds-subsection-heading{justify-content:space-between;align-items:baseline;gap:16px;margin:30px 0 16px;display:flex}.ds-subsection-heading h3{font-size:var(--cf-text-lg);letter-spacing:-.02em;font-weight:600}.ds-subsection-heading>span{font-size:var(--cf-text-xs);color:var(--cf-color-text-muted)}.ds-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ds-color-card{border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-sm);background:var(--cf-color-surface);overflow:hidden}.ds-color-block{border-bottom:1px solid #1b253308;align-items:flex-end;height:91px;padding:14px 16px;display:flex}.ds-color-block span{font:var(--cf-text-xs)/1.5 var(--cf-font-mono)}.ds-color-meta{padding:16px}.ds-color-meta h4{font-size:var(--cf-text-md);font-weight:600}.ds-color-meta code{color:var(--cf-color-text-subtle);font-size:11px}.ds-color-meta p{font-size:var(--cf-text-xs);color:var(--cf-color-text-muted);margin-top:8px;line-height:1.55}.ds-status-colors{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;padding:18px 0 0;display:grid}.ds-status-colors>div{align-items:flex-start;gap:9px;display:flex}.ds-color-dot{border-radius:2px;flex-shrink:0;width:5px;height:24px;margin-top:2px}.ds-status-colors .cf-badge{min-height:25px;padding:3px 7px;font-size:11px}.ds-status-colors p{color:var(--cf-color-text-subtle);margin-top:8px;font-size:11px}.ds-status-colors p code{font-size:11px;display:inline-block}.ds-status-colors p span{display:none}.ds-status-colors p code+span+code{margin-left:3px}.ds-foundation-split{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;margin-top:12px;display:grid}.ds-foundation-split .ds-subsection-heading{flex-direction:column;align-items:flex-start;gap:2px;min-height:48px}.ds-type-panel{overflow:hidden}.ds-type-row{border-bottom:1px solid var(--cf-color-border);grid-template-columns:102px minmax(0,1fr);align-items:center;gap:16px;padding:20px;display:grid}.ds-type-row:last-child{border-bottom:none}.ds-type-meta{flex-direction:column;gap:5px;display:flex}.ds-type-meta strong{font-size:var(--cf-text-xs);font-weight:500}.ds-type-meta span{font:11px/1.6 var(--cf-font-mono);color:var(--cf-color-text-subtle)}.ds-type-display{letter-spacing:-.05em;font-size:clamp(32px,3.4vw,56px);font-weight:600;line-height:1.12}.ds-type-heading{letter-spacing:-.035em;font-size:28px;font-weight:600;line-height:1.25}.ds-type-body{font-size:16px;line-height:1.65}.ds-type-label{font-size:14px;font-weight:500;line-height:1.5}.ds-type-technical{font:12px/1.5 var(--cf-font-mono)}.ds-spacing-panel{padding:24px}.ds-space-bars{flex-direction:column;gap:13px;display:flex}.ds-space-bars>div{align-items:center;gap:18px;display:flex}.ds-space-bars code{width:24px;color:var(--cf-color-text-muted);font-size:11px}.ds-space-bars span{background:var(--cf-color-primary);opacity:.8;border-radius:2px;max-width:calc(100% - 42px);height:11px;display:block}.ds-radius-row{border-top:1px solid var(--cf-color-border);justify-content:space-between;gap:16px;margin-top:24px;padding-top:24px;display:flex}.ds-radius-row>div{flex-direction:column;align-items:center;gap:11px;display:flex}.ds-radius-row span{background:var(--cf-color-primary-soft);border:1px solid #bab3f0;width:44px;height:44px}.ds-radius-row code{color:var(--cf-color-text-muted);font-size:11px}.ds-caption{color:var(--cf-color-text-subtle);font-size:11px;line-height:1.7;margin-top:19px!important}.ds-component-panel{overflow:hidden}.ds-tabs{border-bottom:1px solid var(--cf-color-border);background:#fbfcfe;align-items:center;gap:26px;padding:0 24px;display:flex}.ds-tabs>button{min-height:60px;color:var(--cf-color-text-muted);cursor:pointer;background:0 0;border:0;padding:12px 0;font-size:14px;font-weight:500;position:relative}.ds-tabs>button[aria-selected=true]{color:var(--cf-color-primary)}.ds-tabs>button[aria-selected=true]:after{content:"";background:var(--cf-color-primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.ds-tabs>span{font:11px var(--cf-font-mono);letter-spacing:.04em;color:var(--cf-color-text-subtle);margin-left:auto}.ds-component-body{padding:30px}.ds-component-body[hidden]{display:none}.ds-specimen-label{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.ds-specimen-label h3{font-size:16px;font-weight:600}.ds-specimen-label>span{color:var(--cf-color-text-muted);font-size:12px}.ds-button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ds-button-row-end{align-items:flex-end;gap:20px}.ds-button-row-end>div{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.ds-button-row-end small{color:var(--cf-color-text-subtle);font-size:11px}.ds-action-feedback{min-height:42px;color:var(--cf-color-text-muted);align-items:flex-start;gap:9px;margin-top:20px;font-size:12px;display:flex}.ds-action-feedback svg{color:var(--cf-color-primary);flex-shrink:0;margin-top:2px}.ds-component-divider{background:var(--cf-color-border);height:1px;margin:19px 0 25px}.ds-danger-example{border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-md);background:var(--cf-color-bg);justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:18px;display:flex}.ds-danger-example strong{font-size:13px;font-weight:500}.ds-danger-example p{color:var(--cf-color-text-muted);margin-top:3px;font-size:12px}.ds-danger-example .cf-button{flex-shrink:0}.ds-fields-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ds-form-footer{align-items:center;gap:18px;margin-top:26px;display:flex}.ds-form-footer>span{color:var(--cf-color-text-muted);font-size:12px}.ds-valid{color:var(--cf-color-success);align-items:flex-start;gap:7px;display:flex}.ds-valid svg{flex-shrink:0;margin-top:1px}.ds-badge-row{flex-wrap:wrap;gap:9px;margin-bottom:26px;display:flex}.ds-feedback-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ds-notice{border-radius:var(--cf-radius-md);border:1px solid #0000;gap:12px;padding:18px;display:flex}.ds-notice>svg{flex-shrink:0;width:18px;height:18px;margin-top:2px}.ds-notice strong{font-size:13px;font-weight:600}.ds-notice p{margin-top:5px;font-size:12px;line-height:1.65}.ds-notice-info{color:var(--cf-color-info);background:var(--cf-color-info-soft)}.ds-notice-success{color:var(--cf-color-success);background:var(--cf-color-success-soft)}.ds-notice-warning{color:var(--cf-color-warning);background:var(--cf-color-warning-soft)}.ds-notice-danger{color:var(--cf-color-danger);background:var(--cf-color-danger-soft)}.ds-details{border-top:1px solid var(--cf-color-border);margin-top:24px;padding-top:12px}.ds-details summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px;font-weight:500}.ds-details p{color:var(--cf-color-text-muted);padding:4px 0 8px;font-size:13px;line-height:1.7}.ds-component-notes{flex-wrap:wrap;gap:16px 24px;margin-top:18px;display:flex}.ds-component-notes span{color:var(--cf-color-text-muted);align-items:center;gap:7px;font-size:12px;display:flex}.ds-component-notes svg{color:var(--cf-color-success)}.ds-pattern-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:25px;display:grid}.ds-pattern-rules article{gap:12px;display:flex}.ds-pattern-rules article>span{font:11px var(--cf-font-mono);color:var(--cf-color-primary);padding-top:4px}.ds-pattern-rules h4{font-size:13px;font-weight:600}.ds-pattern-rules p{color:var(--cf-color-text-muted);margin-top:7px;font-size:12px;line-height:1.65}.ds-guidelines-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.ds-guidelines-grid .cf-panel{border:0;border-top:1px solid var(--cf-color-border);background:0 0;border-radius:0;padding:24px 0}.ds-guideline-icon{width:28px;height:28px;color:var(--cf-color-primary);align-items:center;margin-bottom:19px;display:flex}.ds-guideline-icon svg{width:20px;height:20px}.ds-guidelines-grid h3{letter-spacing:-.02em;font-size:16px;font-weight:600;line-height:1.4}.ds-guidelines-grid p{color:var(--cf-color-text-muted);margin:12px 0 20px;font-size:13px;line-height:1.75}.ds-writing-example{border-top:1px solid var(--cf-color-border);color:var(--cf-color-primary);padding-top:18px;font-size:13px;font-weight:500}.ds-guidelines-grid small{color:var(--cf-color-text-subtle);margin-top:7px;font-size:11px;display:block}.ds-mono{font-family:var(--cf-font-mono);font-size:12px}.ds-behavior-strip{border-top:1px solid var(--cf-color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:26px;padding:24px 0 0;display:grid}.ds-behavior-strip strong{font-size:13px;font-weight:600}.ds-behavior-strip p{color:var(--cf-color-text-muted);margin-top:6px;font-size:12px;line-height:1.7}.ds-implementation-grid{grid-template-columns:1.1fr 1fr;gap:22px;display:grid}.ds-code-panel{overflow:hidden}.ds-code-panel>div{border-bottom:1px solid var(--cf-color-border);background:#fbfcfe;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex}.ds-code-panel>div>span{color:var(--cf-color-text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.ds-code-panel pre{font:12px/1.9 var(--cf-font-mono);color:#4a4774;margin:0;padding:25px;overflow:auto}.ds-resource-stack{flex-direction:column;gap:18px;display:flex}.ds-resource-stack .cf-panel{align-items:flex-start;gap:16px;padding:24px;display:flex}.ds-resource-icon{color:var(--cf-color-primary);margin-top:3px}.ds-resource-stack h3{font-size:16px;font-weight:600}.ds-resource-stack p{color:var(--cf-color-text-muted);margin:8px 0 15px;font-size:13px;line-height:1.7}.ds-resource-stack code{color:var(--cf-color-primary);overflow-wrap:anywhere;font-size:11px}.ds-final-note{border-top:1px solid var(--cf-color-border);justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:28px 0 0;display:flex}.ds-final-note strong{font-size:16px;font-weight:600}.ds-final-note p{color:var(--cf-color-text-muted);margin-top:6px;font-size:13px}.ds-final-note .cf-button{flex-shrink:0}.ds-implementation{margin-bottom:0;padding-bottom:42px}.ds-footer{color:var(--cf-color-text-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 0 34px;font-size:11px;display:flex}.ds-footer a{min-height:44px;color:var(--cf-color-text-muted);align-items:center;gap:5px;display:inline-flex}.ds-process-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.ds-process-heading strong{letter-spacing:-.02em;font-size:16px;font-weight:600}.ds-process-heading p{color:var(--cf-color-text-muted);margin-top:5px;font-size:12px}.ds-page .process-exp__caption h3{margin:0 0 7px}.ds-process-context{border-top:1px solid var(--cf-color-border);grid-template-columns:220px minmax(0,1fr);gap:40px;margin-top:30px;padding-top:28px;display:grid}.ds-context-intro>span{font:11px/1.6 var(--cf-font-mono);letter-spacing:.035em;color:var(--cf-color-text-subtle)}.ds-context-intro p{color:var(--cf-color-text-muted);margin-top:10px;font-size:13px;line-height:1.7}.ds-process-context dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;display:grid}.ds-process-context dt{font-size:13px;font-weight:600}.ds-process-context dd{color:var(--cf-color-text-muted);margin:9px 0 0;font-size:12px;line-height:1.75}.ds-visual-language .ds-subsection-heading{margin-top:0}.ds-visual-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:24px;display:grid}.ds-visual-rules article{border-top:1px solid var(--cf-color-border);padding-top:20px}.ds-visual-rules article>span{font:11px/1.6 var(--cf-font-mono);letter-spacing:.035em;color:var(--cf-color-text-subtle)}.ds-visual-rules h4{margin-top:12px;font-size:15px;font-weight:600;line-height:1.45}.ds-visual-rules p{color:var(--cf-color-text-muted);margin-top:10px;font-size:13px;line-height:1.8}@media (min-width:1500px){.ds-main{padding-left:68px;padding-right:68px}.ds-hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:52px}.ds-identity-card{min-height:340px}.ds-overview h1{font-size:64px}}@media (max-width:1200px){.ds-layout{grid-template-columns:211px minmax(0,1fr)}.ds-sidebar{padding-left:12px;padding-right:12px}.ds-main{padding-left:30px;padding-right:30px}.ds-hero-grid{grid-template-columns:minmax(0,1fr) 211px;gap:25px}.ds-overview h1{font-size:48px}.ds-identity-card{min-height:300px;padding:18px}.ds-foundation-split{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}.ds-type-row{grid-template-columns:85px minmax(0,1fr);gap:12px;padding:18px}.ds-type-heading{font-size:24px}.ds-page .cf-section-heading{flex-direction:column;align-items:flex-start;gap:14px}.ds-page .cf-section-description{max-width:58ch}.ds-guidelines-grid{gap:12px}.ds-guidelines-grid .cf-panel{padding:20px 0}}@media (max-width:960px){.ds-process-context{grid-template-columns:1fr;gap:20px}.ds-context-intro{max-width:55ch}.ds-header{height:76px;padding:0 24px}.ds-header-brand,.ds-header-actions{gap:16px}.ds-layout{display:block}.ds-sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--cf-color-border);height:auto;min-height:0;padding:8px 20px;top:76px;overflow:visible}.ds-sidebar-label,.ds-sidebar-footer{display:none}.ds-sidebar nav{scrollbar-width:thin;flex-direction:row;gap:5px;overflow-x:auto}.ds-sidebar nav a{white-space:nowrap;flex-shrink:0;min-height:44px;padding:9px 12px;font-size:12px}.ds-sidebar nav small{display:none}.ds-sidebar nav svg{width:15px}.ds-main{padding:32px 30px 0}.ds-section{scroll-margin-top:160px}.ds-breadcrumb{margin-bottom:36px}.ds-hero-grid{grid-template-columns:minmax(0,1fr) 240px;gap:35px}.ds-overview h1{font-size:52px}.ds-theme{display:none}.ds-section{margin-bottom:48px;padding-bottom:56px}.ds-implementation{margin-bottom:0;padding-bottom:32px}}@media (max-width:640px){.ds-process-heading{align-items:flex-start;gap:12px}.ds-process-heading strong{font-size:14px}.ds-process-heading .cf-badge{font-size:11px}.ds-process-context dl,.ds-visual-rules{grid-template-columns:1fr;gap:20px}.ds-process-context dl>div{grid-template-columns:86px minmax(0,1fr);gap:16px;display:grid}.ds-process-context dd{margin:0}.ds-visual-rules{gap:24px}.ds-header{gap:14px;height:72px;padding:0 20px}.ds-header-label,.ds-header-separator{display:none}.ds-header .brand{font-size:24px}.ds-header .cf-button{padding:9px 11px;font-size:12px}.ds-sidebar{padding-left:14px;padding-right:14px;top:72px}.ds-sidebar nav a{gap:7px;padding:9px 11px;font-size:12px}.ds-main{padding:25px 20px 0}.ds-section{scroll-margin-top:152px}.ds-breadcrumb{margin-bottom:30px;font-size:11px}.ds-hero-grid{grid-template-columns:1fr;gap:28px}.ds-hero-kicker{margin-bottom:20px;font-size:11px}.ds-overview h1{letter-spacing:-.045em;max-width:16ch;font-size:43px;line-height:1.12}.ds-lead{font-size:15px;line-height:1.75;margin-top:21px!important}.ds-hero-actions{gap:11px;margin-top:23px}.ds-hero-actions .cf-button{flex-grow:1;padding:11px 12px;font-size:12px}.ds-identity-card{min-height:250px;padding:20px 24px}.ds-identity-line:first-child{margin-bottom:16px}.ds-identity-swatches{margin:15px 0 17px}.ds-principles{grid-template-columns:1fr;gap:22px;margin-top:28px;padding-top:26px}.ds-principles h3{margin-top:8px}.ds-principles p{max-width:48ch}.ds-subsection-heading{flex-direction:column;align-items:flex-start;gap:3px;margin-top:24px}.ds-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ds-color-block{height:83px;padding:12px}.ds-color-meta{padding:13px}.ds-color-meta code,.ds-color-meta p{font-size:11px}.ds-status-colors{grid-template-columns:1fr 1fr;gap:18px;margin-top:15px}.ds-status-colors p code{font-size:11px}.ds-foundation-split{grid-template-columns:1fr;gap:0}.ds-foundation-split .ds-subsection-heading{min-height:0}.ds-type-row{grid-template-columns:86px minmax(0,1fr);gap:14px;padding:19px 16px}.ds-type-display{font-size:37px}.ds-type-heading{font-size:25px}.ds-type-body{font-size:15px}.ds-spacing-panel{padding:24px}.ds-space-bars span{max-width:calc(100% - 42px)}.ds-component-body{padding:22px 18px}.ds-tabs{gap:22px;padding:0 18px}.ds-tabs>button{min-height:55px;font-size:13px}.ds-tabs>span{display:none}.ds-specimen-label{flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:20px}.ds-button-row{gap:11px}.ds-button-row .cf-button{padding-left:13px;padding-right:13px;font-size:12px}.ds-button-row-end{gap:16px}.ds-button-row-end>div{min-width:42%}.ds-danger-example{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.ds-fields-grid,.ds-feedback-grid{grid-template-columns:1fr;gap:22px}.ds-form-footer{flex-direction:column;align-items:flex-start;gap:12px}.ds-notice{padding:16px}.ds-feedback-grid{gap:12px}.ds-component-notes{gap:12px 18px}.ds-component-notes span{font-size:11px}.ds-pattern-rules,.ds-guidelines-grid,.ds-behavior-strip{grid-template-columns:1fr;gap:23px}.ds-guidelines-grid{gap:14px}.ds-guidelines-grid .cf-panel{border:0;border-top:1px solid var(--cf-color-border);background:0 0;border-radius:0;padding:24px 0}.ds-implementation-grid{grid-template-columns:1fr;gap:18px}.ds-code-panel pre{padding:20px 18px;font-size:11px}.ds-resource-stack .cf-panel{padding:22px}.ds-final-note{flex-direction:column;align-items:flex-start;gap:18px}.ds-footer{flex-direction:column;align-items:flex-start;gap:4px;padding-top:22px}}@media (prefers-reduced-motion:reduce){.ds-page *{scroll-behavior:auto}.ds-sidebar nav a{transition:none}}.ds-identity-signature .brand{flex-direction:column;gap:13px;font-size:30px;line-height:1.2;display:flex}.ds-identity-signature .brand-mark{width:48px;height:48px}.ds-page .ds-catalog-pattern{border-top:1px solid var(--cf-color-border);margin-top:44px;padding-top:12px}.ds-page .ds-catalog-journey{counter-reset:packaging-step;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px;padding:0;list-style:none;display:grid}.ds-page .ds-catalog-journey li{counter-increment:packaging-step;min-width:0;font-size:var(--cf-text-xs);color:var(--cf-color-text-muted);align-items:center;gap:9px;display:flex}.ds-page .ds-catalog-journey li:before{content:"0" counter(packaging-step);font:11px/1.5 var(--cf-font-mono);color:var(--cf-color-primary)}.ds-page .ds-catalog-intro{max-width:68ch;color:var(--cf-color-text-muted);font-size:var(--cf-text-sm);margin-bottom:24px;line-height:1.7}.ds-page .ds-catalog-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-bottom:24px;display:grid}.ds-page .ds-catalog-scope{border:0;min-width:0;margin:0;padding:0}.ds-page .ds-catalog-scope legend{font-size:var(--cf-text-sm);margin-bottom:8px;padding:0;font-weight:500}.ds-page .ds-catalog-scope-options{flex-wrap:wrap;gap:8px;display:flex}.ds-page .ds-catalog-scope-options label{border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-sm);background:var(--cf-color-surface);min-height:44px;font-size:var(--cf-text-xs);cursor:pointer;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.ds-page .ds-catalog-scope-options input{accent-color:var(--cf-color-primary);width:16px;height:16px;margin:0}.ds-page .ds-catalog-scope-options input:focus-visible{outline:3px solid var(--cf-color-primary);outline-offset:4px}.ds-page .ds-catalog-fieldset{border:0;min-width:0;margin:0;padding:0}.ds-page .ds-catalog-fieldset legend{font-size:var(--cf-text-md);padding:0;font-weight:600}.ds-page .ds-catalog-hint{color:var(--cf-color-text-muted);font-size:var(--cf-text-xs);margin:7px 0 18px}.ds-page .ds-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ds-page .ds-catalog-card{border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-sm);background:var(--cf-color-surface);min-width:0}.ds-page .ds-catalog-card.is-selected{border-color:var(--cf-color-primary);box-shadow:inset 0 0 0 1px var(--cf-color-primary);background:var(--cf-color-primary-soft)}.ds-page .ds-catalog-choice{cursor:pointer;border-radius:var(--cf-radius-sm);flex-direction:column;gap:8px;padding:16px;display:flex}.ds-page .ds-catalog-choice:has(input:focus-visible){outline:3px solid var(--cf-color-primary);outline-offset:4px}.ds-page .ds-catalog-brand{justify-content:space-between;align-items:center;gap:14px;min-height:34px;display:flex}.ds-page .ds-catalog-brand img{object-fit:contain;object-position:left center;width:110px;height:30px}.ds-page .ds-catalog-brand input{width:18px;height:18px;accent-color:var(--cf-color-primary);flex-shrink:0;margin:0}.ds-page .ds-catalog-brand input:focus-visible{outline:3px solid var(--cf-color-primary);outline-offset:4px}.ds-page .ds-catalog-photo{object-fit:contain;background:var(--cf-color-surface);border-radius:4px;width:100%;height:130px;margin:5px 0 8px}.ds-page .ds-catalog-choice>strong{font-size:var(--cf-text-sm);font-weight:600;line-height:1.5}.ds-page .ds-catalog-dimension-label{color:var(--cf-color-text-muted);font-size:11px}.ds-page .ds-catalog-dimensions{font:11px/1.7 var(--cf-font-mono);font-variant-numeric:tabular-nums;color:var(--cf-color-text)}.ds-page .ds-catalog-state{font-size:var(--cf-text-xs);color:var(--cf-color-text-muted);margin-top:3px}.ds-page .ds-catalog-card.is-selected .ds-catalog-state{color:var(--cf-color-primary);font-weight:500}.ds-page .ds-catalog-card>a{border-top:1px solid var(--cf-color-border);min-height:44px;color:var(--cf-color-text-muted);font-size:var(--cf-text-xs);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.ds-page .ds-catalog-card>a:hover{color:var(--cf-color-primary);text-underline-offset:3px;text-decoration:underline}.ds-page .ds-catalog-card>a svg{flex-shrink:0}.ds-page .ds-catalog-specimen-actions{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;display:flex}.ds-page .ds-catalog-specimen-actions>span{color:var(--cf-color-text-muted);font-size:11px}.ds-page .ds-catalog-summary{border-left:2px solid var(--cf-color-primary);border-radius:0 var(--cf-radius-sm) var(--cf-radius-sm) 0;background:var(--cf-color-primary-soft);align-items:flex-start;gap:10px;margin-top:18px;padding:16px;display:flex}.ds-page .ds-catalog-summary svg{color:var(--cf-color-primary);flex-shrink:0;margin-top:3px}.ds-page .ds-catalog-summary p{font-size:var(--cf-text-xs);color:var(--cf-color-text-muted);line-height:1.7}.ds-page .ds-catalog-summary strong{color:var(--cf-color-text);font-weight:600}.ds-page .ds-catalog-credit{color:var(--cf-color-text-muted);margin-top:12px;font-size:11px;line-height:1.7}.ds-page .ds-catalog-empty{border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-sm);background:var(--cf-color-surface);align-items:flex-start;gap:12px;padding:20px;display:flex}.ds-page .ds-catalog-empty>svg{color:var(--cf-color-text-muted);flex-shrink:0;margin-top:2px}.ds-page .ds-catalog-empty strong{font-size:var(--cf-text-sm);font-weight:600}.ds-page .ds-catalog-empty p{font-size:var(--cf-text-xs);color:var(--cf-color-text-muted);margin-top:6px}.ds-page .ds-catalog-assumptions{font-size:var(--cf-text-xs);color:var(--cf-color-text-muted);margin-top:16px}.ds-page .ds-catalog-assumptions summary{cursor:pointer;text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:flex}.ds-page .ds-catalog-assumptions p{max-width:80ch;padding-bottom:8px;line-height:1.8}@media (max-width:760px){.ds-page .ds-catalog-controls{grid-template-columns:1fr;gap:20px}.ds-page .ds-catalog-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.ds-page .ds-catalog-grid{grid-template-columns:1fr}.ds-page .ds-catalog-choice{grid-template-columns:104px minmax(0,1fr);gap:5px 16px;display:grid}.ds-page .ds-catalog-brand{grid-column:1/-1;margin-bottom:9px}.ds-page .ds-catalog-photo{grid-area:2/1/6;height:104px;margin:0}.ds-page .ds-catalog-choice>strong,.ds-page .ds-catalog-dimension-label,.ds-page .ds-catalog-dimensions,.ds-page .ds-catalog-state{grid-column:2}.ds-page .ds-catalog-state{margin-top:0}}.ds-catalog-geometry-note{color:#865f20;margin:0 15px 12px;font-size:11px;line-height:1.65}