/* English edition: typography and space for natural English copy. */
html[lang="en"] { word-break: normal; overflow-wrap: break-word; }
html[lang="en"] body { font-family: Inter, "Segoe UI", Arial, sans-serif; }
html[lang="en"] h1, html[lang="en"] h2, html[lang="en"] h3 { word-break: normal; text-wrap: balance; letter-spacing: -.025em; }
html[lang="en"] p { text-wrap: pretty; }
html[lang="en"] .ub-mega-intro h2 { font-size: clamp(1.35rem, 2vw, 2rem); }
html[lang="en"] .ub-mega-link { min-width: 0; }
html[lang="en"] .ub-language-name small { white-space: normal; }
html[lang="en"] button, html[lang="en"] a { word-break: normal; }
html[lang="en"] .ub-cookie-settings { appearance: none; border: 0; background: none; color: inherit; font: inherit; padding: 8px 0; cursor: pointer; }
html[lang="en"] .ub-cookie-settings:hover { text-decoration: underline; }
/* Keep translated labels and the rotated FAQ icon inside their own columns. */
html[lang="en"] .r-hero-paths a > div { min-width: 0; }
html[lang="en"] .ub-about .ab-faq-list summary > span { width: 1em; height: 1em; line-height: 1; display: grid; place-items: center; margin-inline: 5px; }
@media (min-width: 801px) and (max-width: 1100px) {
  html[lang="en"] .ub-topic .in-explorer { grid-template-columns: 205px minmax(0, 1fr); }
}
@media (max-width: 767px) {
  html[lang="en"] .ub-about .ab-jump > .ab-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[lang="en"] .ub-about .ab-jump a { white-space: normal; }
  html[lang="en"] h1 { font-size: clamp(2rem, 8.5vw, 3.2rem); line-height: 1.12; }
  html[lang="en"] h2 { line-height: 1.2; }
}