/* Native language navigation. Translated pages share the existing site assets. */
html{scroll-padding-top:155px}
.article-aside{top:158px}
.language-bar{border-top:1px solid rgba(168,213,207,.12);background:#0a232c;color:#dceee9}
.language-bar>.container{display:flex;justify-content:flex-end}
.language-picker{position:relative;margin:4px 0;max-width:100%}
.language-current{display:flex;align-items:center;gap:9px;padding:7px 11px;min-height:38px;border:1px solid #355761;border-radius:4px;cursor:pointer;list-style:none;font-size:12px;line-height:1.4;font-weight:600;color:#dceee9;background:#102f39}
.language-current::-webkit-details-marker{display:none}
.language-current:hover{background:#163c46;color:#fff}
.language-current:focus-visible{outline:3px solid #22a6a3;outline-offset:3px}
.language-chevron{margin-left:10px;font-size:16px;line-height:1}
.language-picker[open] .language-chevron{transform:rotate(180deg)}
.language-switcher,.site-header .language-switcher{display:flex;position:absolute;top:calc(100% + 7px);right:0;left:auto;flex-direction:column;align-items:stretch;gap:1px;padding:8px;flex-wrap:nowrap;background:#0a232c;border:1px solid #355761;border-radius:5px;width:228px;max-height:min(70vh,400px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 14px 35px #03182045;z-index:50}
.language-picker:not([open]) .language-switcher{display:none}
.language-switcher a{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:9px 10px;min-height:38px;font-size:12px;line-height:1.4;color:#c4dbd7;text-decoration:none;border-radius:3px;white-space:nowrap}
.site-header .language-switcher>a{padding:7px 10px}
#navigation.is-open{z-index:40}
.language-switcher a:hover{background:#163c46;color:#fff}
.language-switcher a[aria-current=page]{background:#9dddcf;color:#092d33;font-weight:700}
.language-switcher a:focus-visible{outline:3px solid #22a6a3;outline-offset:2px}
.language-flag{width:23px;height:16px;flex:none;border:1px solid rgba(255,255,255,.3)}
.translation-media-note{font-size:11px;line-height:1.6;color:#3d6062;padding-top:10px;padding-bottom:10px;margin-top:0;margin-bottom:0}
.translation-media-note--card{color:#b5d1ce}
.newsletter-language-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:12px}
.media-language{display:inline-block;font-size:10px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;opacity:.85;margin-left:7px;white-space:normal}
.video-cover>.media-language,.latest-art>.media-language{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 90px);margin:0;padding:4px 7px;background:#0a232c;color:#e7f5ef;z-index:2}
.hero-lesson>.media-language{flex:0 1 auto;font-size:10px;max-width:78px}
.button>.media-language{font-size:10px}
html:not([lang=en]) .hero h1{font-size:clamp(42px,5.1vw,74px);overflow-wrap:anywhere;hyphens:auto}
html:not([lang=en]) .assessment-hero h1{overflow-wrap:anywhere}
html:not([lang=en]) .button{white-space:normal}
@media(min-width:781px) and (max-width:1100px){.menu-toggle{display:flex;gap:12px;align-items:center}.site-header #navigation{display:none;position:absolute;top:88px;left:0;right:0;background:var(--navy);padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid #50767a;gap:0}.site-header #navigation.is-open{display:flex}.site-header #navigation>a{padding:14px}.site-header #navigation .nav-cta{margin-top:10px}}
@media(max-width:780px){.language-current,.language-switcher a,.site-header .language-switcher>a{min-height:44px;padding:8px 10px}.language-bar>.container{justify-content:center}.language-switcher,.site-header .language-switcher{left:50%;right:auto;transform:translateX(-50%)}.translation-media-note{font-size:11px}.hero-lesson{flex-wrap:wrap}}
@media(max-width:380px){.language-switcher,.site-header .language-switcher{gap:0}.language-switcher a,.site-header .language-switcher>a{font-size:11px;padding:8px}.language-flag{width:21px;height:15px}.hero-lesson>.media-language{max-width:none}}
