.main--legal {
  display: grid;
  gap: var(--space-5);
}

body.legal-page {
  padding-top: 0;
}

body.legal-page .main.main--legal {
  margin: 0 auto;
}

.legal-hero {
  display: grid;
  gap: var(--space-2);
}

.legal-hero .lead {
  color: var(--muted);
  font-size: 1.05rem;
  max-width: 60ch;
}

.legal-content {
  display: grid;
  gap: var(--space-4);
}

.legal-content .card {
  display: grid;
  gap: var(--space-3);
}

.legal-placeholder {
  display: grid;
  gap: var(--space-2);
}

.legal-placeholder a {
  color: var(--primary);
  font-weight: 600;
}

.legal-back-btn {
  width: fit-content;
  border: 1px solid var(--primary);
  background: var(--primary);
  color: #fff;
  border-radius: 999px;
  padding: 0.45rem 0.95rem;
  font-weight: 600;
  cursor: pointer;
}

.legal-back-btn:hover {
  filter: brightness(0.95);
}

.legal-back-btn:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}