/* Ravi.Guide public typography core: shared page-title scale and responsive steps. */
:root{
  --rg-type-page-title:clamp(2.2rem,3.1vw,2.8rem);
  --rg-type-page-title-mobile:clamp(1.55rem,6vw,1.9rem);
  --rg-type-page-title-compact:1.4rem;
  --rg-type-section-title:clamp(1.5rem,2.6vw,2rem);
  --rg-type-card-title:1.15rem;
  --rg-type-body:1rem;
  --rg-type-lead:1.1rem;
  --rg-type-label:.9rem;
  --rg-type-meta:.8rem;
}
body :is(.hero,.blog-hero,.blog-discovery,.blog-article,.contact-page,.assessment-intro,.assessment-unavailable-card,.report-access,.certificate-status,.learning-certificate-card,.state,.cancel-card) h1,
body .blog-index .blog-discovery h1,
body .contact-shell .contact-page h1,
body .privacy-page h1,
body :is(.webapp-page-heading,.webapp-auth-intro,.webapp-continuity-heading,.webapp-efi-page-heading) h1,
body .webapp-continuity-page > .webapp-page-heading h1,
body .ieia-page h1{
  font-size:var(--rg-type-page-title);
  line-height:1.12;
  letter-spacing:-.045em;
}
@media(max-width:560px){
  body :is(.hero,.blog-hero,.blog-discovery,.blog-article,.contact-page,.assessment-intro,.assessment-unavailable-card,.report-access,.certificate-status,.learning-certificate-card,.state,.cancel-card) h1,
  body .blog-index .blog-discovery h1,
  body .contact-shell .contact-page h1,
  body .privacy-page h1,
  body :is(.webapp-page-heading,.webapp-auth-intro,.webapp-continuity-heading,.webapp-efi-page-heading) h1,
  body .webapp-continuity-page > .webapp-page-heading h1,
  body .ieia-page h1{font-size:var(--rg-type-page-title-mobile);line-height:1.15}
}
@media(max-width:360px){
  body :is(.hero,.blog-hero,.blog-discovery,.blog-article,.contact-page,.assessment-intro,.assessment-unavailable-card,.report-access,.certificate-status,.learning-certificate-card,.state,.cancel-card) h1,
  body .blog-index .blog-discovery h1,
  body .contact-shell .contact-page h1,
  body .privacy-page h1,
  body :is(.webapp-page-heading,.webapp-auth-intro,.webapp-continuity-heading,.webapp-efi-page-heading) h1,
  body .webapp-continuity-page > .webapp-page-heading h1,
  body .ieia-page h1{font-size:var(--rg-type-page-title-compact)}
}