/* 페이지 헤더 (제목 + 부제 + 뒤로가기) */

.page-header {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    margin-bottom: var(--spacing-5);
}

@media (min-width: 768px) {
    .page-header {
        margin-bottom: var(--spacing-6);
    }
}

.page-header-top {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    min-height: 44px;
}
@media (min-width: 768px) {
    .page-header-top { min-height: 40px; }
}

.page-header-back {
    margin-left: calc(var(--spacing-2) * -1);
}

.page-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--neutral-basic);
}

@media (min-width: 768px) {
    .page-title {
        font-size: 32px;
        letter-spacing: 1px;
    }
}

.page-subtitle {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--neutral-subtle);
}

@media (min-width: 768px) {
    .page-subtitle {
        font-size: 17px;
    }
}

/* 페이지 내 섹션 헤더 (h4 자리) */
.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-3);
    margin-bottom: var(--spacing-3);
}

.section-title {
    font-size: 17px;
    font-weight: 700;
    color: var(--neutral-basic);
}
@media (min-width: 768px) {
    .section-title { font-size: 19px; }
}