/* ── Section titles and text ───────────────────────────────────────── */
.section-title {
    font-size: 36px;
    color: var(--q-color-text-primary);
    font-style: italic;
    font-weight: 500;
    margin-top: 18px;
    background: repeating-linear-gradient(
        105deg,
        var(--q-color-background-tertiary) 0px 2px,
        transparent 2px 4px
    );
    width: fit-content;
    height: fit-content;
}

.section-header {
    font-size: 24px;
    font-weight: 500;
    color: var(--q-color-text-primary);
    margin-top: 12px;
    background: repeating-linear-gradient(
        90deg,
        var(--q-color-background-secondary) 0px 2px,
        transparent 2px 4px
    );
    width: fit-content;
    height: fit-content;
}

.section-text {
    font-size: 18px;
    color: var(--q-color-text-primary);

}

.footnote {
    font-size: 12px;
}

.footnotes {
    margin-top: 24px;
    color: var(--q-color-text-primary);
    background: var(--q-color-background-secondary);
}

@media (max-width: 500px) {
    /* Section titles scale down */
    .section-title {
        font-size: 24px;
        margin-top: 12px;
    }

    .section-header {
        font-size: 18px;
        margin-top: 8px;
    }

    .section-text {
        font-size: 16px;
    }
}