/* =========================================================
   Création Audio — pages légales (confidentialité / conditions / retours)
   Mise en forme du contenu (article lisible). Chargé APRÈS accueil.css :
   réutilise les jetons de .home-page (--ink, --ink-2, --muted, --line,
   --wash, --ember, --ember-ink, --ember-dim). Thème clair storefront.
   ========================================================= */

.legal-band { background:var(--wash); border-bottom:1px solid var(--line); }
.legal-band .inner { max-width:820px; margin:0 auto; padding:clamp(28px,5vw,52px) 24px; }
.legal-band .eyebrow { color:var(--ember-ink); }
.legal-band h1 { font-size:clamp(1.8rem,4vw,2.6rem); letter-spacing:-.025em; color:var(--ink); }
.legal-band .updated { color:var(--muted); font-size:.9rem; margin-top:10px; }

.legal { max-width:820px; margin:0 auto; padding:clamp(28px,4vw,44px) 24px 72px; }

.legal-nav { display:flex; gap:10px 18px; flex-wrap:wrap; margin-bottom:30px; font-size:.9rem;
  border-bottom:1px solid var(--line); padding-bottom:18px; }
.legal-nav a { color:var(--muted); text-decoration:none; }
.legal-nav a.is-active { color:var(--ink); font-weight:700; }
.legal-nav a:hover { color:var(--ember-ink); }

.legal h2 { font-size:1.25rem; letter-spacing:-.01em; color:var(--ink); margin:34px 0 10px; }
.legal h2:first-of-type { margin-top:0; }
.legal h3 { font-size:1.02rem; color:var(--ink); margin:20px 0 6px; }
.legal p, .legal li { color:var(--ink-2); line-height:1.7; font-size:1rem; }
.legal p { margin:10px 0; }
.legal ul { margin:10px 0; padding-left:1.2em; }
.legal li { margin:6px 0; }
.legal strong { color:var(--ink); }
.legal a { color:var(--ember-ink); text-decoration:underline; text-underline-offset:2px; }
.legal a:hover { color:var(--ember-dim); }
.legal .note {
  background:var(--wash); border:1px solid var(--line); border-left:3px solid var(--ember);
  border-radius:10px; padding:14px 16px; margin:22px 0; font-size:.92rem; color:var(--muted);
}
.legal .note strong { color:var(--ink); }
.legal address { font-style:normal; color:var(--ink-2); line-height:1.7; }