/* ========================================
   PAGE HEADING
   Title + optional subtitle block at the top of a page below the
   app-header. Used on settings, profile, admin, and other landing
   pages with an h1.
   ======================================== */

.page-heading {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    margin-block: var(--space-5) var(--space-5);
}

.page-heading__title {
    font-family: var(--font-ui);
    font-size: 24px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.page-heading__subtitle {
    color: var(--text-muted);
    font-size: var(--text-sm);
    margin: 0;
}