/* Shared BEM typography adapter for the three approved informational landings.
   No component/report markup has this mix; UIkit/Joomla retain their lifecycle. */
body.sl-stage-astroaction .product-landing:focus-visible { outline: 2px solid var(--sl-copper-bright); outline-offset: -2px; }
body.sl-stage-astroaction .product-landing .astro-principle-card > a { box-sizing: border-box; min-height: 44px; }
body.sl-stage-astroaction .product-landing { --product-landing-hero-size: clamp(50px, 5.4vw, 82px); }
body.sl-stage-astroaction .product-landing_kind_lunar,
body.sl-stage-astroaction .product-landing_kind_sadesati { --product-landing-hero-size: clamp(48px, 5vw, 70px); }
body.sl-stage-astroaction .product-landing .astro-hero h1 { font-size: var(--product-landing-hero-size) !important; line-height: .98 !important; }
body.sl-stage-astroaction .product-landing h2 { font-size: clamp(38px, 4vw, 58px) !important; line-height: 1.05 !important; }
body.sl-stage-astroaction .product-landing .astro-principle-card h2 { font-size: clamp(28px, 3vw, 40px) !important; line-height: 1.12 !important; }
body.sl-stage-astroaction .product-landing .astro-contrast h2 { font-size: 25px !important; line-height: 1.1 !important; }
body.sl-stage-astroaction .product-landing .astro-time-note h2 { font-size: clamp(32px, 3.4vw, 48px) !important; }
body.sl-stage-astroaction .product-landing .astro-telegram h2 { font-size: clamp(34px, 3.5vw, 48px) !important; }
body.sl-stage-astroaction .product-landing .astro-final h2 { font-size: clamp(38px, 4vw, 55px) !important; }
@media (max-width: 720px) {
  body.sl-stage-astroaction .product-landing { --product-landing-hero-size: clamp(43px, 13vw, 62px); }
  body.sl-stage-astroaction .product-landing_kind_lunar,
  body.sl-stage-astroaction .product-landing_kind_sadesati { --product-landing-hero-size: clamp(43px, 12vw, 58px); }
}
@media (max-width: 380px) {
  body.sl-stage-astroaction .product-landing .astro-principle-card h2 { font-size: 27px !important; }
}