/* Blogue LGPO v2 : liste (L1-A, L2-B, L3-A, L4-B, L5-A) et article (A1-A, A2-C, A3-A, A4-A, A5-B, A6-B), maquettes retenues le 25/10/2026
   (plan blogue v2, artefact « Plan blogue LGPO v2 »). Chargé après city-near.css, dont il reprend les jetons (.cn : Poppins, encre #2a3342,
   secondaire #556987, filet, rayon 8 px). Préfixe bl- partout : rien ne touche les autres pages. Pas de « container » Tailwind.
   Rouge #d63a30 pour les boutons et les liens (4,7:1 sur blanc, décision 10) ; le #ee4136 de la marque n'atteint que 3,9:1.
   « Non renseigné » en #8a5300 (6,0:1 sur blanc). Titres en graisse 400 à 500, jamais 700 (brief LGPO : les trois références).
   La photo mène : rien n'est posé dessus, pas de voile, pas de dégradé. */

.bl{--bl-ink:#2a3342;--bl-hd:#2a3342;--bl-sub:#556987;--bl-line:#e3e6eb;--bl-soft:#f5f6f8;--bl-acc:#d63a30;--bl-accd:#b8302a;--bl-warn:#8a5300;--bl-body:#2b3442;
    background:#fff;color:var(--bl-ink);font-family:Poppins,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:clip}
.bl *{box-sizing:border-box}
.bl a{color:inherit;text-decoration:none}
.bl h1,.bl h2,.bl h3,.bl p,.bl ul,.bl ol,.bl figure{margin:0;padding:0}
.bl ul,.bl ol{list-style:none}
.bl img{display:block;max-width:100%}
.bl .bl-i{display:inline-block;vertical-align:-3px;flex:none}
.bl :focus-visible{outline:2px solid var(--bl-ink);outline-offset:2px;border-radius:4px}

.bl-wrap{max-width:1440px;margin:0 auto;padding:0 96px}
.bl-col{max-width:680px;margin:0 auto;padding:0}
.bl-sec{padding-top:44px;padding-bottom:44px}

/* ── Typographie ── */
.bl .bl-eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--bl-sub);font-weight:500;margin:0 0 10px}
.bl .bl-h1{font-size:48px;line-height:1.12;font-weight:400;letter-spacing:-.015em;color:var(--bl-hd);margin:0 0 14px}
.bl .bl-h1--art{font-size:46px}
.bl .bl-lead{font-size:19px;line-height:1.55;color:var(--bl-sub);max-width:720px;margin:0 0 18px}
.bl .bl-h2{font-size:30px;line-height:1.25;font-weight:500;color:var(--bl-hd);letter-spacing:-.01em;margin:0 0 6px}
.bl .bl-sub{font-size:15px;color:var(--bl-sub);margin:0 0 22px}
.bl .bl-kick{display:flex;gap:6px;align-items:center;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--bl-sub);font-weight:600;margin:0 0 6px}
.bl .bl-mut{color:var(--bl-sub)}
.bl .bl-small{font-size:13px}
.bl .bl-meta{font-size:13px;color:var(--bl-sub);display:flex;gap:6px;align-items:center;font-variant-numeric:tabular-nums}
.bl .bl-nr,.bl .bl-nr .bl-i{color:var(--bl-warn)}
.bl .bl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.bl .bl-crumb{font-size:13px;color:var(--bl-sub);margin:0 0 18px}
.bl .bl-crumb ol{display:flex;gap:8px;flex-wrap:wrap}
.bl .bl-crumb li+li::before{content:"›";margin-right:8px;color:#9aa3b2}
.bl .bl-crumb a{text-decoration:underline;text-underline-offset:3px}

/* ── Liens et boutons ── */
.bl .bl-lnk{color:var(--bl-hd);font-weight:600;font-size:14.5px;display:inline-flex;gap:6px;align-items:center;border-bottom:1.5px solid var(--bl-acc);padding-bottom:1px}
.bl .bl-lnk:hover{color:var(--bl-acc)}
.bl .bl-tl{font-weight:600;border-bottom:1.5px solid var(--bl-acc)}
.bl .bl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;height:48px;padding:0 24px;border-radius:8px;border:0;cursor:pointer;font-family:inherit}
.bl .bl-btn--p{background:var(--bl-acc);color:#fff}
.bl .bl-btn--p:hover{background:var(--bl-accd)}
.bl .bl-btn[disabled]{opacity:.7;cursor:default}

/* ── L1-A : photo en bande, titre dessous ── */
.bl-hero{display:block;width:100%;aspect-ratio:1600/500;object-fit:cover;background:#cfd5cc}
.bl-credit{font-size:12px;color:var(--bl-sub);padding:8px 0 0}
.bl-credit a{text-decoration:underline;text-underline-offset:2px}
.bl-head{padding-top:6px;padding-bottom:36px}
.bl-head .bl-crumb{margin-top:18px}

/* ── L2-B : Par besoin ── */
.bl-doors{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:8px}
.bl-door{border-top:2px solid var(--bl-hd);padding-top:12px}
.bl-door-t{font-size:16px;font-weight:600;color:var(--bl-hd);margin-bottom:8px;line-height:1.35}
.bl-door li{padding:7px 0;border-bottom:1px solid var(--bl-line);font-size:14.5px;line-height:1.45}
.bl-door li a:hover{color:var(--bl-acc)}

/* ── L3-A : Les plus lus ── */
.bl-rank{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;counter-reset:rk}
.bl-rank li{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--bl-line)}
.bl-rank .bl-rk{font-size:34px;font-weight:300;color:var(--bl-acc);line-height:1;width:30px;font-variant-numeric:tabular-nums;flex:none}
.bl-rank-t{font-size:17px;font-weight:500;color:var(--bl-hd);line-height:1.35;margin-bottom:4px}
.bl-rank-t a:hover{color:var(--bl-acc)}

/* ── L4-B : Tous les guides ── */
.bl-rows{border-top:1px solid var(--bl-line)}
.bl-ar{display:grid;grid-template-columns:200px 1fr 220px;gap:28px;padding:20px 0;border-bottom:1px solid var(--bl-line);align-items:center;min-height:96px}
.bl-ar--noimg{grid-template-columns:200px 1fr}
.bl-ar-m .bl-kick{margin-bottom:2px}
.bl-ar-t{font-size:20px;font-weight:500;line-height:1.35;color:var(--bl-hd)}
.bl-ar-t a:hover{color:var(--bl-acc)}
.bl-ar-th{display:block}
.bl-ar-ph{aspect-ratio:16/9;width:100%;border-radius:8px;object-fit:cover;background:#cfd5cc}
.bl-pager{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:32px;font-size:15px;flex-wrap:wrap}
.bl-pager a,.bl-pager span{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;padding:0 10px}
.bl-pager a{border:1px solid var(--bl-line)}
.bl-pager a:hover{border-color:var(--bl-hd)}
.bl-pager a[aria-current=page],.bl-pager span[aria-current=page]{background:var(--bl-hd);color:#fff;border:1px solid var(--bl-hd)}
.bl-pager .bl-dis{color:#a8b0bd}
.bl-pager .bl-pv{font-weight:500}
.bl-pager .bl-dots{min-width:20px}

/* ── Carte de fiche (L5-A, A3-A, A6-B) ── */
.bl-fiche{border:1px solid var(--bl-line);border-radius:8px;overflow:hidden;background:#fff;margin:0}
.bl-fiche-ph{display:block;aspect-ratio:1600/500;background:var(--bl-soft);overflow:hidden}
.bl-fiche-ph img{width:100%;height:100%;object-fit:cover}
.bl-fiche-b{padding:14px 16px 16px}
.bl-fiche-t{font-size:17px;font-weight:600;color:var(--bl-hd);line-height:1.3;margin:0 0 8px}
.bl-fiche-note{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--bl-warn);margin:0 0 10px}
.bl-fiche-note .bl-i{margin-top:3px}
.bl-facts{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:#334055;margin:0 0 12px;font-variant-numeric:tabular-nums}
.bl-facts li{display:inline-flex;gap:6px;align-items:center}
.bl-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.bl-fiches{margin:8px 0 8px}
.bl-fiches .bl-fiche+.bl-fiche{margin-top:14px}
.bl-cta{margin-top:28px}
.bl-more{margin-top:28px;padding-top:12px;border-top:2px solid var(--bl-hd)}
.bl-more li{padding:8px 0;border-bottom:1px solid var(--bl-line);font-size:15px}
.bl-more li a{text-decoration:underline;text-decoration-color:var(--bl-acc);text-underline-offset:3px}
.bl-more li a:hover{color:var(--bl-acc)}

/* ── Article : en-tête, tableau, corps, vérifié, suite ── */
.bl-art-head{padding-top:30px;padding-bottom:10px}
.bl-by{display:flex;gap:12px;align-items:center;font-size:14px;margin:6px 0 24px}
.bl-av{width:40px;height:40px;border-radius:50%;background:var(--bl-soft) center/cover;flex:none;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--bl-sub)}
.bl-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.bl-by b{font-weight:600}
.bl-wide{max-width:1440px;margin:0 auto}
.bl-wide .bl-credit{padding:8px 96px 0}

.bl-glance{padding-top:30px;padding-bottom:10px}
.bl-tbl{overflow-x:auto;border:1px solid var(--bl-line);border-radius:8px;margin-bottom:10px}
.bl-tbl table{border-collapse:collapse;width:100%;font-size:14.5px;font-variant-numeric:tabular-nums}
.bl-tbl th,.bl-tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--bl-line);vertical-align:top}
.bl-tbl thead th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--bl-sub);font-weight:600;background:var(--bl-soft)}
.bl-tbl tbody th{font-weight:400}
.bl-tbl tr:last-child th,.bl-tbl tr:last-child td{border-bottom:0}

