/* Feuille commune aux pages légales.
   La charte de l'accueil, mais pensée pour de la lecture longue : mesure
   limitée, interlignage large, et rien qui clignote. */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@600;800;900&family=Space+Grotesk:wght@400;500;700&display=swap');

:root{
  --paper:#F5F4ED; --ink:#100F06; --gold:#FFDA57; --sky:#7DCAF6;
  --lavender:#A293FF; --teal:#00917A; --coral:#F47575;
  --display:'Unbounded',sans-serif; --body:'Space Grotesk',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--paper);color:var(--ink);font-family:var(--body);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
  padding:0 22px 80px;
}
.wrap{max-width:720px;margin:0 auto}

header{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:26px 0;border-bottom:2px solid var(--ink);margin-bottom:44px;flex-wrap:wrap;
}
.logo{font-family:var(--display);font-weight:900;font-size:22px;letter-spacing:-.04em;
      color:var(--ink);text-decoration:none}
.back{font-size:13px;font-weight:500;color:var(--ink);opacity:.6;text-decoration:none}
.back:hover{opacity:1}

h1{font-family:var(--display);font-weight:900;font-size:clamp(30px,5vw,44px);
   line-height:1.08;letter-spacing:-.035em;margin-bottom:14px}
.maj{font-size:13px;color:rgba(16,15,6,.55);font-weight:500;margin-bottom:40px}

h2{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.02em;
   margin:44px 0 14px;padding-top:20px;border-top:2px solid rgba(16,15,6,.12)}
h3{font-weight:700;font-size:16px;margin:26px 0 8px}
p{margin-bottom:14px}
ul{margin:0 0 16px 20px}
li{margin-bottom:8px}
a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
strong{font-weight:700}

table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px;display:block;overflow-x:auto}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid rgba(16,15,6,.14);vertical-align:top}
th{font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.04em;
   text-transform:uppercase;border-bottom:2px solid var(--ink);white-space:nowrap}

.note{
  background:var(--gold);border:2px solid var(--ink);border-radius:16px;
  padding:18px 20px;margin:22px 0;box-shadow:3px 3px 0 var(--ink);font-size:15px;
}
.note.calm{background:var(--sky)}

footer{
  margin-top:60px;padding-top:18px;border-top:2px solid var(--ink);
  font-size:12.5px;color:rgba(16,15,6,.6);display:flex;gap:6px 18px;flex-wrap:wrap;
}
footer b{color:var(--ink);font-weight:700}