/* Page header — the index-page title + action row emitted by the PageHeader widget
   (docs/css-refactoring.md §7). The row layout is Bootstrap utilities
   (d-flex/flex-wrap/align-items-center/gap-2/mb-3); this file only normalizes the
   <h1> inside it so the title is consistent app-wide and doesn't fight the flex row. */
.w5-page-header h1 {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--gray-900);
    margin: 0;
}

@media (max-width: 767.98px) {
    .w5-page-header h1 {
        font-size: 1.35rem;
    }
}