/* Ueberschriften im Artikelkoerper (EffaceData).
   Uebernommen aus der deutschen blog-theme.css, bewusst reduziert auf die
   Typografie: das Farbschema der Artikel bleibt unveraendert.

   Warum diese Datei noetig ist: Das Typography-Plugin ist im Tailwind-Build
   nicht enthalten, und Tailwinds Preflight setzt Ueberschriften auf die
   Schriftgroesse des Elternelements zurueck. Ohne die folgenden Regeln rendert
   jede Fliesstext-Ueberschrift in Absatzgroesse oder kleiner.

   Alle Regeln stehen in :where(), haben also Spezifitaet 0. Sie greifen nur
   dort, wo keine Utility-Klasse gesetzt ist, und veraendern damit keinen
   Artikel, der seine Ueberschriften bereits selbst dimensioniert. */

:where(.prose) h1,
:where(.prose) h2,
:where(.prose) h3,
:where(.prose) h4 {
    color: #f1f5f9;
    font-weight: 700;
    margin-top: 1.7em;
    margin-bottom: 0.5em;
    text-wrap: balance;
}

:where(.prose) h2 {
    font-size: clamp(1.45rem, 1.2rem + 0.9vw, 1.65rem);
    line-height: 1.25;
    letter-spacing: -0.015em;
}

:where(.prose) h3 {
    font-size: clamp(1.15rem, 1.05rem + 0.4vw, 1.25rem);
    line-height: 1.35;
}

:where(.prose) h4 {
    font-size: 1.05rem;
    line-height: 1.4;
}