/* One native header; account state is part of the existing controls. */
body{padding-top:0!important}.nav{top:0!important}.web-account{display:flex;align-items:center;gap:10px;white-space:nowrap;font:500 12px/1.25 inherit;color:var(--ink-2);padding-left:10px;border-left:1px solid var(--hair)}.web-account a{display:flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none;font-weight:650}.web-account a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.nav-row{min-width:0}.nav-title{min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-actions{min-width:0}#homeHowto{display:inline-flex!important}.why-wrap,.audience-wrap{min-width:0;padding-bottom:90px}.why-hero img{max-width:100%}.principle-grid .principle-img{display:block;width:100%;object-fit:contain!important}.audience-visual img,.ux-role-visual img{object-fit:contain!important;width:100%;height:100%}.audience-hero,.ux-role-page{min-width:0}.aud-grid>*{min-width:0}.visual-intro [hidden]{display:none!important}
@media(max-width:600px){.nav-row{padding-inline:10px;gap:6px;height:56px}.nav-brand,.nav-logo,.nav-title{display:none!important}.nav-back{margin-right:auto}.nav-actions{margin-left:auto;gap:4px}.theme-btn{width:38px;min-width:38px}.lang-btn{min-width:30px;padding-inline:6px}.web-account{font-size:11px;gap:6px;padding-left:6px}.web-account a{padding-inline:3px}.why-story{grid-template-columns:28px minmax(0,1fr);gap:10px}.why-hero{margin-inline:0}.audience-hero{padding-inline:18px}.audience-visual{margin-inline:-18px;height:auto;aspect-ratio:4/3}.aud-grid{grid-template-columns:1fr}.ob-copy{min-width:0}.tour-card{max-width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#viewWhy #whyHeroImage{z-index:0!important}#viewWhy .why-hero>.why-hero-copy{z-index:1;min-width:0}#visualIntroTheme .ic{display:block;width:18px;height:18px;background:currentColor}