/*
 * Page header component — pairs with app/views/shared/_page_header.html.erb
 */
.page-header {
  margin-bottom: var(--space-2xl);
}

.page-header-title {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.page-header h1 {
  margin-bottom: var(--space-xs);
}

.page-header-title h1 {
  margin-bottom: 0;
}

.page-header .subtitle {
  color: var(--color-text-muted);
  font-size: var(--font-size-base);
  margin: 0;
}

@media (max-width: 768px) {
  .page-header {
    margin-bottom: var(--space-xl);
  }
}