/* Espace Actus & Guides : charte Pro Comptoir (tokens.css + components.css).
   Préfixe ac-. Calqué sur les pages publiques EAN (fe-) pour la cohérence. */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: var(--police-ui); background: var(--fond);
  color: var(--texte); line-height: var(--interligne-normal); }
a { color: var(--accent-texte); }
img { max-width: 100%; height: auto; }

/* En-tête */
[hidden] { display: none !important; }
.ac-entete { position: sticky; top: 0; z-index: 50;
  background: color-mix(in srgb, var(--fond) 84%, transparent);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--bordure); }
.ac-entete__cadre { max-width: 1120px; margin: 0 auto; padding: 12px 16px;
  display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--esp-2) var(--esp-4); }
.ac-entete__logo { color: var(--texte); }
.ac-entete__logo svg, .ac-entete__logo img { height: 30px; width: auto; display: block; }
.ac-entete nav { margin-left: auto; display: flex; flex-wrap: wrap;
  align-items: center; gap: var(--esp-2) var(--esp-4); }
@media (max-width: 600px) {
  .ac-entete nav { margin-left: 0; width: 100%; justify-content: space-between; }
}
.ac-entete nav a { text-decoration: none; font-weight: var(--graisse-demi);
  font-size: var(--taille-14); color: var(--texte-secondaire);
  transition: color var(--transition-rapide); }
.ac-entete nav a:hover, .ac-entete nav a[aria-current="page"] { color: var(--texte); }
.ac-entete nav a.dk-btn { color: var(--sur-accent); }

/* Cadre de lecture */
.ac-cadre { max-width: 760px; margin: 0 auto;
  padding: var(--esp-5) var(--esp-4) var(--esp-7); }
.ac-cadre--large { max-width: 960px; }
.ac-ariane { font-size: var(--taille-13); color: var(--texte-secondaire);
  margin-bottom: var(--esp-4); overflow-x: auto; white-space: nowrap; }
.ac-ariane a { color: var(--texte-secondaire); text-decoration: none; }
.ac-ariane a:hover { color: var(--texte); }

/* Article */
.ac-article h1 { font-family: var(--police-titre); font-weight: var(--graisse-grasse);
  font-size: clamp(1.5rem, 4.5vw, 2.125rem); line-height: var(--interligne-serre);
  margin: 0 0 var(--esp-3); overflow-wrap: break-word; }
.ac-meta { display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--esp-2) var(--esp-3); margin: 0 0 var(--esp-5);
  font-size: var(--taille-13); color: var(--texte-secondaire); }
.ac-meta__auteur { display: inline-flex; align-items: center; gap: var(--esp-2);
  font-weight: var(--graisse-demi); color: var(--texte); }
.ac-meta__pastille { width: 26px; height: 26px; border-radius: var(--rayon-rond);
  background: var(--encre); color: var(--blanc-casse); display: inline-grid;
  place-items: center; font-size: var(--taille-12);
  font-family: var(--police-titre); font-weight: var(--graisse-grasse); }
.ac-chapo { font-size: var(--taille-17); color: var(--texte);
  margin: 0 0 var(--esp-5); }
.ac-article h2 { font-family: var(--police-titre); font-size: var(--taille-20);
  line-height: var(--interligne-serre); margin: var(--esp-6) 0 var(--esp-3); }
.ac-article h3 { font-family: var(--police-titre); font-size: var(--taille-17);
  margin: var(--esp-5) 0 var(--esp-2); }
.ac-article p, .ac-article li { font-size: var(--taille-15); }
.ac-article ul, .ac-article ol { padding-left: 1.4em; margin: 0 0 var(--esp-4); }
.ac-article li { margin-bottom: var(--esp-2); }
.ac-article li strong { color: var(--texte); }

/* Encadrés */
.ac-encadre { background: var(--surface); border: 1px solid var(--bordure);
  border-radius: var(--rayon); padding: var(--esp-4) var(--esp-5);
  margin: var(--esp-5) 0; font-size: var(--taille-14); }
.ac-encadre--accent { border-left: 4px solid var(--accent); }
.ac-encadre p:last-child { margin-bottom: 0; }
.ac-note { font-size: var(--taille-13); color: var(--texte-secondaire); }

/* Appel à l'action (bloc navy, calqué sur fe-cta) */
.ac-cta { background: var(--encre); color: var(--blanc-casse); text-align: center;
  border-radius: var(--rayon); padding: var(--esp-6) var(--esp-5);
  margin: var(--esp-6) 0; }
