.primary-page {
  display: grid;
  gap: 36px;
}

.primary-page-intro {
  padding-top: 0;
}

.primary-hero {
  width: 100%;
  max-width: none;
}

.primary-hero h1 {
  margin: 16px 0 0;
}

.primary-hero > p {
  max-width: none;
  margin: 16px 0 0;
  color: var(--color-text-muted);
  font-size: inherit;
}

.primary-hero .hero-actions {
  margin-top: 28px;
}

.primary-page-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

@media (max-width: 640px) {
  .primary-page {
    gap: 28px;
  }
}