/* ============================================================
   Legal pages — minimal styles on top of /styles.css
   ============================================================ */

body.legal-body { background: var(--bg, #04070a); }

.nav__back-link {
  font-family: "Space Grotesk", sans-serif;
  font-size: .9rem;
  color: var(--muted, #8ea99d);
  transition: color .25s;
}
.nav__back-link:hover { color: var(--green-br, #6ee7a7); }

.legal { padding: 130px 0 80px; }
.legal__warning {
  border: 1px solid rgba(247, 196, 78, 0.45);
  background: rgba(247, 196, 78, 0.06);
  color: #f5d97a;
  padding: 18px 22px;
  border-radius: 12px;
  font-size: .92rem;
  margin-bottom: 48px;
  line-height: 1.55;
}
.legal__warning strong { color: #fbe089; }
.legal__warning em { color: #fbe089; font-style: italic; }

.legal__head { margin-bottom: 56px; }
.legal__head h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(2.1rem, 5vw, 3.4rem);
  font-weight: 700;
  letter-spacing: -.035em;
  margin: 14px 0 12px;
  line-height: 1.05;
}
.legal__head .kicker { margin-bottom: 0; }

.legal section { margin-bottom: 42px; }
.legal section:last-of-type { margin-bottom: 0; }
.legal h2 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: -.02em;
  color: var(--text, #ecf3ef);
  margin-bottom: 18px;
}
.legal h3 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--text, #ecf3ef);
  margin: 22px 0 10px;
}
.legal p { color: var(--muted, #8ea99d); margin-bottom: 14px; font-size: .98rem; line-height: 1.72; }
.legal p:last-child { margin-bottom: 0; }
.legal a {
  color: var(--green-br, #6ee7a7);
  text-decoration: none;
  border-bottom: 1px solid rgba(110, 231, 167, .35);
  transition: border-color .25s;
}
.legal a:hover { border-bottom-color: var(--green-br, #6ee7a7); }

.legal ul {
  list-style: none;
  padding: 0;
  margin: 14px 0 18px;
  color: var(--muted, #8ea99d);
}
.legal li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 10px;
  font-size: .97rem;
}
.legal li::before {
  content: "→";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--green, #34d399);
  font-weight: 700;
}
.legal code {
  font-family: var(--mono, "Space Mono", monospace);
  font-size: .88em;
  background: rgba(110, 231, 167, .08);
  padding: 1px 6px;
  border-radius: 4px;
  color: var(--green-br, #6ee7a7);
}

.legal__updated {
  margin-top: 64px;
  font-family: var(--mono, "Space Mono", monospace);
  font-size: .8rem;
  color: var(--faint, #566c63);
}

.legal__nav {
  display: flex;
  gap: 24px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}
.legal__nav a {
  color: var(--muted, #8ea99d);
  font-size: .9rem;
  transition: color .25s;
}
.legal__nav a:hover { color: var(--green-br, #6ee7a7); }

.footer__legal { padding-top: 32px; }

@media (max-width: 620px) {
  .legal { padding: 110px 0 60px; }
  .legal__head { margin-bottom: 40px; }
  .legal section { margin-bottom: 34px; }
}