/* ═══════════════════════════════════════════════
   ACTUALITÉS IT & CYBERSÉCURITÉ — styles spécifiques
   Chargé APRÈS main.css : réutilise ses variables (:root,
   [data-theme="light"]) sans en redéfinir aucune. Ne
   contient que des composants propres à cette rubrique.
   ═══════════════════════════════════════════════ */

.actu-head{padding:150px 0 40px}
.actu-head h1{font-size:clamp(28px,4vw,42px);margin-bottom:10px}
.actu-head p{color:var(--c-txt2);max-width:60ch}

.actu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;padding-bottom:100px}

.actu-card{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--r-lg);border:1px solid var(--c-border);background:var(--glass);transition:border-color var(--tr),transform var(--tr)}
.actu-card:hover{border-color:rgba(37,99,235,.4);transform:translateY(-3px)}
.actu-card .meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--c-txt3)}
.actu-card .cat{color:var(--c-green2);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.actu-card h3{font-size:17px;margin:0;line-height:1.35}
.actu-card h3 a{color:inherit}
.actu-card h3 a:hover{color:var(--c-green2)}
.actu-card p{margin:0;font-size:13.5px;color:var(--c-txt2);line-height:1.55}

.pill-sev{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.pill-sev.information{background:rgba(148,163,184,.16);color:#94A3B8}
.pill-sev.important{background:rgba(245,158,11,.16);color:#F59E0B}
.pill-sev.critique{background:rgba(239,68,68,.16);color:#EF4444}

.actu-article{max-width:760px;margin:0 auto;padding:150px 24px 100px}
.actu-article .meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;color:var(--c-txt3)}
.actu-article h1{font-size:clamp(26px,4vw,38px);margin-bottom:18px}
.actu-article .resume{font-size:17px;color:var(--c-txt2);margin-bottom:32px;line-height:1.65}

.fiche-alerte{border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.05);border-radius:var(--r-lg);overflow:hidden;margin:0 0 36px}
.fiche-alerte .fa-head{padding:16px 22px;background:rgba(239,68,68,.1);font-weight:700;font-family:var(--ffd)}
.fiche-alerte dl{display:grid;grid-template-columns:180px 1fr;margin:0}
.fiche-alerte dt{padding:13px 22px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--c-txt3);font-weight:700;border-top:1px solid var(--c-border)}
.fiche-alerte dd{margin:0;padding:13px 22px 13px 0;font-size:14px;color:var(--c-txt2);border-top:1px solid var(--c-border)}
.fiche-alerte dt:first-of-type,.fiche-alerte dd:first-of-type{border-top:none}

.actu-source-officielle{margin:0 0 36px;padding:16px 20px;border-radius:var(--r-md);background:var(--glass);border:1px solid var(--c-border);font-size:13.5px}
.actu-source-officielle a{color:var(--c-green2);font-weight:600}

.actu-vide{padding:60px 0;text-align:center;color:var(--c-txt3)}

/* fr-only/ar-only (main.css) sont display:block par défaut — trop pour du
   texte au milieu d'un titre ou d'un paragraphe. Variante inline locale. */
.i18n-inline.fr-only{display:inline}
.i18n-inline.ar-only{display:none}
html[lang="ar"] .i18n-inline.fr-only{display:none}
html[lang="ar"] .i18n-inline.ar-only{display:inline}

@media (max-width:640px){
  .fiche-alerte dl{grid-template-columns:1fr}
  .fiche-alerte dd{padding-top:0}
}