/* ==========================================================================
   T005-V06 — Articles du blog (blog-rtc-2030-telephonie-ip.html,
   blog-9-cyberattaques-sur-10-evitables.html, blog-audit-informatique-premiere-etape.html)
   Regles de `Site SecuriKeys IT — complet/site/style.css` absentes du socle et de
   t005-esn-enfants.css (lien retour). Ordre de la maquette ; prefixe `body.sk-maquette main`.
   Genere par scripts/t005/v06/generer_css.py.
   ========================================================================== */

body.sk-maquette main .article-header { padding: 56px 0 36px; background: var(--paper-soft); }
body.sk-maquette main .article-header .wrap { max-width: 720px; }
body.sk-maquette main .article-tag { color: var(--navy-700); font-weight: 700; font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 14px; display: inline-block; }
body.sk-maquette main .article-header h1 { margin-bottom: 14px; }
body.sk-maquette main .article-meta { color: var(--ink-faint); font-size: 0.9rem; }
body.sk-maquette main .article-body { padding: 48px 0 72px; }
body.sk-maquette main .article-body .wrap { max-width: 720px; }
body.sk-maquette main .article-body p { font-size: 1.06rem; line-height: 1.75; color: var(--ink); margin-bottom: 22px; }
body.sk-maquette main .article-body h2 { font-size: 1.4rem; margin: 40px 0 16px; }
body.sk-maquette main .article-body ul { display: flex; flex-direction: column; gap: 12px; margin: 0 0 26px; }
body.sk-maquette main .article-body ul li { display: flex; align-items: flex-start; gap: 10px; font-size: 1.02rem; color: var(--ink); }
body.sk-maquette main .article-body ul svg { flex-shrink: 0; margin-top: 5px; color: var(--lime-600); }
body.sk-maquette main .article-cta { background: var(--lime-050); border-left: 3px solid var(--lime-500); border-radius: 0 var(--r-md) var(--r-md) 0; padding: 22px 24px; margin: 36px 0; }
body.sk-maquette main .article-cta p { margin-bottom: 14px; font-size: 1rem; }

/* Regles provisoires du style.css du theme a neutraliser (styles calcules mesures, T005-V06) :
   `.article-header` impose une couleur blanche et `.article-header h1` une largeur de 22ch ;
   la maquette ne declare ni l'une ni l'autre. */
body.sk-maquette main .article-header { color: inherit; }
body.sk-maquette main .article-header h1 { max-width: none; }