/* Pages légales (/privacy, /terms).
   CSS partagé et externe — contrairement à la landing, où il reste inline : ces
   deux pages ne sont pas le chemin de conversion, une requête de plus n'y coûte
   rien, et la duplication du CSS entre deux pages en coûterait plus.

   Mêmes tokens que la landing : ces pages doivent inspirer la même confiance que
   le reste. Une page légale qui change soudain de police, c'est le signal
   « ce n'est plus vraiment nous qui vous parlons ». */
:root{
  --paper:#F7F1E6;
  --card:#FCF8F0;
  --ink:#2B2620;
  --ink-soft:#5E5547;
  --spruce:#33524A;
  --spruce-deep:#274039;
  --clay:#BC6440;
  --wheat:#C9A45A;
  --line:#E6DCC9;
  --maxw:680px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Nunito Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  /* 20px, comme partout. Rétrécir le texte des pages légales est le geste des
     gens qui espèrent qu'on ne les lira pas. */
  font-size:20px;
  line-height:1.65;
  font-optical-sizing:auto;
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
a{color:var(--spruce)}
::selection{background:#E7D9BD}

.page-head{padding:56px 0 8px}
.back{
  display:inline-block;font-weight:700;font-size:.95rem;
  text-decoration:none;color:var(--ink-soft);margin-bottom:26px;
}
.back:hover{color:var(--spruce)}
h1{
  font-family:"Newsreader",Georgia,serif;font-weight:500;
  font-size:clamp(2.2rem,6vw,3rem);line-height:1.08;margin:0 0 18px;
}
.lede{font-size:1.15rem;color:var(--ink-soft);margin:0 0 14px;max-width:44ch}
.updated{font-size:.85rem;color:var(--ink-soft);opacity:.75;margin:0}

section{padding:26px 0;border-top:1px solid var(--line)}
section:first-of-type{border-top:0}
h2{
  font-family:"Newsreader",Georgia,serif;font-weight:500;
  font-size:clamp(1.5rem,4vw,1.9rem);line-height:1.2;margin:0 0 16px;
}
h3{
  font-family:"Newsreader",Georgia,serif;font-weight:500;
  font-size:1.2rem;margin:22px 0 6px;color:var(--spruce-deep);
}
p{margin:0 0 14px}
p:last-child{margin-bottom:0}

/* Les passages qui engagent vraiment Pearl — consentement, remboursement,
   urgences. Encadrés pour qu'on ne puisse pas les manquer en survolant. */
.box{
  background:var(--card);border:1px solid var(--line);border-radius:18px;
  padding:26px 26px;
}
.box p.last{margin-bottom:0}

.alert{
  background:#FBF1EC;border:1.5px solid var(--clay);border-radius:18px;
  padding:26px;
}
.alert h2{margin-top:0;color:var(--clay)}

ul.plain{list-style:none;margin:0 0 14px;padding:0}
ul.plain li{padding:8px 0 8px 30px;position:relative}
ul.plain li::before{
  content:"";position:absolute;left:0;top:15px;width:14px;height:14px;
  border-radius:50%;background:var(--wheat);
}

.contact{font-size:1.2rem;font-weight:700}

footer{padding:44px 0 60px;text-align:center;color:var(--ink-soft);font-size:.92rem;
       border-top:1px solid var(--line);margin-top:20px}
.trust{
  display:flex;gap:10px;align-items:flex-start;justify-content:center;
  max-width:48ch;margin:0 auto 18px;text-align:left;
}
.trust svg{flex:0 0 auto;margin-top:3px}
.footlinks{margin:16px 0 0;font-weight:700}
.footlinks a{text-decoration:none;margin:0 4px}

@media (max-width:480px){
  body{font-size:19px}
  .page-head{padding:40px 0 6px}
  .box,.alert{padding:22px 20px}
}