/* Approved ARGITU surface and typeface, reused from consultation-choice.css. */
:root{--argitu-brand-font:Arial,Helvetica,sans-serif;--argitu-brand-background:url('/ui/intro-background-light.svg');--argitu-brand-panel:#ffffffdb;--argitu-brand-ink:#090d38;--argitu-brand-muted:#5b749b;--argitu-brand-line:#b7dcfb;--argitu-brand-accent:#0075ec;--argitu-brand-selected:#e7f5ffed;--argitu-brand-field:#ffffffb8}
:root[data-theme=dark]{--argitu-brand-background:url('/ui/intro-background-dark.svg');--argitu-brand-panel:#021a2be8;--argitu-brand-ink:#f3f8ff;--argitu-brand-muted:#afcbe4;--argitu-brand-line:#28536e;--argitu-brand-accent:#00d5ec;--argitu-brand-selected:#052b47ee;--argitu-brand-field:#001522c9}
/* Existing foreground illustrations, layout and reader content stay in place. */
:root body,:root body :is(button,input,textarea,select){font-family:var(--argitu-brand-font)}
:root[data-ui-page="connected-journey"] body,
:root body:is(.audience-selection-page,.audience-research-page,.audience-article-page,.thanks-page){background-image:var(--argitu-brand-background)!important;background-position:center top!important;background-size:cover!important;background-attachment:fixed!important}
:root .audience-selection-page .selection-layout{background:var(--argitu-brand-panel)}
:root[data-theme=dark] .welcome-scene{background-image:var(--argitu-brand-background);background-position:center top;background-size:cover}
/* The two newest screens use the same reading surface and type sizes as the reference. */
:root[data-ui-page] body:is(.consultation-steps-page,.bonuses-page){--argitu-ink:var(--argitu-brand-ink);--argitu-muted:var(--argitu-brand-muted);--argitu-border:var(--argitu-brand-line);--argitu-accent:var(--argitu-brand-accent);--argitu-surface:var(--argitu-brand-panel);--argitu-raised:var(--argitu-brand-field);--argitu-soft:var(--argitu-brand-selected);font-size:16px;line-height:1.5;color:var(--argitu-brand-ink)}
:root[data-ui-page] :is(.consultation-steps-page,.bonuses-page) :is(.steps-container,.bonus-container){max-width:1320px;min-height:100vh;margin:auto;padding:20px 28px 32px;background:color-mix(in srgb,var(--argitu-brand-panel) 85%,transparent)}
:root[data-ui-page] :is(.consultation-steps-page,.bonuses-page) h1{font-size:clamp(28px,2.7vw,43px);line-height:1.12;font-weight:750;letter-spacing:normal;margin:0 0 18px}
:root[data-ui-page] :is(.consultation-steps-page,.bonuses-page) h2{font-size:20px;line-height:1.35}
:root[data-ui-page] :is(.consultation-steps-page,.bonuses-page) :is(.step-card h3,.bonus-accent,.steps-benefit){font-size:20px;line-height:1.35}
:root[data-ui-page] :is(.consultation-steps-page,.bonuses-page) main>p{font-size:17px;line-height:1.5}
:root[data-ui-page] :is(.consultation-steps-page,.bonuses-page) :is(button,.continue-button){font-size:14px;line-height:1.35}
:root[data-ui-page] :is(.consultation-steps-page,.bonuses-page) :is(input,textarea){font-size:15px;line-height:1.5}
:root[data-ui-page] .bonuses-page #bonus-confirm{font-size:14px}
:root[data-ui-page] :is(.consultation-steps-page,.bonuses-page) :is(.steps-header,.bonus-header){margin-bottom:24px;padding-bottom:0;border-bottom:0}
@media(max-width:800px){:root[data-ui-page] :is(.consultation-steps-page,.bonuses-page) :is(.steps-container,.bonus-container){padding:18px 18px 28px}:root[data-ui-page] :is(.consultation-steps-page,.bonuses-page) h1{font-size:30px}}

:root[data-ui-page="connected-journey"] :is(.studio,.steps-page),:root .audience-article-page .article-reading{background:var(--argitu-brand-panel)}