/* Shared language navigation and Cyrillic reading adjustments. */
header{gap:20px}header>.logo{flex-shrink:0}header #main-menu{flex:1;justify-content:center;flex-wrap:wrap;gap:10px 20px}
.language-switch{display:flex;align-items:center;flex-shrink:0;gap:3px;font:12px/1.3 Arial,sans-serif;letter-spacing:.5px}
.language-switch a{display:flex;align-items:center;justify-content:center;min-height:40px;min-width:36px;padding:8px 7px;border:1px solid transparent;border-radius:3px}
.language-switch a[aria-current]{border-color:#c8b9ad;background:#eee6dd;color:#402737}.language-switch a:hover{background:#eee6dd}
html[lang=ru] .eyebrow{letter-spacing:1.5px}html[lang=ru] h1{overflow-wrap:break-word}html[lang=ru] .read{letter-spacing:.6px}html[lang=ru] .logo small{font-size:8px;letter-spacing:1.4px}
@media(max-width:1200px){header{flex-wrap:wrap;padding:17px 5%;gap:12px;align-items:center}header>.logo{order:0;margin-right:auto}.language-switch{order:1}.menu-toggle{order:2;display:flex;align-items:center;gap:9px;border:1px solid #d6c8be;background:transparent;border-radius:4px;padding:9px 12px;font-size:12px;color:#402737;min-height:42px}header #main-menu{order:3;flex:none;display:none;max-width:none;width:100%;padding:12px 0 0;gap:0;flex-direction:column;align-items:stretch;font-size:15px}header #main-menu.open{display:flex}header #main-menu a{padding:12px 2px;border-top:1px solid #e1d7ce}}
@media(max-width:600px){header{padding:15px 6%;gap:9px}header>.logo{font-size:27px;letter-spacing:3px}.logo small,html[lang=ru] .logo small{font-size:7px;letter-spacing:1px}.language-switch a{min-width:30px;padding:8px 5px}.menu-toggle{padding:9px 10px;gap:7px}html[lang=ru] .hero h1{font-size:clamp(39px,10vw,60px)}html[lang=ru] .family span{font-size:24px}html[lang=ru] .comparison-tray{gap:12px;flex-wrap:wrap}.quiz-footer{gap:15px;flex-wrap:wrap}.quiz-footer .btn{max-width:100%;white-space:normal}html[lang=ru] .strip{letter-spacing:1px}}
@media(max-width:359px){header>.logo{font-size:24px}.menu-toggle{font-size:11px;padding:9px 7px}.language-switch a{min-width:27px}}

html[lang=ru] .hero h1{font-size:clamp(44px,5.1vw,74px)}
@media(max-width:600px){html[lang=ru] .hero h1{font-size:clamp(39px,10vw,60px)}}