/* Outfit ersetzt Inter ausschließlich bei tatsächlich fett gesetztem Text. */
.me-outfit-bold {
    font-family: 'Outfit', 'Inter', sans-serif !important;
}

/* Enger Buchstabenabstand lässt die Randglyphen über ihre Textbox ragen.
   Den Farbverlauf dort weiterzeichnen, ohne die Textposition zu verschieben.
   Auch jede Zeile eines umbrochenen Inline-Spans braucht diesen Malbereich. */
:is(
    .subpage-hero h1 span,
    .about-intro-heading h2 span,
    .about-history-head h2 span,
    .blog-hero h1 em,
    .tm2-hero h1 span,
    .tm2-promise h2 span,
    .tm-hero h1 span,
    .tm-section-head h2 span,
    .hero-title .hero-gradient,
    .hero-title .line-gradient-text,
    .spotlight-title-gradient,
    .gradient-word,
    .grad,
    .footer-v10-title-accent
) {
    padding-left: 0.04em;
    padding-right: 0.08em;
    margin-left: -0.04em;
    margin-right: -0.08em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/* Lange deutsche Wörter dürfen in schmalen Textspalten umbrechen.
   Die Schriftgrößen bleiben unverändert; anywhere dient als Rückfall,
   falls für ein Wort kein Trennwörterbuch verfügbar ist. */
.subpage-hero h1,
.subpage-article,
.patient-feature-cards h3,
.spotlight-copy h2,
.cta-panel h2,
.blog-cta-panel h2,
.ref4-chapter-link,
.ref4-closing h2 {
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
}