.legal-nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 920px;
  padding: 24px;
}

.legal-nav > a:last-child { color: var(--muted); font-size: 14px; font-weight: 600; }
.legal-nav > a:last-child:hover { color: var(--ink); }

.legal-page { margin: 0 auto; max-width: 760px; padding: 80px 24px 96px; }
.legal-page h1 { font-size: 48px; max-width: 680px; }
.legal-updated { color: var(--muted); margin-bottom: 64px; }
.legal-page section { border-top: 1px solid var(--line); padding: 32px 0; }
.legal-page section h2 { font-size: 20px; line-height: 28px; margin-bottom: 8px; }
.legal-page section p { color: var(--muted); margin: 0; }

@media (max-width: 720px) {
  .legal-page { padding-top: 64px; }
  .legal-page h1 { font-size: 36px; line-height: 40px; }
}