/* Shared editorial typography, aligned with the current Homeopati reference.
   48 / 30 / 22 px at desktop; long article titles and small screens step down.
   Browser zoom and user text-size controls remain available. */
:root{
 --heading-page:clamp(32px,3.4vw,48px);
 --heading-section:clamp(24px,2.2vw,30px);
 --space-section:clamp(32px,4vw,48px)
}
body main h1{
 font-size:var(--heading-page)!important;
 font-weight:450!important;
 line-height:1.16!important;
 letter-spacing:-.018em!important
}
body main h2,.about-page .about-text h2{font-weight:500!important}
body main h3{font-weight:500!important}
main h2{font-size:var(--heading-section);line-height:1.25}
.about-page .about-text h2,.article-feature-copy h2,.article-library-heading h2{
 font-size:var(--heading-section);line-height:1.25
}
.article-body h3{font-size:22px;line-height:1.3}
main>.hero,main>.article-hero,main>.article-index-hero{
 padding-top:clamp(32px,3.5vw,48px);
 padding-bottom:clamp(28px,3.2vw,44px)
}
.question-article main h1{
 font-size:clamp(28px,3.05vw,44px)!important;
 line-height:1.2!important
}
@media(max-width:620px){
 :root{--heading-page:clamp(30px,7.6vw,36px)}
 .article-body h3{font-size:20px;line-height:1.35}
 .question-article main h1{font-size:clamp(27px,7vw,34px)!important}
}