.hero {
  margin-bottom: var(--space-4);
}

.hero h1 {
  font-size: 28px;
  margin-bottom: var(--space-2);
}

.hero p {
  color: var(--text-sub);
}

.page-note {
  margin-top: var(--space-2);
  font-size: 14px;
}

.section-card {
  display: grid;
  gap: var(--space-2);
}

.section-card + .section-card {
  margin-top: 0;
}

.section-page-header p {
  color: var(--text-sub);
}

.back-link {
  display: inline-flex;
  color: var(--primary);
  text-decoration: none;
  font-size: 14px;
  margin-bottom: 6px;
}

.back-link:hover {
  text-decoration: underline;
}

.site-caption {
  color: var(--text-muted);
  font-size: 13px;
}

.footer-note {
  font-size: 13px;
}