/* =========================================================================
   LDF Qualifor — PAGES D'ARTICLES et illustrations du panneau Actualités
   Ajout du 11 octobre 2026 · feuille strictement additive.

   1 · les pages autonomes  actualites/<adresse>.html  et  actualites/index.html
       (même coque que les mentions légales : en-tête, pied, typographie) ;
   2 · deux ajouts au panneau des rubriques : l'illustration d'un article
       et le lien vers sa page.
   Aucune règle existante n'est redéfinie : tous les sélecteurs commencent
   par .art- ou .laa-fig / .laa-permalien, préfixes inutilisés ailleurs.
   Aucun texte n'est composé sous 12 px.
   ========================================================================= */

/* ---------- 1 · PAGES D'ARTICLES ---------------------------------------- */
.art-wrap{max-width:820px;margin:0 auto;padding:34px 40px 70px;}
.art-wrap .eyebrow{margin-bottom:14px;}

.art-ariane ol{list-style:none;margin:0 0 30px;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;
  font-size:12px;letter-spacing:.06em;color:var(--gris-chaud);}
.art-ariane li{display:inline;}
.art-ariane li + li::before{content:"›";margin:0 9px;color:var(--or-clair);}
.art-ariane a{color:var(--gris-chaud);text-decoration:none;border-bottom:1px solid transparent;transition:color .3s,border-color .3s;}
.art-ariane a:hover{color:var(--or-mat);border-bottom-color:var(--or-clair);}
.art-ariane [aria-current]{color:var(--gris-texte);display:inline-block;max-width:46ch;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;}

.art-wrap h1{
  font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.4vw,34px);line-height:1.22;
  color:var(--bleu);margin:0 0 14px;letter-spacing:-.01em;
}
.art-meta{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris-chaud);margin:0 0 22px;}
.art-chapo{
  font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.6;color:var(--bleu-clair, #3D5478);
  margin:0 0 28px;padding:0 0 0 16px;border-left:2px solid var(--or-clair);
}

.art-figure{margin:0 0 30px;text-align:center;}
.art-figure img{display:block;margin:0 auto;width:auto;height:auto;max-width:100%;max-height:62vh;
  border:1px solid var(--line);background:var(--lin);}
.art-figure figcaption{font-size:12px;line-height:1.6;color:var(--gris-chaud);margin:9px auto 0;max-width:60ch;font-style:italic;}
.art-figure--corps{margin:26px 0 28px;}

.art-corps h2{
  font-family:var(--sans);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--or-mat);font-weight:600;margin:30px 0 11px;
}
.art-corps h2:first-child{margin-top:0;}
.art-corps p,.art-corps li{font-size:14.5px;line-height:1.8;color:var(--gris-texte);}
.art-corps p{margin:0 0 14px;}
.art-corps ul{margin:0 0 16px;padding-left:20px;}
.art-corps li{margin-bottom:6px;}
.art-corps p.art-exergue{
  font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.6;color:var(--bleu);
  margin:20px 0;padding:13px 18px;background:var(--lin);border-left:3px solid var(--or);
}
.art-source{font-size:12.5px;color:var(--gris-chaud);font-style:italic;margin:16px 0 0;}
.art-liens{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;}
.art-lien{display:inline-flex;align-items:center;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  font-weight:500;color:var(--bleu);background:#fff;border:1px solid var(--line);padding:11px 15px;text-decoration:none;
  transition:border-color .3s,color .3s;}
.art-lien:hover{border-color:var(--or);color:var(--spark);}
.art-doc{background:var(--lin);}

