/* EQUILIBRA — bridge/advertorial. Charte calquée sur le VISUEL RÉEL du bridge
   concurrent (Vertigenics / "Neuroscience News Global", capture) :
   - fond BLANC, masthead "actualité" (nom du média + coche bleue vérifiée)
   - étiquette "Advertorial" grise, centrée
   - headline noir gras SANS-SERIF
   - ligne "🔥 X vues | Reportage" (italique gras)
   - lecteur vidéo façon YouTube (cadre noir, bouton play rouge, barre de lecture)
   - citation italique, puces vertes, CTA = BOUTON PILULE BLEU
   - pied bleu-nuit (marque média + disclaimer). Nos mots, notre mécanisme. */

:root{
  --ink:#151515; --soft:#4b4b4b; --line:#e6e6e6; --blue:#2f66d6; --blue-d:#244f9c;
  --teal:#1f7a5a; --nuit:#242038; --red:#e02424;
}
*{box-sizing:border-box;}
body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:var(--blue);}
.wrap{width:min(100% - 34px,760px);margin-inline:auto;}

/* Étiquette + masthead actualité */
.advlabel{text-align:center;color:#9aa0a6;font-size:12px;letter-spacing:.06em;padding:10px 0 2px;}
.newsmast{border-bottom:1px solid var(--line);}
.newsmast .in{width:min(100% - 34px,760px);margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:10px;height:58px;}
.newsmast .brand{font-weight:800;font-size:26px;letter-spacing:-.01em;color:#1b1b1b;}
.newsmast .tick{width:26px;height:26px;border-radius:6px;border:2px solid var(--blue);display:grid;place-items:center;color:var(--blue);font-weight:900;font-size:15px;}

/* Headline + méta */
.article{padding:26px 0 10px;}
h1{font-weight:800;font-size:clamp(28px,5vw,44px);line-height:1.12;letter-spacing:-.015em;margin:6px 0 14px;}
.meta{font-style:italic;font-weight:700;font-size:15px;color:#2b2b2b;margin:0 0 18px;}
.meta .fire{color:var(--red);font-style:normal;}

/* Lecteur vidéo façon YouTube */
.player{position:relative;background:#000;border-radius:2px;overflow:hidden;box-shadow:0 12px 30px -14px rgba(0,0,0,.6);margin:0 0 22px;cursor:pointer;}
.player img{width:100%;display:block;}
.player .yt{position:absolute;inset:0;display:grid;place-items:center;}
.player .yt span{width:92px;height:64px;border-radius:14px;background:var(--red);display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.5);}
.player .yt span::after{content:"";border-style:solid;border-width:15px 0 15px 26px;border-color:transparent transparent transparent #fff;margin-left:5px;}
.player .bar{position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(transparent,rgba(0,0,0,.7));display:flex;align-items:center;gap:10px;padding:0 12px;color:#fff;font-size:13px;}
.player .bar .prog{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.35);position:relative;}
.player .bar .prog::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6%;background:var(--red);border-radius:2px;}

/* Corps */
.body p{margin:0 0 18px;}
.body .quote{font-style:italic;color:var(--soft);margin:0 0 20px;}
.body p.lead{font-weight:800;font-size:19px;}
.body ul{list-style:none;margin:0 0 20px;padding:0;}
.body li{position:relative;padding-left:28px;margin:0 0 11px;color:#20402f;}
.body li::before{content:"✓";position:absolute;left:0;top:0;color:var(--teal);font-weight:900;}
.body strong{font-weight:800;}
.body .sub{font-weight:800;font-size:21px;margin:28px 0 14px;line-height:1.25;}
.callout{background:#eef4fb;border-left:4px solid var(--blue);border-radius:8px;padding:16px 20px;margin:24px 0;font-size:16px;color:var(--soft);}
.callout strong{color:var(--blue-d);}

/* CTA bouton pilule bleu */
.ctawrap{text-align:center;margin:30px 0;}
.btnblue{display:inline-block;background:var(--blue);color:#fff;font-weight:800;font-size:20px;padding:18px 34px;border-radius:999px;text-decoration:none;box-shadow:0 10px 24px -8px rgba(47,102,214,.6);}
.btnblue:hover{background:var(--blue-d);}

hr.sep{border:0;border-top:1px solid #ddd;margin:30px 0;}
.ps{margin-top:6px;}
.endphoto{width:100%;margin:28px 0 46px;border-radius:8px;}

/* Pied bleu-nuit */
.nightfoot{background:var(--nuit);color:#c9c6d8;padding:44px 0 46px;margin-top:20px;text-align:center;}
.nightfoot .fmag{font-weight:800;font-size:26px;color:#fff;}
.nightfoot .flinks{margin:14px 0 24px;font-size:14px;}
.nightfoot .flinks a{color:#b6b2cc;margin:0 6px;text-decoration:underline;}
.nightfoot .fdisc{width:min(100% - 34px,820px);margin-inline:auto;font-size:12.5px;line-height:1.65;color:#8f8ba6;}
.nightfoot .fdisc b{color:#c9c6d8;}