.legal-hero{
  padding:80px 0 40px;
  background:radial-gradient(600px 320px at 20% 0%, rgba(139,92,246,.12), transparent 70%);
}
.legal-hero h1{ font-size:clamp(1.8rem, 4vw, 2.6rem); max-width:700px; }
.legal-hero .updated{
  font-family:var(--font-mono); font-size:.8rem; color:var(--text-faint); margin-top:8px; display:block;
}

.legal-content{ padding-top:8px; padding-bottom:96px; }
.legal-content .wrap{ max-width:780px; }

.legal-content h2{
  font-size:1.3rem; margin-top:48px; margin-bottom:14px;
  padding-top:24px; border-top:1px solid var(--border);
}
.legal-content section:first-of-type h2{ border-top:0; padding-top:0; margin-top:0; }

.legal-content p{ color:var(--text-muted); font-size:.98rem; }
.legal-content strong{ color:var(--text); }

.legal-content ul{ margin:0 0 1em; padding-left:20px; color:var(--text-muted); }
.legal-content li{ margin-bottom:8px; font-size:.98rem; }

.legal-content .note-box{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius);
  padding:20px 24px; margin-top:32px; font-size:.9rem; color:var(--text-muted);
}
.legal-content .note-box strong{ display:block; margin-bottom:6px; color:var(--text); }

.legal-content a{ color:var(--accent-b); }
.legal-content a:hover{ text-decoration:underline; }

/* Responsive */
@media (max-width:760px){
  .legal-hero{ padding:56px 0 28px; }
  .legal-content{ padding-bottom:64px; }
  .legal-content h2{ font-size:1.15rem; margin-top:36px; padding-top:20px; }
  .legal-content p,
  .legal-content li{ font-size:.92rem; }
}
@media (max-width:480px){
  .legal-hero{ padding:44px 0 24px; }
  .legal-hero h1{ font-size:1.6rem; }
  .legal-content h2{ font-size:1.05rem; margin-top:28px; }
  .legal-content .note-box{ padding:16px 18px; }
}