/* Pages: page-level section styles */

.home-intro { margin: 0 0 var(--space-4); color: var(--color-text-muted); max-width: 60ch; }
.home-cta { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-block: var(--space-4) var(--space-6); }

.page-header { padding-block: var(--space-5) var(--space-4); border-bottom: 0; margin-bottom: var(--space-5); }
.page-header h1 {
  margin: 0 0 var(--space-2);
  font-family: var(--type-h1-font-family, var(--font-heading));
  font-size: var(--type-h1-font-size);
  font-weight: var(--type-h1-font-weight);
}
.page-header__subtitle { margin: 0; color: var(--color-text-muted); }
.page-header__count { margin: 0; font-size: var(--font-size-step--1); color: var(--color-text-muted); }

.page-header--board { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: flex-start; }
.empty-state { text-align: center; color: var(--color-text-muted); padding: var(--space-6); }

@media (max-width: 768px) {
  .home-intro {
    margin-bottom: var(--space-3);
    max-width: 46ch;
  }
  .home-cta {
    gap: var(--space-2);
    margin-block: var(--space-3) var(--space-4);
  }
  .page-header {
    padding-block: var(--space-4) var(--space-3);
    margin-bottom: var(--space-4);
  }
  .page-header h1 {
    font-size: var(--type-h1-font-size);
  }
  .page-header__subtitle {
    font-size: var(--font-size-step--1);
  }
  .empty-state {
    padding: var(--space-5) var(--space-3);
  }
}