/* Show only the selected, locally stored translation. */
html [data-lang] { display: none !important; }
html[lang="es"] [data-lang="es"],
html[lang="en"] [data-lang="en"],
html[lang="fr"] [data-lang="fr"],
html[lang="it"] [data-lang="it"],
html[lang="de"] [data-lang="de"] { display: revert !important; }

.language-switch select {
  font: 600 13px/1.3 Arial, sans-serif;
  color: var(--ink, #252922);
  background-color: var(--paper, #f4ebdd);
  border: 1px solid #f4ebdd88;
  border-radius: 0;
  min-height: 44px;
  max-width: 100%;
  padding: 10px 28px 10px 10px;
  cursor: pointer;
}
.language-switch select:focus-visible {
  outline: 3px solid #cc996d;
  outline-offset: 3px;
}
.pdf-language-note { font-size: .8em; white-space: nowrap; }

/* Translated headings can be longer than their Spanish counterparts. */
html[lang="fr"] .section-heading h2,
html[lang="it"] .section-heading h2,
html[lang="de"] .section-heading h2 {
  overflow-wrap: anywhere;
  hyphens: auto;
}
html[lang="fr"] .hero h1,
html[lang="it"] .hero h1,
html[lang="de"] .hero h1,
html[lang="fr"] .extra-hero h1,
html[lang="it"] .extra-hero h1,
html[lang="de"] .extra-hero h1 {
  overflow-wrap: anywhere;
  hyphens: auto;
}
@media (max-width: 500px) {
  .language-switch select { font-size: 12px; padding: 10px 20px 10px 8px; max-width: 172px; }
  .menu-pages a { overflow-wrap: anywhere; hyphens: auto; }
  html[lang="de"] .hero h1 {
    font-size: clamp(48px, 14vw, 70px);
    hyphens: none;
  }
}
@media print {
  .language-switch { display: none !important; }
}