.lang{display:flex;flex:none;align-items:center;gap:3px;padding:3px;background:#f7f1ec;border:1px solid #8000002e;border-radius:999px;box-shadow:inset 0 1px #ffffffe6;white-space:nowrap}
.lang a{display:flex;align-items:center;justify-content:center;gap:6px;min-width:40px;min-height:32px;padding:5px 7px;border-radius:999px;color:#75675f;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1;text-decoration:none;transition:color .2s,background .2s,box-shadow .2s,transform .2s}
.lang a img{display:block;flex:none;width:24px;height:16px;object-fit:cover;border:1px solid #21130c29;border-radius:3px;box-shadow:0 1px 2px #21130c1f}
.lang a:hover{color:#800000;background:#80000012}
.lang a:active{transform:scale(.97)}
.lang a[aria-current=page]{background:#800000;color:#fff;box-shadow:0 3px 9px #80000038}
.lang a:focus-visible{outline:2px solid #800000;outline-offset:3px}
/* Keep desktop labels on one line within the 1200px header; retain the mobile drawer below. */
.nav ul a{white-space:nowrap}
@media(min-width:1431px){
 .nav .wrap{gap:18px}
 .nav ul{gap:18px}
 .nav ul a{letter-spacing:.1em}
 .nav .logo,.nav nav,.nav .btn{flex-shrink:0}
}
/* Collapse before the full navigation competes with the language capsule. */
@media(max-width:1430px){
 .nav .wrap{gap:10px}.nav .lang{margin-left:auto}
 .nav ul{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--paper);border-top:1px solid var(--line);padding:10px 28px 20px;box-shadow:0 20px 30px -20px rgba(90,20,20,.3);max-height:calc(100dvh - 80px);overflow-y:auto}
 .nav ul.open{display:flex}.nav ul a{display:block;padding:14px 0;border-bottom:1px solid var(--soft)}
 .nav .burger{display:block;flex:none}.nav .btn{display:none}.nav-apply{display:list-item}.nav-apply a{color:var(--bordo);font-weight:700}
}
@media(max-width:420px){
 .lang{gap:2px;padding:2px}.lang a{gap:4px;padding:5px 6px;min-height:34px;font-size:11px}.lang a img{width:20px;height:14px}
 .nav .wrap{gap:6px;padding-left:12px;padding-right:12px}.nav .logo{flex:none}.nav .logo img{height:32px}
 header:not(.nav) .wrap{gap:10px;padding-left:12px;padding-right:12px;align-items:flex-start}header:not(.nav) .wrap>a{flex:none}header:not(.nav) .wrap>a img{height:32px}
 .hdr-r{gap:6px}.hdr-r .back{max-width:160px;text-align:center}
}