@layer components {
    .section-heading {
        margin: 0;
    }

    .section-heading__title {
        font-family: var(--font-heading);
        font-weight: var(--font-weight-heading);
        font-size: var(--heading-font-size, var(--font-size-xl));
        line-height: 1.2;
        margin: 0;
    }

    .section-heading__subtitle {
        font-family: var(--font-excerpt);
        font-weight: var(--font-weight-excerpt);
        font-size: var(--font-size-body);
        color: var(--color-muted);
        margin: 0;
        margin-block-start: var(--spacing-xs);
    }

    /* Alignment */
    .section-heading--center {
        text-align: center;
    }

    .section-heading--right {
        text-align: right;
    }

    /* Styles */
    .section-heading--underline {
        padding-block-end: var(--spacing-md);
        border-bottom: 2px solid var(--color-primary);
    }

    .section-heading--accent {
        padding-inline-start: var(--spacing-md);
        border-inline-start: 3px solid var(--color-primary);
    }

    .section-heading--bordered {
        padding-block: var(--spacing-md);
        border-top: 1px solid var(--heading-rule-color, var(--color-border));
        border-bottom: 1px solid var(--color-border);
    }

    /* Text treatments */
    .section-heading--uppercase .section-heading__title {
        text-transform: uppercase;
        letter-spacing: var(--heading-letter-spacing, 0.05em);
        font-size: var(--heading-font-size, var(--font-size-md));
    }

    .section-heading--italic .section-heading__title {
        font-style: italic;
    }
}