/* English-edition line-length and wrapping safeguards. */
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] .sectitle,
html[lang="en"] .title,
html[lang="en"] .journal-title,
html[lang="en"] .nmtl,
html[lang="en"] .award-copy b {
  text-wrap: balance;
  overflow-wrap: break-word;
  hyphens: auto;
}

html[lang="en"] p,
html[lang="en"] li,
html[lang="en"] a,
html[lang="en"] label,
html[lang="en"] figcaption {
  overflow-wrap: break-word;
}

/* Keep the longer English navigation on one readable line. */
@media (min-width: 821px) {
  html[lang="en"] header#hdr {
    gap: 16px;
    padding-inline: 20px;
  }

  html[lang="en"] #hdr nav.menu {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 5px;
  }

  html[lang="en"] #hdr nav.menu a {
    flex: 0 0 auto;
    padding: 9px clamp(9px, 1vw, 15px);
    font-size: clamp(.72rem, .82vw, .86rem);
    white-space: nowrap;
    overflow-wrap: normal;
  }
}

@media (min-width: 821px) and (max-width: 1180px) {
  html[lang="en"] #hdr .brand {
    font-size: 1rem;
  }

  html[lang="en"] #hdr .brand small {
    font-size: .48rem;
    letter-spacing: .2em;
  }

  html[lang="en"] #hdr nav.menu a {
    padding-inline: 8px;
    font-size: .7rem;
  }
}

@media (max-width: 560px) {
  html[lang="en"] .role-period {
    white-space: normal;
  }

  html[lang="en"] .nav-links {
    gap: 12px;
  }

  html[lang="en"] .build-hero h1,
  html[lang="en"] .build-section h2 {
    text-wrap: pretty;
  }
}