/*
 * Header Layout
 */

.main-content {
  padding: var(--spacing-8) 0;
  min-height: calc(100vh - var(--nav-height));
}

.header-section {
  text-align: center;
  margin-bottom: var(--spacing-12);

  & h1 {
    font-size: var(--font-size-4xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-primary);
    margin: 0 0 var(--spacing-3) 0;
  }
}

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