/* Legal pages (Privacy / Terms) — loads on top of landing_v2.css */
.legal{max-width:820px;margin:0 auto;padding:24px 22px 64px}
.legal h1{font-family:var(--head);font-weight:700;font-size:clamp(30px,5vw,44px);letter-spacing:-.02em;color:var(--ink);margin:0}
.legal .updated{color:var(--muted);font-size:14px;margin-top:10px}
.legal .intro{color:var(--body);font-size:16px;line-height:1.7;margin-top:20px}
.legal h2{font-family:var(--head);font-weight:700;font-size:20px;color:var(--ink);margin:36px 0 12px;
  display:flex;align-items:center;gap:11px}
.legal h2 .num{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:9px;
  background:linear-gradient(150deg,rgba(2,136,209,.12),rgba(124,92,255,.12));color:var(--blue);font-size:14px;font-weight:700;flex:0 0 auto}
.legal p{color:var(--body);font-size:15.5px;line-height:1.72;margin:10px 0}
.legal .sublabel{font-weight:700;color:var(--ink);margin-top:14px}
.legal ul{margin:12px 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.legal li{position:relative;padding-left:24px;color:var(--body);font-size:15.5px;line-height:1.6}
.legal li::before{content:'';position:absolute;left:5px;top:9px;width:6px;height:6px;border-radius:50%;
  background:linear-gradient(150deg,#0288d1,#7c5cff)}
.legal a{color:var(--blue);font-weight:600}
.legal a:hover{color:var(--blue-hover);text-decoration:underline}
@media(max-width:560px){.legal{padding:16px 16px 52px}.legal h2{font-size:18.5px}}