/* Keep the original flags for mouse users; touch gets two equal controls. */
.touch-language { display:none; }
/* Match navigation typography while retaining extra invisible mouse hit space. */
.header-tools .language-switcher { height:auto; gap:4px; }
.header-tools .language-switcher a { width:32px; height:33px; min-width:32px; min-height:33px; padding:6px 5px; }
.header-tools .language-switcher img { width:22px; height:auto; }
@media (min-width:901px) {
    .primary-nav { padding-right:120px; }
}
@media (max-width:900px) and (any-pointer:coarse) {
    .header-main .brand { min-width:0; max-width:calc(100% - 110px); }
    .header-main .header-tools { display:flex; flex-direction:row; flex-shrink:0; align-items:flex-start; gap:8px; }
    .header-tools .language-switcher { display:none; }
    .header-tools .nav-toggle,
    .touch-language > summary { display:flex; align-items:center; justify-content:center; width:44px; height:44px; min-height:44px; padding:0; border:1px solid #bbb; border-radius:0; background:#fff; color:var(--kuzu-ink); cursor:pointer; line-height:1; }
    .header-tools .nav-toggle { font-size:22px; }
    .nav-toggle-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
    .touch-language { display:block; position:relative; order:-1; }
    .touch-language > summary { list-style:none; }
    .touch-language > summary::-webkit-details-marker { display:none; }
    .touch-language[open] > summary { border-color:var(--kuzu-red); }
    .touch-language-list { position:absolute; z-index:100; right:0; top:calc(100% + 8px); width:176px; margin:0; padding:4px; list-style:none; background:#fff; border:1px solid #bbb; box-shadow:0 4px 12px #0002; }
    .touch-language-list a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:8px 12px; color:var(--kuzu-ink); text-decoration:none; }
    .touch-language-list a[aria-current] { color:var(--kuzu-red); font-weight:bold; }
    .touch-language-list a:hover { background:#f0f0f0; }
}