/* Style commun aux pages légales (mentions, CGV, confidentialité).
   Reprend les tokens du design system, sans dépendre du runtime de la page
   d'accueil : ces pages sont du HTML statique, elles s'affichent même si
   JavaScript est désactivé. */

main{padding:48px clamp(20px,5vw,48px) 64px;max-width:820px}

.eyebrow{font:600 12px/1 var(--font-mono);letter-spacing:.14em;color:var(--accent-text);
         text-transform:uppercase;margin-bottom:16px}
h1{font:800 clamp(30px,6vw,44px)/1.15 var(--font-display);margin:0 0 12px;letter-spacing:-.01em}
.updated{font:400 13px/1.5 var(--font-mono);color:var(--text-3);margin:0 0 40px}
h2{font:600 clamp(20px,3vw,24px)/1.3 var(--font-display);margin:40px 0 12px}
h3{font:600 16px/1.4 var(--font-display);margin:24px 0 8px}
p,li{font-size:15px;line-height:1.65;color:var(--text-2)}
li{margin-bottom:8px}
ul,ol{padding-left:22px}
strong{color:var(--text-1)}
.lead{font-size:16px;line-height:1.6}

/* Tableaux — défilent horizontalement sur mobile au lieu de casser la page */
.scroller{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px;min-width:420px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}
th{font:600 11px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
td{color:var(--text-2);line-height:1.55}
td:first-child{color:var(--text-1);font-weight:500}

.card{border:1px solid var(--border);border-radius:20px;background:var(--surface);
      box-shadow:var(--shadow-card);padding:24px;margin:24px 0}
.card p:first-child{margin-top:0}
.card p:last-child{margin-bottom:0}