/* =========================================
   HEADLINE WIDGETS
   RULE 019: Must be on container and element
   RULE 007: No hyphenation in headlines
   ========================================= */

/* KSTA-Stil: Zeitungs-Headlines, hochwertige Typografie */
.base-headline-h1 {
    font-size: clamp(1.5rem, 2.6vw, var(--font-size-4xl));
    font-weight: var(--font-weight-extrabold);
    line-height: 1.15;
    letter-spacing: -0.03em;
    margin-bottom: 5px;
    max-width: 100%;
    color: var(--headline-text-color, var(--color-headline));
    text-rendering: optimizeLegibility;
    hyphens: none;
    word-break: normal;
}

.base-headline-h2 {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    letter-spacing: 0.01em;
    margin-bottom: 1rem;
    color: var(--headline-text-color, var(--color-headline));
    text-rendering: optimizeLegibility;
    hyphens: none;
    word-break: normal;
}

.base-headline-h3 {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
    letter-spacing: 0.01em;
    margin-bottom: 0.75rem;
    color: var(--headline-text-color, var(--color-headline));
    text-rendering: optimizeLegibility;
    hyphens: none;
    word-break: normal;
}

.base-headline-h4 {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
    margin-bottom: 0.5rem;
    color: var(--headline-text-color, var(--color-headline));
    text-rendering: optimizeLegibility;
    hyphens: none;
    word-break: normal;
}

@media (min-width: 600px) {
    .base-headline-h1 {
        font-size: var(--font-size-4xl);
    }
}

@media (min-width: 1024px) {
    .base-headline-h1 {
        font-size: var(--font-size-5xl);
        letter-spacing: -0.025em;
    }
}

/* Änderungsprotokoll: 2026-06-14 | User-Auftrag Narcoty Artikel-Detail-Headlines | @skill-css-rules, @skill-change-provenance | Premium-H1 für Artikel-Detail */
.base-article-detail-headline-h1 {
    color: var(--article-detail-headline-h1-color);
    font-size: var(--article-detail-headline-h1-font-size);
    letter-spacing: var(--article-detail-headline-h1-letter-spacing);
    padding-bottom: var(--article-detail-headline-h1-padding-bottom);
    margin-bottom: var(--article-detail-headline-h1-margin-bottom);
    border-bottom: var(--article-detail-headline-h1-border-bottom);
}

.base-article-detail-headline-h1::after {
    content: '';
    display: block;
    width: var(--article-detail-headline-h1-accent-width);
    height: 3px;
    margin-top: var(--article-detail-headline-h1-accent-margin-top);
    background: var(--article-detail-headline-h1-accent-line);
}

/* Änderungsprotokoll: 2026-06-14 | User-Auftrag Narcoty Artikel-Detail-Headlines | @skill-css-rules, @skill-change-provenance | Premium-H2/H3 in Artikel-Detail und Content */
.base-article-detail-headline-h2 {
    color: var(--headline-h2-color);
    font-size: var(--headline-h2-font-size);
    letter-spacing: var(--headline-h2-letter-spacing);
    text-transform: var(--headline-h2-text-transform);
    margin-top: var(--headline-h2-margin-top);
    padding-bottom: var(--headline-h2-padding-bottom);
    margin-bottom: var(--headline-h2-margin-bottom);
    border-bottom: var(--headline-h2-border-bottom);
}

.base-article-detail-headline-h2::after {
    content: '';
    display: block;
    width: var(--headline-h2-accent-width);
    height: 2px;
    margin-top: var(--headline-h2-accent-margin-top);
    background: var(--headline-h2-accent-line);
}

.base-headline-h2 {
    color: var(--headline-h2-color);
    font-size: var(--headline-h2-font-size);
    letter-spacing: var(--headline-h2-letter-spacing);
    text-transform: var(--headline-h2-text-transform);
    margin-top: var(--headline-h2-margin-top);
    padding-bottom: var(--headline-h2-padding-bottom);
    margin-bottom: var(--headline-h2-margin-bottom);
    border-bottom: var(--headline-h2-border-bottom);
}

.base-article-detail-headline-h3 {
    color: var(--headline-h3-color);
    font-size: var(--headline-h3-font-size);
    letter-spacing: var(--headline-h3-letter-spacing);
    margin-top: var(--headline-h3-margin-top);
    margin-bottom: var(--headline-h3-margin-bottom);
    border-left: var(--headline-h3-border-left-width) solid var(--headline-h3-border-left-color);
    padding-left: var(--headline-h3-padding-left);
}

/* Änderungsprotokoll: 2026-06-14 | User-Auftrag Narcoty Sidebar-Titel | @skill-css-rules, @skill-change-provenance | Sidebar-Overrides nach Artikel-H2-Regeln */
.base-sidebar-section-title {
    color: var(--sidebar-section-title-color);
    font-size: var(--sidebar-section-title-font-size);
    font-weight: var(--sidebar-section-title-font-weight);
    letter-spacing: var(--sidebar-section-title-letter-spacing);
    text-transform: var(--sidebar-section-title-text-transform);
    padding-bottom: var(--sidebar-section-title-padding-bottom);
    margin-bottom: var(--sidebar-section-title-margin-bottom);
    border-bottom: var(--sidebar-section-title-border-bottom);
    margin-top: 0;
}

.base-sidebar-section-title::after {
    content: '';
    display: block;
    width: var(--sidebar-section-title-accent-width);
    height: 2px;
    margin-top: var(--sidebar-section-title-accent-margin-top);
    background: var(--sidebar-section-title-accent-line);
}