/* Legal pages: privacy policy and terms of use */
.legal {
  display: flex;
  flex-direction: column;
  gap: 36px;
  padding-block: 40px 96px;
}

.legal__intro {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 760px;
}

.legal h1 {
  font-size: clamp(40px, 5vw, 60px);
  line-height: 1.05;
}

.legal__date {
  font-size: 15px;
  color: var(--text-3);
}

.legal-summary {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 760px;
  padding: 24px 26px;
  border-radius: var(--radius-l);
  background: radial-gradient(300px 220px at 0% 0%, var(--accent-glow), transparent 70%), var(--card);
  background-clip: padding-box;
  border: 1px solid var(--card-line);
  box-shadow: var(--card-shadow);
}

.legal-summary h2 {
  font-family: var(--font-text);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.2px;
}

.legal-summary p {
  font-size: 16px;
  color: var(--text-2);
}

.legal__body {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 760px;
  font-size: 16px;
  color: var(--text-2);
}

.legal-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.legal-section h2 {
  font-family: var(--font-text);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.3px;
  color: var(--text);
}

.legal-section strong {
  font-weight: 600;
  color: var(--text);
}

.legal a {
  color: var(--accent-text);
  text-underline-offset: 3px;
}

.legal a:hover {
  color: var(--text);
}