.legal-main {
  padding: 110px var(--s8) var(--s24);
}
.legal-back {
  display: inline-block;
  font-size: 0.78rem;
  color: var(--brand-light);
  margin-bottom: var(--s8);
  transition: color var(--t);
}
.legal-back:hover { color: #fff; }

.legal-main h1 {
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 800; color: #fff;
  margin-bottom: var(--s3);
  letter-spacing: -0.03em;
}
.legal-date {
  font-size: 0.78rem; color: var(--text-muted);
  margin-bottom: var(--s10);
}
.legal-body {
  display: flex; flex-direction: column; gap: var(--s8);
  font-size: 0.87rem; line-height: 1.9; color: var(--text-muted);
}
.legal-body h2 {
  font-family: var(--font-display);
  font-size: 1.05rem; font-weight: 700;
  color: var(--text); margin-bottom: var(--s2);
}
.legal-body a { color: var(--brand-light); transition: color var(--t); }
.legal-body a:hover { color: #fff; }
.legal-body ul {
  padding-left: var(--s5);
  display: flex; flex-direction: column; gap: var(--s2);
  list-style: disc;
}
.legal-highlight {
  background: var(--bg-card);
  border: 1px solid rgba(0,229,255,0.2);
  border-radius: var(--r-lg);
  padding: var(--s5) var(--s6);
}
.legal-highlight p { color: var(--text); }
.legal-highlight strong { color: var(--dfn-cyan); }