/* ── Legal pages (Privacy & Terms) ── */

.legal-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--sp-20) var(--sp-48);
  border-bottom: 1px solid var(--border);
}

.legal-container {
  max-width: 720px;
  margin: 0 auto;
  padding: var(--sp-60) var(--sp-40) calc(var(--sp-96) + var(--sp-4));
}

.legal-container h1 {
  font-family: var(--fd);
  font-size: var(--fs-48);
  font-weight: 300;
  margin-bottom: var(--sp-8);
  line-height: 1.1;
}

.legal-meta {
  color: var(--t3);
  font-size: var(--fs-13);
  margin-bottom: var(--sp-56);
}

.legal-container h2 {
  font-family: var(--fd);
  font-size: var(--fs-26);
  font-weight: 400;
  margin: var(--sp-44) 0 var(--sp-14);
  color: var(--t1);
}

.legal-container p {
  color: var(--t2);
  margin-bottom: var(--sp-16);
}

.legal-container ul {
  color: var(--t2);
  padding-left: var(--sp-20);
  margin-bottom: var(--sp-16);
}

.legal-container ul li { margin-bottom: var(--sp-6); }

.legal-divider {
  height: 1px;
  background: var(--border);
  margin: var(--sp-40) 0;
}

.legal-footer {
  font-size: var(--fs-13);
  color: var(--t3);
}

.legal-container strong { color: var(--t1); }