/* The full RU navigation needs more space than a tablet-width breakpoint. */
.site-navigation { gap: 1rem; }
.site-navigation > :first-child { flex-shrink: 0; }
.site-desktop-links { white-space: nowrap; }
.site-nav-controls > button, .site-nav-controls > a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.site-nav-controls > .site-menu-toggle { display: none; }
.site-navigation a:focus-visible, .site-navigation button:focus-visible, .site-mobile-links a:focus-visible { outline: 3px solid #b91c1c; outline-offset: 3px; }
.dark .site-navigation a:focus-visible, .dark .site-navigation button:focus-visible, .dark .site-mobile-links a:focus-visible { outline-color: #ffa28f; }
.site-mobile-links a { min-height: 44px; display: flex; align-items: center; }
@media (max-width: 1100px) {
  .site-desktop-links { display: none; }
  .site-nav-controls { gap: .25rem; }
  .site-nav-controls > .site-menu-toggle { display: inline-flex; }
  .site-mobile-links:not(.hidden) { display: block; }
}
@media (max-width: 380px) {
  .site-navigation { padding-inline: .75rem; gap: .25rem; }
  .site-navigation > :first-child span.font-display { font-size: 1.25rem; gap: .25rem; }
}