/* Page article (2026-09-27), d'apres la maquette validee et les remarques de la redaction.
   En-tete magazine, photo principale 16:9 plafonnee (credit en surimpression seulement), corps serif, fin d'article.
   Le balisage du corps (encadres, vignettes, renvoi) est dans article-body.css. */
.art{--art-line:color-mix(in srgb,currentColor 14%,transparent);--art-chip:color-mix(in srgb,currentColor 6%,transparent);--art-accent:#0891b2;
  --c-races:#0e9ab8;--c-news:#d97706;--c-portraits:#8b5cf6;--c-analysis:#e11d48;--c-places:#16a34a;
  --art-display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--art-serif:"Source Serif 4",Georgia,serif;
  max-width:1180px;margin:0 auto;padding:0 16px 56px}
.art a{color:inherit}
.art-crumbs{padding:14px 0 0;font-size:.86rem;color:var(--muted,#667)}
.art-crumbs a{text-decoration:none}
.art-crumbs a:hover{text-decoration:underline}
.art-head{max-width:980px;margin:0 auto;padding:12px 0 0;display:grid;gap:10px}
.art-tag{font-family:var(--art-display);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.88rem;text-decoration:none}
.art-tag.races{color:var(--c-races)}.art-tag.news{color:var(--c-news)}.art-tag.portraits{color:var(--c-portraits)}.art-tag.analysis{color:var(--c-analysis)}.art-tag.places{color:var(--c-places)}
.art-head h1{font-family:var(--art-display);font-weight:700;font-size:clamp(2rem,1.2rem + 3vw,3.3rem);line-height:1.02;margin:0;letter-spacing:.005em;text-wrap:balance}
.art-sub{font-family:var(--art-serif);font-size:clamp(1.05rem,.95rem + .5vw,1.3rem);line-height:1.45;color:var(--muted,#667);margin:0;max-width:62ch}
.art-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:.9rem;color:var(--muted,#667);padding:9px 0 4px;border-top:1px solid var(--art-line)}
.art-meta .dos{border:1px solid var(--art-line);border-radius:999px;padding:1px 9px;text-decoration:none}
.art-langs{display:flex;gap:4px;flex-wrap:wrap}
.art-langs a,.art-langs span{border:1px solid var(--art-line);border-radius:6px;padding:0 6px;font-size:.78rem;text-decoration:none;line-height:1.6}
.art-langs .on{background:var(--fg,#111);color:var(--bg,#fff);border-color:var(--fg,#111)}
@media (min-width:700px){ .art-langs{order:9;margin-left:auto} }   /* telephone : langues en tete de la ligne (remarque 8) */

.art-hero{max-width:1180px;margin:14px auto 0}
.art-hero .ph{position:relative;display:block}
.art-hero img{display:block;width:100%;aspect-ratio:16/9;height:auto;max-height:min(56vh,480px);object-fit:cover;object-position:center 35%;border-radius:8px;cursor:zoom-in}
.art-hero .cr{position:absolute;right:8px;bottom:6px;font-size:.72rem;color:#fff;background:rgba(0,0,0,.5);padding:1px 7px;border-radius:4px}
.art-hero figcaption{font-size:.88rem;line-height:1.35;color:var(--muted,#667);margin-top:6px}

/* corps : colonne de lecture serif */
.art .article-body{max-width:720px;margin:0 auto;padding:20px 0 8px;font-family:var(--art-serif);font-size:1.08rem;line-height:1.66}
.art .article-body p{margin:0 0 1em}
.art .article-body .chapo{font-size:1.22rem;line-height:1.5;font-weight:600}
.art .article-body .chapo::first-letter{font-family:var(--art-display);font-size:3.3em;float:left;line-height:.85;margin:.06em .08em 0 0;color:var(--art-accent)}
.art .article-body h2{font-family:var(--art-display);font-weight:700;font-size:1.75rem;line-height:1.1;margin:1.5em 0 .5em}
.art .article-body h3{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:700;font-size:1.05rem}
.art .article-body aside.encadre,.art .article-body figcaption,.art .article-body p.renvoi,.art .article-body table{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.art .article-body aside.encadre:has(table){width:46%;min-width:20rem}   /* tableau : plus large (remarque 4) */
.art .article-body aside.encadre td:last-child,.art .article-body aside.encadre td:nth-child(n+2){hyphens:none}
@media (min-width:1100px){   /* grand ecran : encadres et vignettes debordent un peu de la colonne, comme en presse */
  .art .article-body aside.encadre:not(.encadre-national),.art .article-body figure.thumb-droite{margin-right:-70px}
  .art .article-body figure.thumb-gauche{margin-left:-70px}
}
@media (max-width:640px){
  .art .article-body{font-size:1.02rem}
  .art .article-body aside.encadre:has(table){width:auto;min-width:0}
  .art .article-body .chapo::first-letter{font-size:2.6em}
}

/* fin d'article */
.art-end{margin:26px 0 0;padding:18px 0 0;display:grid;gap:22px;border-top:1px solid var(--art-line)}
.art-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.art-share button,.art-share a{border:1px solid var(--art-line);border-radius:999px;padding:7px 13px;font:inherit;font-size:.92rem;background:transparent;color:inherit;cursor:pointer;text-decoration:none}
.art-share .sp{flex:1}
.art-share .back{border:0;color:#0e7490;font-weight:600}
[data-theme="dark"] .art-share .back{color:#22b8d6}
.art-end h2{font-family:var(--art-display);font-weight:700;font-size:1.4rem;margin:0 0 10px}
.art-rail{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.art-rail article{flex:0 0 230px;scroll-snap-align:start}
.art-rail a{text-decoration:none}
.art-rail .img{display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--art-chip)}
.art-rail img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.art-rail b{display:block;font-size:.96rem;line-height:1.25;margin-top:6px}
.art-rail small{color:var(--muted,#667)}