body {
  background: radial-gradient(circle at top, #F2EDE3 0, #FAF7F0 52%, #efe5d5 100%);
}

.main {
  padding-top: var(--space-20);
}

.section h1 {
  max-width: 40rem;
}

.card h2 {
  font-size: var(--font-size-2xl);
}

.card section + section {
  border-top: 1px solid rgba(36, 27, 23, 0.08);
  padding-top: var(--space-6);
}

.card a {
  text-decoration: underline;
  text-decoration-color: rgba(176, 141, 87, 0.7);
  text-underline-offset: 0.18em;
}

.card a:hover {
  color: var(--color-primary);
}

@media (max-width: 768px) {
  .main {
    padding-top: var(--space-16);
  }
}

ul {
    list-style: none !important;
}

.nav-toggle {
    flex-direction: column;
}