.ac-cta h2 { color: var(--blanc-casse); margin-top: 0; }
.ac-cta p { color: #C7D0E4; max-width: 560px; margin: 0 auto var(--esp-4); }

/* FAQ */
.ac-faq { background: var(--surface); border: 1px solid var(--bordure);
  border-radius: var(--rayon); padding: var(--esp-5); margin: var(--esp-6) 0 0; }
.ac-faq h2 { margin-top: 0; }
.ac-faq dt { font-weight: var(--graisse-demi); margin-top: var(--esp-4); }
.ac-faq dt:first-of-type { margin-top: 0; }
.ac-faq dd { margin: var(--esp-2) 0 0; font-size: var(--taille-14);
  color: var(--texte-secondaire); }

/* Lire aussi */
.ac-lire-aussi { list-style: none; margin: 0; padding: 0;
  display: grid; gap: var(--esp-2); }
@media (min-width: 768px) { .ac-lire-aussi { grid-template-columns: 1fr 1fr; } }
.ac-lire-aussi a { display: block; padding: 10px 14px; background: var(--survol);
  border-radius: var(--rayon-petit); text-decoration: none; color: var(--texte);
  font-size: var(--taille-14); }
.ac-lire-aussi a:hover { background: var(--accent-pale); }

/* Index de rubrique */
.ac-index-titre { font-family: var(--police-titre); font-weight: var(--graisse-grasse);
  font-size: clamp(1.75rem, 5vw, 2.5rem); line-height: var(--interligne-serre);
  margin: 0 0 var(--esp-3); }
.ac-index-intro { max-width: 62ch; color: var(--texte-secondaire);
  font-size: var(--taille-15); margin: 0 0 var(--esp-6); }
.ac-cartes { list-style: none; margin: 0; padding: 0;
  display: grid; gap: var(--esp-4); }
@media (min-width: 768px) { .ac-cartes { grid-template-columns: 1fr 1fr; } }
.ac-carte { background: var(--surface); border: 1px solid var(--bordure);
  border-radius: var(--rayon-grand); padding: 0; overflow: hidden;
  display: flex; flex-direction: column; box-shadow: var(--ombre-1);
  transition: border-color 0.18s cubic-bezier(0.2, 0, 0, 1),
              box-shadow 0.18s cubic-bezier(0.2, 0, 0, 1),
              transform 0.18s cubic-bezier(0.2, 0, 0, 1); }
.ac-carte:hover { border-color: var(--accent); box-shadow: var(--ombre-2); transform: translateY(-3px); }
.ac-carte__visuel { aspect-ratio: 16 / 9; overflow: hidden; }
.ac-carte__visuel img { width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1); }
.ac-carte:hover .ac-carte__visuel img { transform: scale(1.04); }
.ac-carte__corps { display: flex; flex-direction: column; gap: var(--esp-3);
  padding: var(--esp-5); flex: 1 1 auto; }
.ac-carte__date { font-size: var(--taille-12); font-weight: var(--graisse-demi);
  letter-spacing: 0.05em; text-transform: uppercase; color: var(--texte-secondaire); }
.ac-carte h2 { font-family: var(--police-titre); font-size: var(--taille-17);
  line-height: var(--interligne-serre); margin: 0; }
.ac-carte h2 a { text-decoration: none; color: var(--texte); }
.ac-carte h2 a::after { content: ""; position: absolute; inset: 0; }
.ac-carte { position: relative; }
.ac-carte h2 a:hover { color: var(--accent-texte); }
.ac-carte p { margin: 0; font-size: var(--taille-14); color: var(--texte-secondaire); }
.ac-carte__lire { margin-top: auto; font-size: var(--taille-14);
  font-weight: var(--graisse-demi); color: var(--accent-texte); }

/* Pied de page */
.ac-pied { border-top: 1px solid rgba(245,247,251,0.10); background: #0B1526;
  padding: var(--esp-6) var(--esp-4); text-align: center;
  font-size: var(--taille-13); color: #8E9CBB; }
.ac-pied a { color: #B9C4DB; }
.ac-pied a:hover { color: #F5F7FB; }
.ac-pied .ac-pied-liens { display: flex; flex-wrap: wrap; justify-content: center;
  gap: var(--esp-4); margin-bottom: var(--esp-3); }