/* blog.css : pages /blog et /blog/<article>, posées sur le VPS le 09/11/2026 (voir NOUVELLE-VERSION-VPS.md). */
.billet-tete{padding-top:var(--e-6)}
.fil{display:flex;gap:var(--e-2);flex-wrap:wrap;font-size:var(--t-petit);color:var(--texte-doux);margin-bottom:var(--e-5)}
.fil a{color:var(--texte-doux);min-height:var(--cible);display:inline-flex;align-items:center}
.fil span{display:inline-flex;align-items:center}
.billet-tete h1{font-size:clamp(1.875rem,1.2rem + 2.4vw,2.75rem);font-weight:var(--g-moyen);line-height:1.15}
.billet-meta{margin-top:var(--e-4);color:var(--texte-doux);font-size:.9375rem}
.billet-chapo{margin-top:var(--e-5);color:var(--texte-doux)}
.billet-photo{margin-block:var(--e-6) 0}
.billet-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center 30%;border-radius:var(--r-bloc);background:var(--fond-doux)}
.billet-corps{margin-top:var(--e-6)}
.billet-corps h2{font-size:var(--t-h2);margin-top:var(--e-7)}
.billet-corps h2::after{content:"";display:block;width:2.5rem;height:3px;margin-top:var(--e-3);background:var(--sable);border-radius:2px}
.billet-corps a{text-decoration:underline}
.billet-corps h2:last-of-type+ul{font-size:.9375rem;color:var(--texte-doux)}
.billet-faq{margin-top:var(--e-7)}
.billet-faq h2{font-size:var(--t-h2);margin-bottom:var(--e-4)}
.billet-q{border-top:var(--b-fin) solid var(--filet)}
.billet-q:last-child{border-bottom:var(--b-fin) solid var(--filet)}
.billet-q summary{min-height:var(--cible);padding-block:var(--e-4);font-weight:var(--g-moyen);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:var(--e-4);align-items:center}
.billet-q summary::-webkit-details-marker{display:none}
.billet-q summary::after{content:"+";color:var(--sable-texte);font-size:1.5rem;line-height:1}
.billet-q[open] summary::after{content:"−"}
.billet-q p{padding-bottom:var(--e-5);color:var(--texte-doux)}
.billet-cta{margin-top:var(--e-7);padding:var(--e-6) var(--e-5);background:var(--marine);color:var(--blanc);border-radius:var(--r-bloc)}
.billet-cta-titre{font-size:var(--t-h2);font-weight:var(--g-moyen);color:var(--blanc)}
.billet-cta p+p{margin-top:var(--e-3);color:var(--sable-clair)}
.billet-cta .btn{margin-top:var(--e-5);background:var(--blanc);border-color:var(--blanc);color:var(--marine);align-items:center}
.billet-cta .btn:visited{color:var(--marine)}
.billet-autres{margin-top:var(--e-7)}
.billet-autres h2{font-size:var(--t-h3)}
.billet-autres ul{list-style:none;margin:var(--e-4) 0 0;padding:0}
.billet-lien{display:grid;gap:var(--e-1);padding-block:var(--e-4);border-top:var(--b-fin) solid var(--filet);text-decoration:none}
.billet-lien-titre{font-weight:var(--g-moyen);text-decoration:underline;text-decoration-color:var(--filet-fort)}
.billet-lien-meta{font-size:.9375rem;color:var(--texte-doux)}
.cartes{list-style:none;margin-top:var(--e-6);padding-top:0;display:grid;gap:var(--e-5)}
.carte a{display:block;height:100%;background:var(--blanc);border:var(--b-fin) solid var(--filet);border-radius:var(--r-bloc);overflow:hidden;text-decoration:none;color:var(--texte)}
.carte a:visited{color:var(--texte)}
.carte a:hover{border-color:var(--texte)}
.carte img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center 30%;display:block;background:var(--fond-doux)}
.carte-texte{display:grid;gap:var(--e-2);padding:var(--e-5)}
.carte-titre{font-size:var(--t-h3);font-weight:var(--g-moyen);line-height:1.3}
.carte-chapo{color:var(--texte-doux)}
.carte-meta{font-size:.9375rem;color:var(--sable-texte);font-weight:var(--g-moyen)}
@media (width>=56rem){
  .cartes{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-6)}
  .billet-photo{max-width:calc(48rem + 2 * var(--marge))}
  .billet-cta .btn{width:auto}
}
@media (width<56rem){
  .billet-cta .btn{width:100%;min-height:3.25rem}
}