/* ============================================================================
   legal.css — pages légales (privacy.html, terms.html)
   Bloc de contenu commun aux deux pages (leur <style> était identique).
   Lier APRÈS base.css + site.css.
   ========================================================================= */

.page-wrap{max-width:720px;margin:0 auto;padding:calc(var(--nav-h) + 40px) 24px 80px}

.page-back{
  display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.38);
  font-size:.78rem;text-decoration:none;margin-bottom:28px;transition:.15s;
}
.page-back:hover{color:rgba(255,255,255,.75)}

.page-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.22);border-radius:16px;
  padding:4px 12px;font-size:.68rem;font-weight:700;color:var(--accent-soft);margin-bottom:14px;letter-spacing:.4px;
}

.page-h1{font-size:1.9rem;font-weight:900;line-height:1.15;margin-bottom:6px}
.page-date{font-size:.72rem;color:rgba(255,255,255,.28);margin-bottom:36px}

.lcard{
  background:var(--card);border:1px solid var(--bd);border-radius:15px;padding:24px 26px;margin-bottom:12px;
  transition:border-color .2s;
}
.lcard:hover{border-color:rgba(var(--accent-rgb),.22)}
.lcard-title{font-size:.9rem;font-weight:800;color:var(--accent-soft);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.lcard-title .num{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1rem;
}
.lcard p{font-size:.82rem;color:var(--muted);line-height:1.7;margin-bottom:8px}
.lcard p:last-child{margin-bottom:0}
.lcard ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:8px}
.lcard li{font-size:.82rem;color:var(--muted);line-height:1.6;padding-left:14px;position:relative}
.lcard li::before{content:'·';position:absolute;left:0;color:var(--accent);font-size:1rem;line-height:1.4}