/* « Dans la même rubrique » et page d'index */
.art-suite{margin:46px 0 0;padding-top:26px;border-top:1px solid var(--line);}
.art-suite > h2,.art-rubrique > h2{
  font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.3;color:var(--bleu);margin:0 0 16px;
}
.art-rubrique{margin:38px 0 0;padding-top:26px;border-top:1px solid var(--line);}
.art-rubrique-chapo{font-size:13.5px;line-height:1.7;color:var(--gris-texte);margin:-6px 0 18px;}
.art-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.art-carte{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start;
  background:#fff;border:1px solid var(--line);padding:14px;transition:border-color .3s;}
.art-carte:hover{border-color:var(--or-clair);}
.art-carte--sans-image{grid-template-columns:1fr;}
.art-carte-img img{display:block;width:120px;height:120px;object-fit:cover;object-position:top;border:1px solid var(--line);}
.art-carte time{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris-chaud);margin:0 0 5px;}
.art-carte h3{font-family:var(--serif);font-weight:400;font-size:17px;line-height:1.35;margin:0 0 6px;}
.art-carte h3 a{color:var(--bleu);text-decoration:none;border-bottom:1px solid transparent;transition:color .3s,border-color .3s;}
.art-carte h3 a:hover{color:var(--spark);border-bottom-color:var(--spark);}
.art-carte p{font-size:13px;line-height:1.65;color:var(--gris-texte);margin:0;}

.art-retour{display:flex;flex-wrap:wrap;gap:10px 26px;margin:34px 0 0;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;}
.art-retour a{color:var(--or-mat);text-decoration:none;border-bottom:1px solid var(--or-clair);transition:color .3s,border-color .3s;}
.art-retour a:hover{color:var(--spark);border-bottom-color:var(--spark);}

.art-contact{margin:36px 0 0;padding:22px 24px;background:var(--lin);border:1px solid var(--line);border-top:3px solid #A8431A;}
.art-contact p.art-contact-titre{font-family:var(--serif);font-size:20px;line-height:1.3;color:var(--bleu);margin:0 0 8px;}
.art-contact p{font-size:13.5px;line-height:1.7;color:var(--gris-texte);margin:0 0 14px;}
.art-bouton{display:inline-block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;
  color:var(--nuit);background:var(--or-clair);border:1px solid var(--or-clair);padding:13px 20px;text-decoration:none;
  transition:background .3s,transform .3s;}
.art-bouton:hover{background:var(--or-champagne);transform:translateY(-2px);}

.art-wrap a:focus-visible{outline:3px solid var(--bleu);outline-offset:2px;}

@media (max-width:680px){
  .art-wrap{padding:22px 20px 50px;}
  .art-ariane [aria-current]{max-width:22ch;}
  .art-figure img{max-height:none;}
  .art-carte{grid-template-columns:84px 1fr;gap:14px;padding:12px;}
  .art-carte-img img{width:84px;height:84px;}
  .art-bouton{display:block;text-align:center;}
}
@media (prefers-reduced-motion: reduce){
  .art-bouton,.art-bouton:hover{transition:none;transform:none;}
}

/* ---------- 2 · PANNEAU ACTUALITÉS : illustration et lien de l'article --- */
.ldf-actu-defile .laa-fig{margin:4px 0 18px;text-align:center;}
.ldf-actu-defile .laa-fig img{display:block;margin:0 auto;width:auto;height:auto;max-width:100%;max-height:380px;
  border:1px solid #E4E0D2;background:#F5F2EA;}
.ldf-actu-defile .laa-fig figcaption{font-size:12px;line-height:1.55;color:#6F6858;margin:8px 0 0;font-style:italic;}
.ldf-actu-defile a.laa-permalien{background:#F5F2EA;border-color:#E9D2A5;}
@media (max-width:760px){
  .ldf-actu-defile .laa-fig img{max-height:300px;}
}

/* ---------- 3 · PAGE ACTUALITÉS : lien discret vers la page des articles - */
.actu-legende a.actu-tous{color:#8F6524;text-decoration:none;border-bottom:1px solid #E9D2A5;white-space:nowrap;
  transition:color .3s,border-color .3s;}
.actu-legende a.actu-tous:hover{color:#A8431A;border-bottom-color:#A8431A;}
.actu-legende a.actu-tous:focus-visible{outline:3px solid #041E4A;outline-offset:2px;}