/* Loaded after Maji's existing navigation and button styles. */
.maji-languages {
  display: inline-grid;
  grid-template-columns: repeat(2, 1fr);
  flex: 0 0 auto;
  padding: 3px;
  border: 1px solid #78afb5;
  border-radius: 4px;
  background: #091a1e;
  white-space: nowrap;
  font: 700 12px/1 var(--action-font, 'Syne', Arial, sans-serif);
  letter-spacing: .035em;
}
.maji-language {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 34px;
  padding: 0 4px;
  text-decoration: none;
  color: #f1f4f2;
  border-radius: 2px;
}
.maji-language[aria-current] {
  color: #061316;
  background: #00b3c7;
}
a.maji-language:not([aria-current]):hover { background: #254147; color: #fff; }
a.maji-language:focus-visible { position: relative; z-index: 1; outline: 2px solid #fff; outline-offset: 1px; }
@media (forced-colors: active) {
  .maji-language[aria-current] { outline: 2px solid Highlight; outline-offset: -3px; }
}
.maji-menu-actions { display: inline-flex; align-items: center; gap: 14px; }
@media (min-width: 1351px) and (max-width: 1470px) {
  .site-header { padding-inline: 3vw; gap: 16px; }
  .site-header nav { gap: 18px; }
  .site-header .header-actions { gap: 10px; }
}
@media (min-width: 1051px) and (max-width: 1190px) {
  .site-header { padding-inline: 24px; gap: 13px; }
  .site-header nav { gap: 13px; }
  .site-header .header-actions { gap: 7px; }
}
@media (max-width: 420px) {
  .site-header .header-actions, .maji-menu-actions { gap: 6px; }
  .site-header { gap: 10px; }
  .site-header .menu-toggle { min-width: 0; gap: 10px; padding-left: 10px; }
  .site-menu-top { gap: 8px; }
  .site-menu .menu-close { gap: 8px; padding-left: 5px; }
  .maji-language { min-width: 34px; min-height: 36px; }
}
@media (max-width: 350px) {
  .site-header .brand, .site-menu-top .brand { width: 98px; }
  .site-menu .menu-close { min-width: 44px; justify-content: center; padding-inline: 0; }
  .site-menu .menu-close span { display: none; }
}

/* Keep the original two-line hero on narrow phones. */
@media(max-width:340px){html[lang="en"] #hero-title{letter-spacing:-.035em}}