/* ======================================================
   Le Radar Culturel — pages secondaires (mentions, confidentialité, merci)
   À charger APRÈS rand.css + cahier.css. Reprend le système cahier/Rand :
   papier pierre quadrillé subtil, bichromie bleu de Prusse / vermillon,
   Bricolage Grotesque · Newsreader · Courier Prime.
   ====================================================== */

/* ---------- tronc commun ---------- */
.legal, .thanks{
  max-width:720px;margin:0 auto;padding:0 0 100px;
}
.legal > *, .thanks > *{margin-left:30px;margin-right:30px;}

/* le topstrip est stylé par rand.css ; on assure juste les liens */
.topstrip a{color:var(--blue);border-bottom:1px solid transparent;padding-bottom:1px;transition:.15s;}
.topstrip a:hover{color:var(--red);border-color:var(--red);}

/* ---------- pages légales ---------- */
.legal h1{
  font-family:var(--display);font-weight:800;font-size:62px;line-height:0.9;
  letter-spacing:-0.04em;color:var(--ink);margin:54px 0 8px;text-wrap:balance;position:relative;
}
.legal h1::after{content:".";color:var(--red);}
.legal > p:first-of-type, .legal .intro{
  font-family:var(--serif);font-size:20px;line-height:1.5;color:var(--ink-2);
  max-width:600px;margin:0 0 14px;text-wrap:pretty;
}
.legal h2{
  font-family:var(--display);font-weight:700;font-size:23px;line-height:1.1;
  letter-spacing:-0.02em;color:var(--blue);margin:44px 0 10px;
  padding-top:18px;border-top:1px solid var(--rule);position:relative;
}
.legal h2::before{content:"";position:absolute;left:0;top:18px;width:34px;height:4px;background:var(--red);}
.legal h2{padding-left:0;}
.legal p{font-family:var(--serif);font-size:17px;line-height:1.62;color:var(--ink);margin:0 0 14px;max-width:620px;}
.legal p em{font-style:italic;}
.legal ul{font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--ink);margin:0 0 16px;padding-left:0;list-style:none;max-width:620px;}
.legal li{position:relative;padding-left:26px;margin:0 0 9px;}
.legal li::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--red);}
.legal a{color:var(--blue);border-bottom:1px solid currentColor;padding-bottom:1px;transition:.15s;}
.legal a:hover{color:var(--red);}
.legal strong{font-weight:600;}
.legal .updated{
  font-family:var(--type);font-size:13px;letter-spacing:0.01em;color:var(--ink-3);
  margin-top:40px;padding-top:16px;border-top:1px solid var(--rule);max-width:none;
}

/* ---------- page merci ---------- */
.thanks{text-align:left;}
.thanks .seal{width:150px;margin:64px 0 36px;mix-blend-mode:multiply;}
.thanks > div:nth-of-type(2){
  font-family:var(--type)!important;font-size:13px!important;font-weight:400!important;
  text-transform:none!important;letter-spacing:0.01em!important;color:var(--red)!important;margin-bottom:18px!important;
}
.thanks h1{
  font-family:var(--display);font-weight:800;font-size:84px;line-height:0.86;
  letter-spacing:-0.045em;color:var(--ink);margin:0 0 24px;
}
.thanks .lead{
  font-family:var(--serif);font-size:21px;line-height:1.5;color:var(--ink);
  max-width:560px;margin:0 0 8px;text-wrap:pretty;
}
.thanks hr.filet{border:0;border-top:1px solid var(--rule);margin:32px 0;max-width:560px;margin-left:0;}
.thanks .secondary{
  font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.6;
  color:var(--ink-2);max-width:560px;margin:0 0 32px;
}
.thanks .secondary strong{font-style:normal;font-weight:600;color:var(--ink);}
.thanks .actions{display:flex;gap:14px;flex-wrap:wrap;}
.thanks .actions a{
  font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:-0.01em;
  padding:14px 26px;text-decoration:none;transition:.15s;
}
.thanks .actions a:first-child{background:var(--blue);color:var(--paper);}
.thanks .actions a:first-child:hover{background:var(--red);}
.thanks .actions a:last-child{background:transparent;color:var(--blue);border:1px solid var(--blue);}
.thanks .actions a:last-child:hover{background:var(--blue);color:var(--paper);}

/* ---------- responsive ---------- */
@media(max-width:760px){
  .legal > *, .thanks > *{margin-left:20px;margin-right:20px;}
  .legal h1{font-size:44px;}
  .thanks h1{font-size:56px;}
  .thanks .seal{width:124px;}
}