/* Styles blog & guides pratiques */
.blog-hero{margin-bottom:2rem}.blog-hero .carte{padding:1.5rem}
.blog-carte__haut{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}
.sommaire{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);padding:.75rem 1rem;margin-block:1rem 1.5rem}
.sommaire summary{font-weight:600;font-size:.95rem;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
.sommaire[open] .faq__chevron{transform:rotate(180deg)}
.sommaire ol{margin:.5rem 0 0;display:grid;gap:.25rem;font-size:.9rem}
.sommaire a{color:var(--texte);text-decoration:none}
.sommaire a:hover{color:var(--accent);text-decoration:underline}
.article-section{margin-block:1.75rem;scroll-margin-top:5rem}
.article-chapeau{font-size:1.1rem;font-weight:500;border-left:3px solid var(--accent);padding-left:1rem;margin:1rem 0}
.callout{background:var(--vert-pale);border-left:4px solid var(--accent);border-radius:0 var(--rayon) var(--rayon) 0;padding:1rem 1.25rem;margin-block:1.25rem}
.callout__titre{display:block;font-weight:700;font-size:.95rem;color:var(--accent);margin-bottom:.35rem}
.callout p{margin:0;font-size:.95rem}
.tableau-enveloppe{overflow-x:auto;margin-block:1rem;border:1px solid var(--bordure);border-radius:var(--rayon)}
.tableau-comparatif{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}
.tableau-comparatif th,.tableau-comparatif td{padding:.5rem .75rem;border-bottom:1px solid var(--bordure)}
.tableau-comparatif th{background:var(--vert-pale);font-weight:700}
.article-nav{display:flex;justify-content:space-between;gap:.75rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--bordure);flex-wrap:wrap}
.article-nav a{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);padding:.6rem 1rem;display:flex;flex-direction:column;gap:.2rem;color:var(--texte);text-decoration:none;transition:.15s}
.article-nav a:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--ombre)}
.article-nav small{font-size:.78rem;font-weight:600;color:var(--accent)}
.article-hero-figure{margin:1.25rem 0 2rem;border-radius:var(--rayon);overflow:hidden;border:1px solid var(--bordure);background:var(--vert-pale)}
.article-hero-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.article-hero-caption{font-size:.85rem;color:var(--discret);padding:.6rem 1rem;background:var(--surface);border-top:1px solid var(--bordure);font-style:italic;line-height:1.4}
.blog-hero__carte{overflow:hidden;padding:0!important;display:grid;grid-template-columns:1fr;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon)}
@media (min-width:768px){.blog-hero__carte{grid-template-columns:1.15fr .85fr}}
.blog-hero__media{width:100%;height:100%;min-height:220px;background:var(--vert-pale)}
.blog-hero__img{width:100%;height:100%;object-fit:cover;display:block}
.blog-carte__media{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--vert-pale);border-bottom:1px solid var(--bordure)}
.blog-carte__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.carte:hover .blog-carte__img{transform:scale(1.03)}