/* Design kit 1.1: shared public chrome and demonstration hierarchy. */
[data-brand-experience] :is(.tour-header,.yield-header,.workspace-header,.pm-demo-top,.cs-public-nav) :is(a,button){min-height:44px;display:inline-flex;align-items:center}
[data-brand-experience] :is(.tour-header,.yield-header,.workspace-header,.pm-demo-top,.cs-public-nav) nav{gap:12px;flex-wrap:wrap}
[data-brand-experience] :is(.tour-header,.yield-header,.workspace-header,.pm-demo-top,.cs-public-nav) nav a{font-size:14px;line-height:1.4}
[data-brand-experience] :is(.icon-button,.theme-toggle){min-width:44px;min-height:44px}
[data-brand-experience] :is(.public-footer,.ecosystem-footer) a{min-height:44px;display:inline-flex;align-items:center}
[data-brand-experience] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
[data-brand-experience] .materials-intro h1{font-size:clamp(32px,4.4vw,58px);font-weight:550;line-height:1.12;letter-spacing:-.045em}
[data-brand-experience] :is(.yield-intro h1,.cs-heading h1){font-size:clamp(32px,3.4vw,42px);font-weight:530;line-height:1.16;letter-spacing:-.045em}
[data-brand-experience] :is(.field-hint,.metric>p,.transaction-date,.material-status,.materials-audience-label,.material-companion small,.material-language-row small){font-size:13px!important;line-height:1.65}
[data-brand-experience] :is(.workspace-context,.quick-controls) .button{min-height:44px;font-size:14px}
[data-brand-experience] :is(a,button,summary,select):focus-visible{outline:2px solid var(--accent,#006d77);outline-offset:4px}
html[data-theme=dark] [data-brand-experience] .card-studio{--cs-teal:#75d5ce}
[data-brand-experience] .cs-scenario{border:1px solid var(--line);border-radius:12px;background:var(--accent-wash);padding:24px;margin:24px 0;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.cs-scenario h2{font-size:22px;font-weight:550;letter-spacing:-.03em;margin:0 0 8px}
.cs-scenario p{font-size:15px;line-height:1.65;max-width:65ch;color:var(--muted)}
.cs-scenario-actions{display:flex;gap:12px;flex-wrap:wrap}.cs-scenario-actions .button{font-size:14px;min-height:48px}
@media(max-width:760px){
 [data-brand-experience] :is(.tour-header,.yield-header,.workspace-header,.pm-demo-top,.cs-public-nav){gap:12px;flex-wrap:wrap}
 [data-brand-experience] :is(.tour-header,.yield-header,.pm-demo-top) nav{gap:8px 14px}
 [data-brand-experience] :is(.workspace h1,.yield-intro h1,.yield-heading h1,.cs-heading h1,.compliance-hero h1){font-size:32px;line-height:1.16;letter-spacing:-.04em}
 [data-brand-experience] .materials-intro{padding-top:36px;padding-bottom:24px}
 [data-brand-experience] .materials-intro .intro-copy{margin-top:16px}
 [data-brand-experience] .cs-scenario{grid-template-columns:1fr;padding:20px}
}

[data-brand-experience] .cs-public-nav{flex-wrap:wrap;gap:12px} [data-brand-experience] .cs-public-nav>a{font-size:14px}
[data-brand-experience] .banking-footer :is(a,button),[data-brand-experience] .cs-public-footer a{display:inline-flex;align-items:center;min-height:44px}
[data-brand-experience] :is(.text-link,.material-download,.card-studio summary){min-height:44px;display:inline-flex;align-items:center}
[data-brand-experience] .card-studio summary{display:list-item;padding-block:10px}
[data-brand-experience] .architecture-controls button{min-height:44px}
@media(max-width:760px){[data-brand-experience] .compliance-demo h1{font-size:32px;line-height:1.16;letter-spacing:-.04em}}