/* ATHAR · V39 · pages éditoriales (16/10) : Le Programme (/athar-actualites), À propos (/about), article de rappel (blog_post).
   Même socle que les pages secondaires (pages.css) : Inter en blanc, cartes en verre sombre, champagne par touches.
   Aucune vidéo, aucun WebGL, aucune animation permanente. */
.p-edito .s-corps{gap:clamp(40px,6vw,72px);padding-top:clamp(20px,4vh,48px)}
.e-tete{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:780px;text-align:center}
.e-tete .chapo{margin:0 auto}
.e-bloc{display:flex;flex-direction:column;gap:18px;width:min(980px,100%)}
.e-bloc>.titre-section{text-align:center}
.e-bloc>.chapo.petit{margin:-8px auto 0;font-size:15px;text-align:center;color:var(--discret)}
.e-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}

/* ---------- Le Programme ---------- */
.pg-sorties,.pg-liste{display:flex;flex-direction:column;gap:10px}
.pg-sortie,.pg-liste li{display:grid;grid-template-columns:auto 52px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 16px 12px 12px;border-radius:20px;background:rgba(20,18,16,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pg-liste li{grid-template-columns:auto minmax(0,1fr)}
.pg-dispo li{grid-template-columns:52px minmax(0,1fr)}
.pg-sortie img,.pg-dispo img{width:52px;aspect-ratio:1;border-radius:12px;object-fit:cover;object-position:50% 36%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pg-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:58px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pg-date b{font-size:22px;font-weight:600;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.pg-date small{margin-top:3px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#FF5A45}
.pg-mois{display:grid;place-items:center;min-width:86px;height:46px;padding:0 12px;border-radius:12px;font-size:13px;font-weight:600;color:var(--champagne-clair);background:rgba(217,199,160,.08);box-shadow:inset 0 0 0 1px rgba(217,199,160,.2)}
.pg-texte{display:flex;flex-direction:column;gap:3px;min-width:0}
.pg-texte b{font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:#fff}
.pg-texte small{font-size:13.5px;line-height:1.4;color:var(--discret)}
.pg-serie{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:16px;border-radius:26px;background:rgba(20,18,16,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pg-serie-affiche{width:100%;aspect-ratio:9/16;border-radius:16px;object-fit:cover}
.pg-serie-corps{display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px 6px 4px 0}
.pg-serie h3{font-size:clamp(22px,2.4vw,28px);font-weight:600;line-height:1.1;letter-spacing:-.025em;color:#fff}
.pg-sous{font-size:15px;color:var(--texte)}
/* Liste des épisodes (même dessin que l'aperçu des séries de la landing) */
.ep-liste{display:flex;flex-direction:column;margin-top:6px;border-top:1px solid rgba(255,255,255,.08)}
.ep-liste li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
.ep-num{font-size:14px;font-weight:600;color:var(--pale);font-variant-numeric:tabular-nums}
.ep-titre{font-size:14.5px;line-height:1.35;color:#fff}
.ep-etat{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--discret)}
.ep-etat.dispo{color:#BFF5D8}
.ep-etat.dispo i{width:6px;height:6px;border-radius:50%;background:#45E39A}
.ep-etat.date{color:var(--champagne-clair)}

/* ---------- À propos ---------- */
.e-verset{width:min(780px,100%);padding:clamp(26px,4vw,40px);border-radius:28px;text-align:center;background:radial-gradient(80% 70% at 50% 0,rgba(242,229,200,.08),rgba(242,229,200,0) 70%),rgba(20,18,16,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.e-ar{font-family:var(--f-ar);font-size:clamp(24px,3vw,34px);line-height:1.9;color:#fff}
.e-sens{margin-top:10px;font-size:16px;line-height:1.6;color:var(--texte)}
.e-source{margin-top:12px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pale)}
.e-texte{width:min(720px,100%)}
.e-texte p{font-size:clamp(17px,1.4vw,19px);line-height:1.7;color:var(--texte);text-wrap:pretty}
.e-bloc>.surtitre{margin-bottom:-8px;text-align:center}
.e-bloc>.titre-section{text-align:center}
.e-piliers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.e-carte{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:24px;background:radial-gradient(90% 60% at 0 0,rgba(255,240,214,.06),rgba(255,240,214,0) 70%),rgba(20,18,16,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.e-num{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--champagne)}
.e-carte h3,.e-principes h3{font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.015em;color:#fff}
.e-carte p,.e-principes p{font-size:15px;line-height:1.6;color:var(--texte)}
.e-principes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.e-principes article{display:flex;flex-direction:column;gap:8px;padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.e-final{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(980px,100%);padding:clamp(36px,6vw,64px) 20px;border-radius:32px;text-align:center;
  background:radial-gradient(60% 80% at 50% 0,rgba(242,214,160,.14),rgba(242,214,160,0) 70%),rgba(20,18,16,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}

/* ---------- Article de rappel (blog_post) ---------- */
.e-article{display:flex;flex-direction:column;width:min(720px,100%)}
.e-article>.surtitre{margin-bottom:12px}
.e-article h1{font-size:clamp(32px,4.4vw,48px);font-weight:600;line-height:1.08;letter-spacing:-.034em;color:#fff;text-wrap:balance}
.e-date{margin-top:12px;font-size:14px;color:var(--pale);font-variant-numeric:tabular-nums}
.e-contenu{margin:28px 0 36px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08)}
.e-contenu>*+*{margin-top:16px}
.e-contenu p,.e-contenu li{font-size:17px;line-height:1.75;color:var(--texte);text-wrap:pretty}
.e-contenu h2,.e-contenu h3{margin-top:34px;font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:#fff}
.e-contenu h3{font-size:19px}
.e-contenu strong,.e-contenu b{font-weight:600;color:#fff}
.e-contenu a{color:var(--champagne-clair);text-decoration:underline;text-underline-offset:3px}
.e-contenu ul,.e-contenu ol{display:flex;flex-direction:column;gap:6px;padding-left:22px}
.e-contenu ul{list-style:disc}
.e-contenu ol{list-style:decimal}
.e-contenu li::marker{color:var(--champagne)}
.e-contenu blockquote{padding:18px 22px;border-radius:18px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.e-contenu blockquote p{font-size:18px;color:#fff}
.e-contenu img{max-width:100%;height:auto;border-radius:18px}
.e-contenu [dir="rtl"],.e-contenu :lang(ar){font-family:var(--f-ar);font-size:1.25em;line-height:1.9}
.e-article .e-actions{justify-content:flex-start}

@media (max-width:820px){
  .e-piliers,.e-principes{grid-template-columns:minmax(0,1fr)}
  .pg-serie{grid-template-columns:minmax(0,1fr)}
  .pg-serie-affiche{aspect-ratio:16/10;object-position:50% 30%}
}
@media (max-width:640px){
  .pg-sortie{grid-template-columns:auto 44px minmax(0,1fr);gap:12px;padding:10px 12px 10px 10px}
  .pg-sortie img{width:44px}
  .pg-sortie .ep-etat{grid-column:3;justify-self:start;margin-top:-4px}
  .pg-date{width:50px;height:50px}
  .pg-date b{font-size:19px}
  .pg-mois{min-width:72px;height:42px;font-size:12px}
  .pg-texte b{font-size:15px}
  .e-contenu p,.e-contenu li{font-size:16.5px}
}