.bl-body{padding-top:36px;padding-bottom:30px}
.bl-prose{font-size:17px;line-height:1.7;color:var(--bl-body)}
.bl-prose>*:first-child{margin-top:0}
/* Les règles du texte ne s'appliquent pas aux cartes de fiche posées dans le texte (.bl-fiche garde ses propres styles). */
.bl-prose p:not(.bl-fiche *){margin:0 0 16px}
.bl-prose h2{font-size:28px;line-height:1.25;font-weight:500;color:var(--bl-hd);letter-spacing:-.01em;margin:40px 0 12px}
.bl-prose h3{font-size:19px;line-height:1.35;font-weight:600;color:var(--bl-hd);margin:22px 0 6px}
.bl-prose h4{font-size:16px;font-weight:600;color:var(--bl-hd);margin:18px 0 4px}
.bl-prose>ul,.bl-prose>ol,.bl-prose div ul,.bl-prose div ol{margin:0 0 16px;padding-left:22px}
.bl-prose>ul,.bl-prose div ul{list-style:disc}
.bl-prose>ol,.bl-prose div ol{list-style:decimal}
.bl-prose>ul>li,.bl-prose>ol>li{margin:0 0 6px;padding-left:2px}
.bl-prose a:not(.bl-fiche *){color:var(--bl-hd);text-decoration:underline;text-decoration-color:var(--bl-acc);text-decoration-thickness:1.5px;text-underline-offset:3px}
.bl-prose a:not(.bl-fiche *):hover{color:var(--bl-acc)}
.bl-prose img:not(.bl-fiche *){height:auto;border-radius:8px;margin:20px 0 8px}
.bl-prose figure{margin:20px 0}
.bl-prose figure img{margin:0}
.bl-prose figcaption{font-size:13px;line-height:1.5;color:var(--bl-sub);padding-top:8px}
.bl-prose blockquote{border-left:3px solid var(--bl-hd);padding:4px 0 4px 18px;margin:0 0 18px;color:var(--bl-body)}
.bl-prose table{border-collapse:collapse;width:100%;font-size:15px;margin:0 0 18px;font-variant-numeric:tabular-nums}
.bl-prose th,.bl-prose td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--bl-line);vertical-align:top}
.bl-prose thead th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--bl-sub);font-weight:600;background:var(--bl-soft)}
.bl-prose strong{font-weight:600}
/* Encadrés des articles générés (classes déjà en base) : une seule note sobre, pas de couleur par type. */
.bl-prose .tip-box{background:#fbf0dc;color:#5a3a00;border-radius:8px;padding:12px 16px;margin:0 0 18px;font-size:15px;line-height:1.55}
.bl-prose .tip-box a{color:inherit}
.bl-prose .cta-box{background:var(--bl-soft);border-radius:8px;padding:14px 18px;margin:0 0 18px;font-size:15px;line-height:1.55}
.bl-prose .cta-box .cta-link{font-weight:600}

.bl-verif{background:var(--bl-soft);border-radius:8px;padding:18px 22px;margin-top:8px}
.bl-verif ul{list-style:none}
.bl-verif li{display:flex;gap:10px;padding:6px 0;font-size:15px}
.bl-verif li .bl-i{color:#1d7347;margin-top:4px}
.bl-verif .bl-by{margin:14px 0 0}

.bl-next{padding-top:36px;padding-bottom:40px}
.bl-next3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}
.bl-nx{display:flex;flex-direction:column;gap:8px}
.bl-ac-ph{aspect-ratio:16/9;width:100%;border-radius:8px;object-fit:cover;background:#cfd5cc;margin-bottom:4px}
.bl-ac-t{font-size:18px;font-weight:500;line-height:1.35;color:var(--bl-hd)}
.bl-ac-t a:hover{color:var(--bl-acc)}
.bl-nl{background:var(--bl-soft);border-radius:8px;padding:16px;gap:10px}
.bl-nl-t{font-size:18px;color:var(--bl-hd);margin:6px 0 10px}
.bl-nl input[type=email]{font:inherit;font-size:15px;height:48px;border:1.5px solid #c3c9d2;border-radius:8px;padding:0 14px;width:100%;min-width:0;background:#fff;color:var(--bl-ink)}
.bl-nl-msg{font-size:13px;color:var(--bl-sub);min-height:1em}

/* ── Tablette ── */
@media (max-width:1099px){
  .bl-wrap{padding:0 56px}
  .bl-wide .bl-credit{padding:8px 56px 0}
  .bl-doors{grid-template-columns:repeat(2,1fr)}
  .bl-grid3{grid-template-columns:repeat(2,1fr)}
  .bl-next3{grid-template-columns:1fr 1fr}
  .bl-nl{grid-column:1/-1}
}

/* ── Mobile 390 ── */
@media (max-width:699px){
  .bl-wrap{padding:0 16px}
  .bl-wide .bl-credit{padding:8px 16px 0}
  .bl .bl-h1{font-size:32px;line-height:1.18}
  .bl .bl-h1--art{font-size:30px}
  .bl .bl-lead{font-size:16.5px}
  .bl .bl-h2{font-size:24px}
  .bl-hero{aspect-ratio:16/10}
  .bl-sec{padding-top:32px;padding-bottom:32px}
  .bl-doors{grid-template-columns:1fr;gap:20px}
  .bl-rank{grid-template-columns:1fr}
  .bl-ar,.bl-ar--noimg{grid-template-columns:1fr 104px;gap:4px 14px;padding:14px 0;align-items:start}
  .bl-ar-m{grid-column:1/-1;display:flex;gap:10px;align-items:baseline}
  .bl-ar--noimg .bl-ar-b{grid-column:1/-1}
  .bl-ar-th{grid-column:2;grid-row:2}
  .bl-ar-ph{aspect-ratio:1/1;border-radius:6px}
  .bl-ar-t{font-size:16px}
  .bl-ar .bl-kick{font-size:10.5px}
  .bl-pager .bl-pv{display:none}
  .bl-pager a,.bl-pager span{min-width:40px}
  .bl-grid3{grid-template-columns:1fr;gap:24px}
  .bl-next3{grid-template-columns:1fr;gap:22px}
  .bl-prose{font-size:16.5px}
  .bl-prose h2{font-size:23px;margin:32px 0 10px}
  .bl-tbl th,.bl-tbl td{padding:8px 8px;font-size:13.5px}
  .bl-facts{font-size:13.5px;gap:4px 12px}
  .bl .bl-crumb{font-size:12.5px}
  .bl .bl-eyebrow{font-size:11px}
  .bl-art-head{padding-top:22px}
  .bl .bl-btn{width:100%}
}