/* legal.css — shared for privacy.html and terms.html */
.legal-section{padding-top:var(--nav-h)}
.legal-inner{max-width:780px;margin:0 auto;padding:80px 32px}
.legal-header{margin-bottom:52px}
.legal-date{font-size:.84rem;color:var(--text-400);margin-top:8px}

.legal-body{line-height:1.85}
.legal-body p{color:var(--text-300);margin-bottom:18px;font-size:.97rem}
.legal-body h2{
  font-family:var(--font-display);font-size:1.2rem;font-weight:700;
  color:var(--text-100);margin:40px 0 12px;
  padding-bottom:10px;border-bottom:1px solid var(--border);
}
.legal-body h3{
  font-family:var(--font-display);font-size:1rem;font-weight:600;
  color:var(--text-200);margin:24px 0 8px;
}
.legal-body ul{
  list-style:none;display:flex;flex-direction:column;
  gap:10px;margin-bottom:18px;padding-left:4px;
}
.legal-body ul li{
  font-size:.95rem;color:var(--text-300);
  padding-left:20px;position:relative;
}
.legal-body ul li::before{
  content:'—';position:absolute;left:0;
  color:var(--text-400);font-size:.8rem;
}
.legal-body a{color:var(--accent);transition:opacity var(--ease)}
.legal-body a:hover{opacity:.8}
@media(max-width:640px){.legal-inner{padding:60px 18px}}