.site-navigation .translation-nav { position: relative; }
.site-navigation .translation-nav summary,
.mobile-navigation summary { cursor: pointer; list-style: none; }
.site-navigation .translation-nav summary::-webkit-details-marker,
.mobile-navigation summary::-webkit-details-marker { display: none; }
.site-navigation .translation-nav summary::after { content: "⌄"; margin-left: .35rem; color: #5688fa; }
.translation-nav__panel { position: absolute; top: calc(100% + .75rem); left: -.85rem; z-index: 8; display: grid; min-width: 230px; padding: .55rem; border: 1px solid #d7e6f4; background: #fff; box-shadow: 0 12px 28px #17345c1f; }
.translation-nav__panel a { padding: .7rem .8rem; color: #17345c; font-size: .86rem; line-height: 1.35; }
.translation-nav__panel a:hover,
.translation-nav__panel a:focus-visible { background: #eef8ff; color: #7b10b9; }
.mobile-navigation { display: none; position: relative; font-family: Arial, sans-serif; font-size: .88rem; font-weight: 700; }
.mobile-navigation > summary { padding: .65rem .8rem; border: 1px solid #bcd0e3; color: #17345c; }
.mobile-navigation > summary::after { content: "☰"; margin-left: .55rem; }
.mobile-navigation__panel { position: absolute; top: calc(100% + .5rem); right: 0; z-index: 9; display: grid; min-width: min(290px, calc(100vw - 32px)); padding: .6rem; border: 1px solid #d7e6f4; background: #fff; box-shadow: 0 12px 28px #17345c24; }
.mobile-navigation__panel > a,
.mobile-navigation__panel > .button { padding: .8rem; color: #17345c; text-decoration: none; }
.mobile-navigation__panel > .button { color: #fff; text-align: center; }
.mobile-navigation .translation-nav { padding: .15rem 0; border-block: 1px solid #e0eaf3; }
.mobile-navigation .translation-nav > summary { padding: .8rem; color: #17345c; }
.mobile-navigation .translation-nav > summary::after { content: "⌄"; float: right; color: #5688fa; }
.mobile-navigation .translation-nav__panel { position: static; min-width: 0; padding: 0 0 .35rem; border: 0; box-shadow: none; }
@media (max-width: 800px) {
  .site-header .site-navigation { display: none !important; }
  .mobile-navigation { display: block; }
  .site-header .mobile-navigation__panel { display: grid !important; position: absolute !important; order: initial !important; width: auto !important; overflow: visible !important; padding: .6rem !important; white-space: normal !important; }
}