/* Feuille de style scopée à l'article /blog/renovation-parquet-escalier-nancy UNIQUEMENT.
   Ne pas porter ces règles en CSS global (/styles.css ou /conseils/article.css) :
   elles ne concernent que ce reportage. Chargée après /conseils/article.css. */

/* 1) Grille des repères de chantier (.chantier-facts) — rendu identique à la maquette validée. */
.chantier-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 72px;padding:0;list-style:none}
.chantier-facts>div{padding:18px;border:1px solid #d7cfbd;background:#f5f2ea}
.chantier-facts strong{display:block;color:#725919;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.chantier-facts span{font-size:1.02rem;line-height:1.5}
@media(max-width:900px){.chantier-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.chantier-facts{grid-template-columns:1fr}}

/* 2) Contraste du titre CTA. .article-content h2 { color:#071b2d } écrase .article-cta h2
   (même spécificité) : sans ce correctif le titre du bloc CTA s'affiche bleu nuit sur son
   propre fond bleu nuit (#071b2d) et reste illisible. Cette feuille est chargée APRÈS
   /conseils/article.css pour gagner à spécificité égale par ordre de source. */
.article-cta h2{color:#fff}

/* 3) Bouton CTA compact, issu du lien tel: EXISTANT (aucun mot ajouté).
   .button-cta-inline n'est défini nulle part dans le CSS global : on le définit ici. */
.article-cta p .button-cta-inline{display:inline-flex;padding:5px 12px;margin:0;font-size:.95rem;line-height:1.2;vertical-align:middle}
