.site-header .language-switch, .language-legal .language-switch, .reader-language-switches .language-switch {
  display: inline-flex; align-items: center; flex: 0 0 auto; gap: 0;
  margin: 0; border: 1px solid #77716a; border-radius: 4px;
}
.language-switch a {
  display: inline-grid; min-width: 40px; min-height: 44px; place-items: center;
  padding: 0 4px; color: #eee9e2; font: 750 12px/1 var(--sans, sans-serif); text-decoration: none;
}
.language-switch a[aria-current="page"] { background: #e58636; color: #17100a; }
.language-switch a:hover { text-decoration: underline; }
.language-legal { display: flex; justify-content: flex-end; margin-bottom: 16px; }
.language-preview-content { width: min(880px,100%); margin: auto; padding: 64px 24px; min-height: 65vh; }
.language-preview-content h1 { font-size: clamp(30px,5vw,52px); }
.language-preview-pages { display: flex; flex-wrap: wrap; gap: 16px 24px; margin-top: 44px; }
.language-preview-pages a, .language-preview-samples a { text-underline-offset: 4px; }
.language-preview-samples { display: grid; gap: 16px; margin-top: 28px; }
@media (max-width: 650px) {
  .site-header:has(.language-switch) { gap: 3px; padding-inline: 10px; }
  .site-header:has(.language-switch) .brand { gap: 6px; }
  .site-header:has(.language-switch) .brand img { width: 32px; height: 32px; }
  .site-header:has(.language-switch) .brand b { font-size: 11px; }
  .site-header:has(.language-switch) .brand small { font-size: 6.5px; }
  .site-header:has(.language-switch) .header-cta { margin-left: auto; padding-inline: 6px; font-size: 10px; max-width: 90px; }
  .site-header:has(.language-switch) .share-site { min-width: 56px; padding-inline: 9px; font-size: 10px; }
  .site-header .language-switch a { min-width: 40px; padding-inline: 4px; font-size: 11px; }
  .language-preview-site .site-header .language-switch { margin-left: auto; }
}
@media (max-width: 360px) {
  .site-header:has(.language-switch) .brand img { width: 24px; height: 24px; }
  .site-header:has(.language-switch) .brand b { max-width: 64px; font-size: 9px; line-height: 1.05; letter-spacing: .04em; }
  .site-header:has(.language-switch) .brand small { display: none; }
  .site-header:has(.language-switch) .header-cta { max-width: 65px; }
  .site-header:has(.language-switch) .share-site { min-width: 52px; padding-inline: 6px; }
  .site-header .language-switch a { min-width: 36px; }
}