/**
 * Global i18n typography: balanced wrapping + RU/HY density tweaks.
 * Loaded after page styles so :lang() rules tune heading sizes.
 */

/* ── Balanced line breaks (supported in Chromium / Safari recent) ── */
h1,
h2,
h3,
.page-title,
.hero-headline,
.hero-title,
.section-title,
.sec-h,
.cta-h,
.step-title,
.login-title,
.pillar-title,
.prob-h,
.success-h,
.pricing-ot-headline {
  text-wrap: balance;
}

/* Pretty fallback where balance is unsupported */
@supports not (text-wrap: balance) {
  h1,
  h2,
  h3,
  .page-title,
  .hero-headline,
  .hero-title,
  .section-title,
  .sec-h,
  .cta-h,
  .step-title,
  .login-title,
  .pillar-title,
  .prob-h,
  .success-h,
  .pricing-ot-headline {
    text-wrap: pretty;
  }
}

/* ── Russian: ~16–18% smaller display headings, looser leading ── */
html:lang(ru) h1,
html:lang(ru) .page-title,
html:lang(ru) .hero-headline {
  font-size: 67px;
  line-height: 0.96;
  letter-spacing: -0.008em;
}

html:lang(ru) .sec-h {
  font-size: 35px;
  line-height: 1.12;
}

html:lang(ru) .sec-h--portal {
  font-size: 32px !important;
  line-height: 1.1;
}

html:lang(ru) .cta-h {
  font-size: 43px;
  line-height: 1.02;
}

html:lang(ru) .login-title {
  font-size: 37px;
  line-height: 0.98;
}

html:lang(ru) .pillar-title {
  font-size: 33px;
  line-height: 1.08;
}

html:lang(ru) .prob-h {
  font-size: 32px;
  line-height: 1.12;
}

html:lang(ru) .success-h {
  font-size: 27px;
  line-height: 1.1;
}

html:lang(ru) .pricing-ot-headline {
  font-size: 27px;
  line-height: 1.12;
}

/* How it works: large step headings (detail sections) */
html:lang(ru) section.step .step-title {
  font-size: 43px;
  line-height: 0.96;
}

html:lang(ru) .steps .step-title {
  font-size: 15px;
  line-height: 1.25;
}

html:lang(ru) .auth-main h1 {
  font-size: 30px;
  line-height: 1.05;
}

@media (max-width: 768px) {
  html:lang(ru) h1,
  html:lang(ru) .page-title,
  html:lang(ru) .hero-headline {
    font-size: 44px;
    line-height: 0.98;
  }

  html:lang(ru) section.step .step-title {
    font-size: 34px;
    line-height: 0.98;
  }
}

@media (max-width: 900px) {
  html:lang(ru) .hero-headline {
    font-size: 44px;
    line-height: 0.98;
  }
}

/* ── Armenian: same density treatment as Russian ── */
html:lang(hy) h1,
html:lang(hy) .page-title,
html:lang(hy) .hero-headline {
  font-size: 67px;
  line-height: 0.96;
  letter-spacing: -0.008em;
}

html:lang(hy) .sec-h {
  font-size: 35px;
  line-height: 1.12;
}

html:lang(hy) .sec-h--portal {
  font-size: 32px !important;
  line-height: 1.1;
}

html:lang(hy) .cta-h {
  font-size: 43px;
  line-height: 1.02;
}

html:lang(hy) .login-title {
  font-size: 37px;
  line-height: 0.98;
}

html:lang(hy) .pillar-title {
  font-size: 33px;
  line-height: 1.08;
}

html:lang(hy) .prob-h {
  font-size: 32px;
  line-height: 1.12;
}

html:lang(hy) .success-h {
  font-size: 27px;
  line-height: 1.1;
}

html:lang(hy) .pricing-ot-headline {
  font-size: 27px;
  line-height: 1.12;
}

html:lang(hy) section.step .step-title {
  font-size: 43px;
  line-height: 0.96;
}

html:lang(hy) .steps .step-title {
  font-size: 15px;
  line-height: 1.25;
}

html:lang(hy) .auth-main h1 {
  font-size: 30px;
  line-height: 1.05;
}

@media (max-width: 768px) {
  html:lang(hy) h1,
  html:lang(hy) .page-title,
  html:lang(hy) .hero-headline {
    font-size: 44px;
    line-height: 0.98;
  }

  html:lang(hy) section.step .step-title {
    font-size: 34px;
    line-height: 0.98;
  }
}

@media (max-width: 900px) {
  html:lang(hy) .hero-headline {
    font-size: 44px;
    line-height: 0.98;
  }
}