/* Actualités : /actualites et /actualites/<actualité>, en fr, en et ar. Écrite dans la page par actualites.py (après
   style.min.css) ; propriétés logiques (inline-start, inline-end) : la page arabe se retourne d'elle-même. */

.actus-tete{max-width:62ch}
.actus-tete h1{font-size:clamp(32px,4.6vw,56px);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin-top:var(--s-md);max-width:20ch}
.actus-tete h1 b{color:var(--bleu);font-weight:700}
.actus-tete .chapeau{margin-top:var(--s-lg);color:var(--encre-2);font-size:clamp(16px,1.35vw,18px);max-width:64ch}
.actus-avis{margin:0 0 var(--s-xl);padding:14px 18px;border-radius:var(--r-sm);background:var(--bleu-clair);color:var(--encre);font-size:15px;max-width:72ch}
.lien-souligne{color:var(--bleu);text-decoration:underline;text-underline-offset:3px}

/* thèmes : une rangée de pastilles, qui défile sur téléphone */
.actus-filtres{margin-top:var(--s-2xl);display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.actus-filtres a{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1px solid var(--trait);background:#fff;font:600 13px/1 Geologica,sans-serif;color:var(--encre-2);white-space:nowrap;transition:border-color .2s,color .2s,background .2s}
.actus-filtres a span{font-weight:500;color:var(--encre-2);opacity:.8}
.actus-filtres a:hover{border-color:var(--bleu);color:var(--bleu)}
.actus-filtres a[aria-current]{background:var(--bleu);border-color:var(--bleu);color:#fff}
.actus-filtres a[aria-current] span{color:#fff}

/* les cartes */
.actus-grille{margin-top:var(--s-2xl);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--s-xl)}
.actu-carte{display:flex;flex-direction:column;border:1px solid var(--trait);border-radius:var(--r);overflow:hidden;background:#fff;transition:border-color .3s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease)}
.actu-carte:hover{border-color:oklch(80% 0.08 268);transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(22,68,251,.35)}
.actu-visuel{margin:0;aspect-ratio:16/9;background:var(--bleu-clair);overflow:hidden}
.actu-visuel img{display:block;width:100%;height:100%;object-fit:cover}
.actu-visuel figcaption{font-size:11.5px;color:var(--encre-2);padding:6px 12px}
.actu-visuel:has(figcaption){aspect-ratio:auto}
.actu-visuel:has(figcaption) img{aspect-ratio:16/9;height:auto}
.actu-corps{display:flex;flex-direction:column;gap:10px;padding:var(--s-lg) var(--s-xl) var(--s-xl);flex:1}
.actu-surtitre{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--encre-2)}
.actu-surtitre a{font:600 11.5px/1 Geologica,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--bleu);align-self:flex-start}
.actu-surtitre a:hover{text-decoration:underline;text-underline-offset:3px}
.actu-langue{display:inline-block;padding:2px 7px;border-radius:6px;background:var(--bleu-clair);color:var(--bleu);font:600 11px/1.4 Geologica,sans-serif}
.actu-titre{font:600 clamp(18px,1.5vw,20px)/1.3 Geologica,sans-serif;letter-spacing:-.01em;text-align:start}
.actu-titre a{color:var(--encre)}
.actu-titre a:hover{color:var(--bleu)}
.actu-resume{color:var(--encre-2);font-size:15px;line-height:1.55;text-align:start;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.actu-lecture{margin-top:4px;padding:12px 14px;border-radius:var(--r-sm);background:var(--bleu-clair);font-size:14px;display:grid;gap:6px}
.actu-lecture b{font:600 11.5px/1 Geologica,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--bleu)}
.actu-lire{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font:600 14px/1 Geologica,sans-serif;color:var(--bleu)}
.actu-lire:hover{text-decoration:underline;text-underline-offset:4px}
.actus-vide{margin-top:var(--s-2xl);padding:var(--s-2xl);border:1px dashed var(--trait);border-radius:var(--r);display:grid;gap:var(--s-lg);justify-items:start;color:var(--encre-2);max-width:72ch}
.actus-pages{margin-top:var(--s-2xl);display:flex;align-items:center;justify-content:center;gap:var(--s-lg);font:600 14px/1 Geologica,sans-serif;color:var(--encre-2)}
.actus-note{margin-top:var(--s-3xl);padding-top:var(--s-xl);border-top:1px solid var(--trait);color:var(--encre-2);font-size:13.5px;max-width:78ch}

/* une actualité commentée */
.actu-article{max-width:780px}
.actu-entete h1{font-size:clamp(28px,3.6vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.12;margin-top:var(--s-md);text-align:start}
.actu-meta{margin-top:var(--s-md);color:var(--encre-2);font-size:14px}
.actu-visuel-grand{margin-top:var(--s-2xl);border-radius:var(--r)}
.actu-commentaire,.actu-source{margin-top:var(--s-3xl)}
.actu-commentaire h2,.actu-source h2{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-2)}
.actu-texte{margin-top:var(--s-lg);display:grid;gap:var(--s-lg);font-size:clamp(17px,1.4vw,19px);line-height:1.7}
.actu-cite{margin:var(--s-lg) 0 var(--s-lg);padding:var(--s-lg) var(--s-xl);border-inline-start:3px solid var(--bleu);background:#f7f8fc;border-radius:0 var(--r-sm) var(--r-sm) 0;display:grid;gap:10px;color:var(--encre-2);font-size:15px}
.actu-cite p{font:400 15px/1.55 Onest,system-ui,sans-serif;letter-spacing:0;color:var(--encre-2)}
.actu-cite p::before,.actu-cite p::after{content:none}
.actu-cite .actu-cite-titre{font:600 18px/1.35 Geologica,sans-serif;color:var(--encre)}
.actu-cite footer{display:block;padding:0;font-size:13px;color:var(--encre-2)}
.actu-precision{margin-top:var(--s-md);font-size:13px;color:var(--encre-2)}
.actu-suite{margin-top:var(--s-3xl);display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-lg) var(--s-xl)}

/* arabe : la flèche est retournée par style.css (son tracé) ; citation bordée à droite (propriétés logiques), coins de
   la citation ; un titre ou un résumé dans une autre langue s'aligne selon sa propre direction */
.actus [dir=ltr],.actu-page [dir=ltr]{text-align:left}
.actus [dir=rtl],.actu-page [dir=rtl]{text-align:right}
html[dir=rtl] .actu-cite{border-radius:var(--r-sm) 0 0 var(--r-sm)}
html[dir=rtl] .actu-surtitre a,html[dir=rtl] .actu-lecture b,html[dir=rtl] .actu-commentaire h2,html[dir=rtl] .actu-source h2{letter-spacing:0}

@media (max-width:640px){
  .actus-grille{gap:var(--s-lg)}
  .actu-corps{padding:var(--s-md) var(--s-lg) var(--s-lg)}
  .actus-pages{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.actu-carte,.actu-carte:hover{transition:none;transform:none}}