/* Le blog. Même palette que la page de vente : gris neutre, vert, beige
   réservé à l'ouverture. Aucun coin arrondi, aucune ombre portée. */
:root{
  --fond:#F5F5F4; --papier:#FFFFFF; --bande:#E7E7E3; --barre:#F0F0EC;
  --encre:#111112; --encre2:#44454A; --gris:#73747C; --filet:#D8D8D3;
  --vert:#0E7A4F; --vert-fonce:#0A5C3B; --vert-pale:#E4F3EC;
  --orange:#B8431A;
}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--encre);
  font:19px/1.62 Newsreader,"Iowan Old Style",Georgia,serif;
  -webkit-font-smoothing:antialiased}
.in{max-width:680px;margin:0 auto;padding:0 24px}
h1,h2,h3,.ui,.cta{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif}
.ui{font-weight:600;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--vert);margin:0 0 10px}
h1{font-weight:800;font-size:clamp(1.9rem,4.6vw,2.7rem);line-height:1.08;
  letter-spacing:-.035em;margin:0 0 14px;text-wrap:balance}
h2{font-weight:800;font-size:1.35rem;line-height:1.15;letter-spacing:-.025em;
  margin:46px 0 12px;padding-top:20px;border-top:1px solid var(--filet)}
h3{font-weight:700;font-size:1.05rem;margin:26px 0 6px;letter-spacing:-.012em}
p,li{margin:0 0 16px;max-width:64ch;color:var(--encre2)}
li{margin-bottom:8px}
ul,ol{padding-left:22px}
strong{font-weight:600;color:var(--encre)}
a{color:var(--vert-fonce)}
header{padding:56px 0 26px}
.date{color:var(--gris);font-size:.9rem;margin:0}
.essentiel{background:var(--vert-pale);border-left:3px solid var(--vert);
  padding:16px 20px;margin:26px 0 30px}
.essentiel p{margin:0;color:var(--encre)}
.avis{border:1px solid var(--filet);background:var(--papier);padding:18px 22px;
  margin:44px 0 0;font-size:.92rem}
.avis p{color:var(--gris);margin:0 0 10px}
.avis p:last-child{margin:0}
.cta{display:inline-flex;align-items:center;background:var(--vert);color:#fff;
  text-decoration:none;font-weight:700;font-size:1rem;padding:15px 30px;
  border-radius:999px;margin:10px 0 0;box-shadow:0 2px 0 var(--vert-fonce)}
.cta:hover{background:var(--vert-fonce);box-shadow:none;transform:translateY(2px)}
.liste{list-style:none;padding:0;margin:34px 0 0}
.liste li{border-top:1px solid var(--filet);padding:22px 0;margin:0;max-width:none}
.liste a{text-decoration:none;color:var(--encre)}
.liste h2{border:0;padding:0;margin:0 0 6px;font-size:1.22rem}
.liste p{margin:0;font-size:.96rem;color:var(--encre2)}
footer{border-top:1px solid var(--encre);margin-top:56px;padding:24px 0 70px;
  font-size:.86rem;color:var(--gris)}
footer a{color:var(--gris)}
.retour{display:inline-block;margin:0 0 22px;font-size:.9rem}
@media(max-width:680px){body{font-size:18px}}