/* Header-only control layout. Existing hero dimensions and positions remain in styles.css. */
.nav{gap:14px}
.display-preferences{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}
.display-preferences select,.display-preferences button{box-sizing:border-box;min-height:44px;border:1px solid #7eabbf;border-radius:12px;background:#f4fbfe;color:#0b3548;font:700 13px/1.2 Manrope,Arial,sans-serif}
.display-preferences select{width:145px;max-width:145px;padding:8px 34px 8px 10px;appearance:none;-webkit-appearance:none}
.language-preference{position:relative;display:inline-flex;color:#0b3548}
.language-preference::after{content:"";position:absolute;right:14px;top:50%;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.display-preferences button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:82px;padding:8px 10px;white-space:nowrap;cursor:pointer}
.display-preferences button svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.display-preferences .theme-night-icon{display:none}
html[data-theme="dark"] .display-preferences .theme-day-icon{display:none}
html[data-theme="dark"] .display-preferences .theme-night-icon{display:block}
html[data-theme="dark"] .language-preference{color:#e3f2f8}
.display-preferences :focus-visible{outline:3px solid #147ba6;outline-offset:3px}
.preference-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.translation-note{margin:0;padding:16px max(4vw,24px);background:#edf8fc;color:#24445f;font:13px/1.5 Manrope,Arial,sans-serif}
.translation-note[hidden]{display:none}
@media(max-width:1280px){.nav nav{display:none}}
@media(max-width:1100px){.nav>.button.small{display:none}}
@media(max-width:900px){.nav{padding-left:12px;padding-right:12px;gap:8px}.display-preferences{gap:6px}}
@media(max-width:480px){.display-preferences select{width:118px;max-width:118px;font-size:12px}.display-preferences button{min-width:44px;width:44px;padding:8px}.display-preferences [data-theme-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}
/* Let translated recognition text wrap within the existing phone card dimensions. */
@media(max-width:540px){.recognition{grid-template-columns:minmax(0,1fr);overflow-wrap:anywhere}.recognition .credential{grid-template-columns:100px minmax(0,1fr)}}
/* Palette changes only: no filters on images/video or access to embedded form contents. */
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark;--blue:#84d9fa;--bright:#7bd8fc;--mist:#112f3d;--cream:#102b38;--line:#3a5d6d}
html[data-theme="dark"] body{background:#0a202b;color:#e3f2f8}
html[data-theme="dark"] .nav{background:rgba(10,32,43,.97);border-color:#385768}
html[data-theme="dark"] .hero{background:radial-gradient(circle at 78% 40%,#164d63 0,#102f3e 27%,transparent 52%),linear-gradient(145deg,#0a202b 15%,#102f3e 65%,#154054)}
html[data-theme="dark"] :is(.pathway,.recognition,.expert,.faq){background:#0a202b;border-color:#385768}
html[data-theme="dark"] .intro{background:#102b38}
html[data-theme="dark"] .quote-section{background:#123746}
html[data-theme="dark"] :is(.lede,.trust-row,.intro-grid>div p,.benefits p,.expert-copy p,.quote-section p,.quote-section footer small,.faq>div:first-child p,.accordions details p,.recognition-heading p,.credential p,.credential-note,.pathway span){color:#bed5df}
html[data-theme="dark"] :is(.pathway strong,.text-button){color:#e3f2f8}
html[data-theme="dark"] :is(.ingredient-card,.credential,.orbit-chip){background:linear-gradient(145deg,#163a4b,#102c3b);color:#e3f2f8;border-color:#42697b;box-shadow:0 12px 28px #00111e55}
html[data-theme="dark"] :is(.ingredient-card span,.orbit-chip small){color:#bed5df}
html[data-theme="dark"] :is(.benefits,.benefits article,.accordions details){border-color:#3a5d6d}
html[data-theme="dark"] :is(.desktop-share,.display-preferences select,.display-preferences button){background:#163a4b;color:#e3f2f8;border-color:#6b9cb2}
html[data-theme="dark"] .button:hover{background:#8adcf8;color:#0a202b}
html[data-theme="dark"] .display-preferences :focus-visible{outline-color:#93dfff}
html[data-theme="dark"] .translation-note{background:#102f3e;color:#c7e0eb}
html[data-theme="dark"] :is(.survey-shell,.survey-form-stage){background:linear-gradient(145deg,#123746,#0c2735)}
html[data-theme="dark"] :is(.journey-chip,.journey-chip.cyan,.journey-chip.gold,.journey-chip.blue,.survey-frame-label){background:#163a4b;color:#e3f2f8;border-color:#42697b}
html[data-theme="dark"] :is(.journey-chip small,.survey-footer){color:#bed5df}
html[data-theme="dark"] .share-fallback{background:#102f3e;color:#e3f2f8}
html[data-theme="dark"] :is(.share-fallback p,.share-fallback-status){color:#bed5df}
html[data-theme="dark"] .share-fallback input{background:#0a202b;color:#e3f2f8;border-color:#6b9cb2}