@media (max-width: 720px) {
  html[data-language="so"] .home-hero h1,
  html[data-language="so"] .page-hero h1 {
    max-width: 100%;
    font-size: clamp(2.4rem, 10vw, 3.2rem);
    line-height: 1.04;
    letter-spacing: -0.045em;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  html[data-language="so"] .section-heading h2,
  html[data-language="so"] .language-showcase-copy h2,
  html[data-language="so"] .exam-callout h2,
  html[data-language="so"] .editorial-copy h2,
  html[data-language="so"] .cta-panel h2 {
    max-width: 100%;
    font-size: clamp(2rem, 9vw, 2.85rem);
    line-height: 1.06;
    letter-spacing: -0.04em;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  html[data-language="so"] .page-hero-text,
  html[data-language="so"] .section-intro,
  html[data-language="so"] .editorial-copy > p,
  html[data-language="so"] .cta-panel p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}