.auth-shell{padding:0}.auth-shell .site-main{display:block;margin:0}.auth-page{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);min-height:100svh;background:var(--color-porcelain);color:var(--color-graphite)}.auth-panel{display:flex;flex-direction:column;padding:32px clamp(24px,5vw,80px)}.auth-brand{display:inline-flex;align-items:center;width:max-content;padding:9px 12px;background:var(--color-graphite);text-decoration:none}.auth-brand img{display:block;width:146px;height:auto}.auth-form-wrap{display:flex;flex:1;align-items:center;justify-content:center;padding:64px 0}.auth-content{width:min(100%,410px)}.auth-content h1{margin:0;font-family:var(--font-display);font-variant-numeric:lining-nums;font-size:clamp(40px,4.5vw,60px);font-weight:400;line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.auth-subtitle{margin:16px 0 32px;color:color-mix(in srgb,var(--color-graphite) 76%,var(--color-steel-support));font:var(--type-body);letter-spacing:var(--tracking-body)}.auth-oauth{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-oauth a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:47px;border:1px solid var(--color-steel-support);background:#fff;color:var(--color-graphite);text-decoration:none;font-size:14px;font-weight:600}.auth-oauth a:hover,.auth-oauth a:focus-visible{border-color:var(--color-graphite)}.auth-oauth span{font-family:var(--font-sans);font-size:18px}.auth-divider{display:flex;align-items:center;gap:13px;margin:25px 0;color:color-mix(in srgb,var(--color-graphite) 72%,var(--color-steel-support));font-family:var(--font-mono);font-size:10px;font-weight:var(--font-mono-weight);letter-spacing:var(--font-mono-tracking);text-transform:var(--font-mono-transform);white-space:nowrap}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-steel-support)}.auth-form{display:grid;gap:18px}.auth-field{display:grid;gap:7px}.auth-field label{font-size:14px;font-weight:600}.auth-field input{width:100%;min-height:48px;padding:0 13px;border:1px solid var(--color-steel-support);border-radius:0;background:#fff;color:var(--color-graphite);font:inherit;outline:none}.auth-field input:focus-visible{border-color:var(--color-graphite);box-shadow:0 0 0 2px var(--color-graphite)}.auth-error{padding:12px;border-left:3px solid var(--color-error-edge);background:var(--color-error-wash);color:var(--color-error-ink);font-size:13px;line-height:1.45}.auth-submit{min-height:49px;margin-top:4px;padding:0 20px;border:1px solid var(--color-graphite);background:var(--color-graphite);color:var(--color-porcelain);font-family:var(--font-mono);font-size:13px;font-weight:var(--font-mono-weight);letter-spacing:var(--font-mono-tracking);text-transform:var(--font-mono-transform);cursor:pointer}.auth-submit:hover,.auth-submit:focus-visible{background:var(--color-iron-fabric)}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-footer,.auth-legal,.auth-free{font:var(--type-supporting);letter-spacing:var(--tracking-supporting)}.auth-footer{color:var(--color-graphite);text-align:center}.auth-footer a,.auth-legal a{color:var(--color-graphite);font-weight:600;text-underline-offset:3px}.auth-legal{margin-top:24px;color:color-mix(in srgb,var(--color-graphite) 78%,var(--color-steel-support));text-align:center}.auth-free{margin-top:23px;color:color-mix(in srgb,var(--color-graphite) 78%,var(--color-steel-support));text-align:center}.auth-aside{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:42px clamp(30px,5vw,85px);background:var(--color-iron-fabric);color:var(--color-porcelain)}.auth-aside:after{content:"";position:absolute;right:-12%;bottom:8%;width:65%;aspect-ratio:1;border:1px solid var(--color-steel-support);border-radius:50%;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff06;pointer-events:none}.auth-aside-top,.auth-aside-bottom,.auth-aside-label{font-family:var(--font-mono);font-size:11px;font-weight:var(--font-mono-weight);letter-spacing:var(--font-mono-tracking);text-transform:var(--font-mono-transform)}.auth-aside-top,.auth-aside-label,.auth-aside-bottom{color:color-mix(in srgb,var(--color-steel-support) 65%,var(--color-porcelain))}.auth-aside-center{position:relative;z-index:1;max-width:570px}.auth-aside-center h2{margin:18px 0;font-family:var(--font-display);font-variant-numeric:lining-nums;font-size:clamp(58px,7vw,112px);font-weight:400;line-height:.9;letter-spacing:-.05em;text-wrap:balance}.auth-aside-center em{color:var(--color-copper);font-weight:400}.auth-aside-center>p:last-child{max-width:330px;color:var(--color-porcelain);font:var(--type-body);letter-spacing:var(--tracking-body)}.auth-aside-bottom{position:relative;z-index:1}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-panel{min-height:100svh}.auth-form-wrap{padding:48px 0}.auth-aside{display:none}}@media(max-width:440px){.auth-panel{padding:var(--spacing-mobile-section)}.auth-content h1{font-size:46px}.auth-subtitle{margin-top:var(--spacing-mobile-heading-copy)}.auth-oauth{gap:8px}}@media(max-width:1023px),(pointer:coarse){.auth-brand{min-height:44px}}@media(max-width:768px){.auth-error{font-size:var(--text-body-sm)}}@media(max-width:430px){.auth-error{font-size:16px}}.ds-page{--ds-inset: var(--ds-spacing-inset);--ds-label: var(--font-mono-weight) var(--ds-fontSize-mono-sm)/1.4 var(--font-mono);--ds-label-strong: var(--font-mono-weight) var(--ds-fontSize-mono-md)/1.4 var(--font-mono);display:flex;flex-direction:column;gap:var(--ds-spacing-panel);min-width:0}.ds-section :is(h2,h3,p,figure,dl,dd){margin:0}.ds-page code{font:var(--ds-label);letter-spacing:var(--font-mono-tracking);overflow-wrap:anywhere}.ds-toc{margin-top:var(--ds-spacing-heading-copy)}.ds-section{display:flex;flex-direction:column;gap:var(--ds-spacing-heading-copy);padding:var(--ds-spacing-section) var(--ds-inset);scroll-margin-top:var(--ds-spacing-heading-copy)}.ds-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ds-spacing-heading-copy) var(--ds-spacing-section);align-items:end;padding-bottom:var(--ds-spacing-heading-copy);border-bottom:var(--ds-border-hairline) solid var(--ds-role-border-default)}.ds-heading h2{font:var(--type-h2);font-variant-numeric:var(--fvn-h2, lining-nums);letter-spacing:var(--tracking-h2);overflow-wrap:anywhere;text-wrap:balance}.ds-heading p{max-width:var(--ds-size-lede-max);color:var(--ds-role-text-secondary);font:var(--type-body);letter-spacing:var(--tracking-body)}.ds-subhead,.ds-card h3,.ds-component h3{font:var(--type-card-title);letter-spacing:var(--tracking-card-title)}.ds-section .ds-subhead{margin-top:var(--ds-spacing-heading-copy)}.ds-note{max-width:var(--ds-size-lede-max);color:var(--ds-role-text-secondary);font:var(--type-supporting);letter-spacing:var(--tracking-supporting)}.ds-card .ds-note{margin-block:var(--ds-spacing-panel) var(--ds-spacing-heading-copy)}.ds-meta{color:var(--ds-role-text-secondary);font:var(--ds-label);letter-spacing:var(--font-mono-tracking);overflow-wrap:anywhere}.ds-mono-ink{font:var(--ds-label-strong);letter-spacing:var(--font-mono-tracking);color:var(--ds-role-text-primary)}.ds-flag{display:inline-block;margin-inline-end:var(--ds-spacing-panel);padding:0 var(--ds-spacing-panel);border:var(--ds-border-hairline) solid var(--ds-role-border-interactive);color:var(--ds-role-text-primary);font:var(--ds-label);letter-spacing:var(--font-mono-tracking);text-transform:var(--font-mono-transform)}.ds-link{display:inline-flex;align-items:center;min-height:var(--ds-size-control-min);color:var(--ds-role-text-primary);font:var(--ds-label-strong);letter-spacing:var(--font-mono-tracking);text-transform:var(--font-mono-transform);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.ds-link:is(:hover,:focus-visible){text-decoration-color:var(--ds-role-border-interactive)}.ds-card{display:flex;flex-direction:column;gap:var(--ds-spacing-panel);min-width:0;padding:var(--ds-spacing-heading-copy);background:var(--ds-role-background-panel);border:var(--ds-border-hairline) solid var(--ds-role-border-divider);border-radius:var(--ds-radius-panel)}.ds-card p{color:var(--ds-role-text-secondary);font:var(--type-supporting);letter-spacing:var(--tracking-supporting)}.ds-card__title{color:var(--ds-role-text-primary);font:var(--type-card-title);letter-spacing:var(--tracking-card-title);overflow-wrap:anywhere}.ds-split,.ds-guidance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-spacing-panel)}.ds-token-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--ds-spacing-panel)}.ds-specs{display:grid;gap:4px var(--ds-spacing-panel);grid-template-columns:max-content minmax(0,1fr)}.ds-specs>div{display:contents}.ds-specs dt{color:var(--ds-role-text-secondary);font:var(--ds-label);letter-spacing:var(--font-mono-tracking);text-transform:var(--font-mono-transform);padding-top:2px}.ds-specs dd{color:var(--ds-role-text-primary);font:var(--type-supporting);letter-spacing:var(--tracking-supporting);overflow-wrap:anywhere}.ds-logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--ds-spacing-panel)}.ds-logo{padding:0;overflow:hidden}.ds-logo__art{display:grid;place-items:center;min-height:160px;padding:var(--ds-inset) var(--ds-spacing-heading-copy);background:var(--ds-role-background-page);border-bottom:var(--ds-border-hairline) solid var(--ds-role-border-divider)}.ds-logo__art img{width:auto;max-width:100%;max-height:64px}.ds-logo figcaption{display:flex;flex-direction:column;gap:var(--ds-spacing-panel);padding:var(--ds-spacing-heading-copy)}.ds-logo .ds-card__title{font:var(--type-body);letter-spacing:var(--tracking-body)}.ds-clearspace{--art: clamp(200px, 30vw, 440px);width:fit-content;max-width:100%;padding:calc(var(--art) / var(--ratio) * var(--clear-fraction));background:var(--ds-role-background-page);outline:var(--ds-border-hairline) dashed var(--ds-role-border-interactive)}.ds-clearspace img{display:block;width:var(--art);outline:var(--ds-border-hairline) solid var(--ds-role-border-divider)}.ds-minsize{display:flex;flex-wrap:wrap;align-items:end;gap:var(--ds-spacing-section);padding:var(--ds-spacing-heading-copy);background:var(--ds-role-background-page)}.ds-minsize figure{display:flex;flex-direction:column;gap:var(--ds-spacing-panel)}.ds-minsize img{max-width:none}.ds-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--ds-spacing-panel);margin:0;padding:0;list-style:none}.ds-swatch__chip{display:block;height:96px;margin:calc(-1 * var(--ds-spacing-heading-copy)) calc(-1 * var(--ds-spacing-heading-copy)) var(--ds-spacing-panel);border-bottom:var(--ds-border-hairline) solid var(--ds-role-border-divider);border-radius:var(--ds-radius-panel) var(--ds-radius-panel) 0 0}.ds-roles{display:flex;flex-wrap:wrap;gap:4px}.ds-roles code{padding:0 6px;border:var(--ds-border-hairline) solid var(--ds-role-border-divider);color:var(--ds-role-text-primary)}.ds-section .ds-contrast{display:grid;gap:4px;margin-top:auto;padding-top:var(--ds-spacing-panel);border-top:var(--ds-border-hairline) solid var(--ds-role-border-divider)}.ds-contrast>div{display:grid;gap:4px}.ds-contrast dt{color:var(--ds-role-text-secondary);font:var(--type-supporting)}.ds-contrast dd{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ds-contrast dd>.ds-mono-ink{min-width:8ch}.ds-verdict{display:inline-block;padding:1px 6px;border:var(--ds-border-hairline) solid var(--ds-role-border-divider);color:var(--ds-role-text-primary);font:var(--ds-label);letter-spacing:var(--font-mono-tracking);text-transform:var(--font-mono-transform);white-space:nowrap}.ds-verdict:before{content:"✓ ";content:"✓ " / ""}.ds-verdict--fail{border-color:var(--ds-role-status-error-edge);background:var(--ds-role-status-error-wash);color:var(--ds-role-status-error-ink)}.ds-verdict--fail:before{content:"✕ ";content:"✕ " / ""}.ds-sample{display:block;width:56px;height:40px;border:var(--ds-border-hairline) solid var(--ds-role-border-divider);flex:none}.ds-sample text{font:500 20px/1 var(--font-sans)}.ds-table-wrap{max-width:100%;overflow-x:auto;border:var(--ds-border-hairline) solid var(--ds-role-border-divider);border-radius:var(--ds-radius-panel)}.ds-table-wrap:focus-visible{outline-offset:2px}.ds-table{width:100%;min-width:640px;border-collapse:collapse;color:var(--ds-role-text-primary);font:var(--type-supporting);letter-spacing:var(--tracking-supporting)}.ds-table th,.ds-table td{padding:12px var(--ds-spacing-heading-copy) 12px 0;border-bottom:var(--ds-border-hairline) solid var(--ds-role-border-divider);text-align:left;vertical-align:middle;font-weight:inherit}.ds-table th:first-child,.ds-table td:first-child{padding-inline-start:var(--ds-spacing-heading-copy)}.ds-table thead th{color:var(--ds-role-text-secondary);font:var(--ds-label);letter-spacing:var(--font-mono-tracking);text-transform:var(--font-mono-transform)}.ds-table tbody tr:last-child>*{border-bottom:0}.ds-table th[scope=row] .ds-meta,.ds-table td .ds-meta{display:block;text-transform:none}.ds-families{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--ds-spacing-panel);margin:0;padding:0;list-style:none}.ds-family__glyphs{color:var(--ds-role-text-primary);font-size:var(--ds-fontSize-emphasis);line-height:1}.ds-roles-list{margin:0;padding:0;list-style:none;border-top:var(--ds-border-hairline) solid var(--ds-role-border-divider)}.ds-type-role{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2.4fr);gap:var(--ds-spacing-heading-copy) var(--ds-spacing-section);align-items:center;padding-block:var(--ds-spacing-heading-copy);border-bottom:var(--ds-border-hairline) solid var(--ds-role-border-divider)}.ds-type-role__meta{display:flex;flex-direction:column;gap:var(--ds-spacing-panel);min-width:0}.ds-type-role__specimen{min-width:0;color:var(--ds-role-text-primary);overflow-wrap:anywhere}.ds-axis{display:inline-block;margin-inline-end:var(--ds-spacing-panel)}.ds-axis .ds-meta{text-transform:none}.ds-scale{display:grid;margin:0;padding:0;list-style:none}.ds-scale li{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:4px var(--ds-spacing-heading-copy);padding-block:var(--ds-spacing-panel);border-bottom:var(--ds-border-hairline) solid var(--ds-role-border-divider)}.ds-scale li:last-child{border-bottom:0}.ds-scale li>.ds-meta:first-child{white-space:nowrap}.ds-scale li>.ds-mono-ink{min-width:0;overflow-wrap:anywhere;text-align:end}.ds-scale .ds-bars__note{grid-column:1 / -1}.ds-bars{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-spacing-heading-copy);margin:0;padding:0;list-style:none}.ds-bars li{display:grid;gap:6px;min-width:0}.ds-bars__label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--ds-spacing-panel)}.ds-bars__bar{display:block;max-width:100%;height:var(--ds-spacing-panel);min-width:var(--ds-border-hairline);background:var(--ds-role-border-interactive)}.ds-bars__note{color:var(--ds-role-text-secondary);font:var(--type-supporting);letter-spacing:var(--tracking-supporting)}.ds-shapes,.ds-shadows{display:grid;gap:var(--ds-spacing-heading-copy);margin:0;padding:0;list-style:none}.ds-shapes li,.ds-shadows li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px var(--ds-spacing-heading-copy)}.ds-shapes li>.ds-bars__note,.ds-shadows li>.ds-bars__note,.ds-shadows li>code{grid-column:2 / -1}.ds-shapes__shape{grid-row:span 2;width:56px;height:56px;border:var(--ds-border-focus) solid var(--ds-role-text-primary)}.ds-shapes__line{grid-row:span 2;width:56px;border-top-style:solid;border-top-color:var(--ds-role-text-primary)}.ds-shadows__surface{grid-row:span 3;display:grid;place-items:center;width:96px;height:96px;background:var(--ds-role-background-light)}.ds-shadows__surface span{width:56px;height:40px;background:var(--ds-role-background-input);border-radius:var(--ds-radius-panel)}.ds-shadows code{color:var(--ds-role-text-secondary)}.ds-motion__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-spacing-heading-copy);margin-bottom:var(--ds-spacing-heading-copy)}.ds-motion__controls .motion-button{flex:none}.ds-reduced-note{display:none}@media(prefers-reduced-motion:reduce){.ds-reduced-note{display:inline}}.ds-eases{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--ds-spacing-panel);margin:0;padding:0;list-style:none}.ds-ease>div:not(.ds-ease__track){display:flex;flex-direction:column;gap:var(--ds-spacing-panel)}.ds-ease__curve{width:100%;max-width:200px;height:auto;overflow:visible}.ds-ease__axis{fill:none;stroke:var(--ds-role-border-divider);stroke-width:var(--ds-border-hairline)}.ds-ease__handles{fill:none;stroke:var(--ds-role-border-interactive);stroke-width:var(--ds-border-hairline);stroke-dasharray:3 3}.ds-ease__path{fill:none;stroke:var(--ds-role-text-primary);stroke-width:var(--ds-border-focus)}.ds-ease__track{position:relative;height:var(--ds-spacing-heading-copy);margin-top:auto;border-bottom:var(--ds-border-hairline) solid var(--ds-role-border-divider)}.ds-ease__dot{position:absolute;bottom:4px;left:0;width:16px;height:16px;background:var(--ds-role-text-primary);border-radius:var(--ds-radius-panel);transition:left var(--demo-duration) var(--demo-ease)}[data-played] .ds-ease__dot{left:calc(100% - 16px)}.ds-component{display:flex;flex-direction:column;gap:var(--ds-spacing-panel);padding-block:var(--ds-spacing-heading-copy);border-top:var(--ds-border-hairline) solid var(--ds-role-border-default)}.ds-component:first-of-type{border-top:0}.ds-component>.ds-note{margin-bottom:var(--ds-spacing-panel)}.ds-states{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,176px),1fr));gap:var(--ds-spacing-panel)}.ds-states+.ds-states{margin-top:var(--ds-spacing-panel)}.ds-state{display:flex;flex-direction:column;gap:var(--ds-spacing-panel);min-width:0}.ds-state__stage{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--ds-spacing-panel);min-height:120px;padding:var(--ds-spacing-heading-copy) 12px;border:var(--ds-border-hairline) solid var(--ds-role-border-default);border-radius:var(--ds-radius-panel)}.ds-states--light .ds-state__stage,.ds-state__stage--light,.ds-live--light{background:var(--ds-role-background-light);color:var(--ds-role-text-on-light)}.ds-state figcaption{display:flex;flex-direction:column;gap:2px}.ds-state__name{color:var(--ds-role-text-primary);font:var(--ds-label);letter-spacing:var(--font-mono-tracking);text-transform:var(--font-mono-transform)}.ds-state__note{color:var(--ds-role-text-secondary);font:var(--type-supporting);letter-spacing:var(--tracking-supporting)}.ds-undefined{color:var(--ds-role-text-secondary);font:var(--ds-label);letter-spacing:var(--font-mono-tracking);text-transform:var(--font-mono-transform)}.ds-state__stage--light .ds-undefined,.ds-states--light .ds-undefined{color:var(--ds-role-text-on-light-muted)}.ds-state .motion-button{max-width:100%;white-space:nowrap}.ds-state :is(.motion-button__content,.motion-button__fill){padding-inline:16px}.ds-error{margin:0}.ds-live{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-spacing-panel);margin-top:var(--ds-spacing-panel);padding:16px;border:var(--ds-border-hairline) dashed var(--ds-role-border-divider);border-radius:var(--ds-radius-panel)}.ds-live--light .auth-field{width:min(100%,360px)}.ds-states--light .auth-field,.ds-state__stage .auth-field{width:100%}.ds-page .auth-field label{color:var(--ds-role-text-on-light)}.ds-force-hover,.ds-force-focus,.ds-force-active{--wipe: 0%;--arrow-progress: 1}.motion-button.ds-force-focus{outline:var(--ds-border-focus) solid currentColor;outline-offset:5px}.motion-button.ds-force-active{transform:scale(.98)}.ds-nav-specimen{width:100%;height:var(--ds-size-input-height);border:var(--ds-border-hairline) solid var(--ds-color-iron-fabric);color:var(--ds-color-porcelain);font:var(--font-mono-weight) 11px/1.3 var(--font-mono);letter-spacing:var(--font-mono-tracking);text-transform:uppercase}.ds-nav-specimen>.site-nav__item{cursor:default}.ds-nav-specimen>.ds-force-hover,.ds-nav-specimen>.ds-force-focus,.ds-nav-specimen>.ds-force-active{background:var(--ds-color-iron-fabric)}.ds-nav-specimen>.ds-force-focus{outline:2px solid currentColor;outline-offset:-4px}.ds-nav-specimen>.ds-force-active{box-shadow:inset 0 -2px 0 var(--ds-color-porcelain)}.ds-nav-specimen>.ds-force-active .site-nav__caret{transform:rotate(180deg)}.auth-field.ds-force-focus input,.auth-field.ds-force-active input{border-color:var(--ds-role-border-focus-on-light);box-shadow:0 0 0 var(--ds-border-focus) var(--ds-role-border-focus-on-light)}.ds-card-specimen{display:flex;flex-direction:column;gap:var(--ds-spacing-panel);width:100%;min-height:0;padding:var(--ds-spacing-heading-copy) 16px;text-decoration:none}.ds-live .ds-card-specimen{width:min(100%,360px)}.ds-card-specimen .eyebrow{color:var(--ds-role-text-secondary)}.ds-card-specimen__title{color:var(--ds-role-text-primary);font:var(--type-card-title);letter-spacing:var(--tracking-card-title)}.ds-card-specimen .content-card-footer{padding-top:var(--ds-spacing-panel);color:var(--ds-role-text-secondary)}.content-card.ds-force-hover,.content-card.ds-force-active{border-color:var(--ds-role-border-interactive);background:var(--ds-role-background-panel-hover);transform:translateY(calc(-1 * var(--ds-card-lift)))}.content-card.ds-force-focus{border-color:var(--ds-role-border-interactive);outline:var(--ds-border-focus) solid currentColor;outline-offset:5px}.ds-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--ds-spacing-panel)}.ds-panel-specimen{display:flex;flex-direction:column;gap:var(--ds-spacing-panel);min-height:140px;padding:var(--ds-spacing-heading-copy)}.ds-panel-specimen.content-callout{padding-block:var(--ds-spacing-heading-copy)}.ds-panel-specimen p{color:var(--ds-role-text-secondary);font:var(--type-supporting)}.ds-panel-specimen .eyebrow{color:var(--ds-role-text-primary)}.ds-panel-specimen .auth-error{color:var(--ds-role-status-error-ink)}.ds-panel-specimen.ds-state__stage--light{justify-content:center;border-radius:var(--ds-radius-panel)}.ds-guidance__col ul{display:grid;gap:var(--ds-spacing-panel);margin:0;padding:0;list-style:none}.ds-guidance__col li{padding-block:var(--ds-spacing-panel);border-bottom:var(--ds-border-hairline) solid var(--ds-role-border-divider);color:var(--ds-role-text-primary);font:var(--type-body);letter-spacing:var(--tracking-body)}.ds-guidance__col li:last-child{border-bottom:0}.ds-guidance__col h3 .ds-verdict{font:var(--ds-label-strong);padding:4px 10px}.ds-guidance__contrast{display:flex;align-items:center;gap:16px}@media(max-width:1000px){.ds-heading,.ds-type-role,.ds-split,.ds-guidance{grid-template-columns:minmax(0,1fr)}}@media(max-width:700px){.ds-page{--ds-inset: var(--ds-spacing-mobile-section)}.ds-section{padding-block:var(--ds-spacing-mobile-section)}.ds-scale li{grid-template-columns:minmax(0,1fr)}.ds-scale li>.ds-mono-ink{text-align:start}.ds-card{padding:16px}.ds-swatch__chip{margin:-16px -16px var(--ds-spacing-panel)}.ds-guidance__contrast{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.motion-button.ds-force-active,.content-card.ds-force-hover,.content-card.ds-force-active{transform:none}}@media(max-width:430px){.ds-note,.ds-bars__note,.ds-state__note,.ds-axis,.ds-link,.ds-card .ds-note{font-size:16px}.ds-meta,.ds-flag,.ds-verdict,.ds-state__name,.ds-undefined{font-size:12px}}