/* Legal pages (Privacy, Terms) — prose layout on top of the shared tokens in styles.css */

.legal {
  max-width: 760px;
  margin: 0 auto;
  padding: 96px 28px 96px;
}

.legal__title {
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.04;
  letter-spacing: -0.035em;
  font-weight: 700;
}

.legal__meta {
  margin-top: 18px;
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--text-5);
}

.legal__intro {
  margin-top: 30px;
  font-size: 19px;
  line-height: 1.65;
  color: var(--text-2);
}

.legal h2 {
  margin: 52px 0 0;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: var(--text);
}

.legal p,
.legal li {
  font-size: 17px;
  line-height: 1.7;
  color: var(--text-2);
}

.legal p { margin: 16px 0 0; }

.legal ul {
  margin: 16px 0 0;
  padding-left: 22px;
}
.legal li { margin: 8px 0 0; }

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

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

.legal__back {
  display: inline-block;
  margin-top: 56px;
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--text-3);
  border-bottom: 1px solid var(--line-strong);
  padding-bottom: 2px;
}
.legal__back:hover { color: var(--text); border-bottom-color: var(--accent); }