/* DOSOBE · article : en-tête unique à trois dispositions, cartes d'article, hub.
   Règle : le titre vit sur un fond uni (papier ou encre) ; l'image est un objet séparé, dessous ou à côté, jamais derrière.
   Les formats se distinguent par la fiche (méthode, sommaire, question), pas par une mise en scène différente. */
.ah{background:var(--paper);color:var(--ink);padding:calc(var(--hdr-h) + clamp(20px,3vw,44px)) 0 clamp(32px,4vw,56px)}
.ah-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(20px,2.4vw,32px);row-gap:clamp(28px,3.5vw,48px);align-items:end}
.ah .crumbs{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ah-x{grid-column:1/9;min-width:0}
.ah-fiche{grid-column:9/13;min-width:0}
.ah-fig{grid-column:1/-1;margin:0}
.ah-fig img{display:block;width:100%;aspect-ratio:2/1;max-height:600px;object-fit:cover;border-radius:12px;background:var(--paper-2)}
.ah-fig figcaption{margin-top:10px;font:400 12.5px/1.4 var(--f-text);color:var(--stone)}
.ah-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 20px;font:500 13px/1.2 var(--f-text);color:var(--stone)}
.ah-eyebrow a{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
.ah-eyebrow a:hover{text-decoration:underline;text-underline-offset:4px}
.ah-eyebrow span+span::before,.ah-eyebrow a+span::before{content:"·";margin-right:10px}
.ah-t{margin:0 0 20px;max-width:17em;font:400 clamp(36px,4.6vw,64px)/1.04 var(--f-display);letter-spacing:-.012em;text-wrap:balance;color:var(--ink)}
.ah-lede{margin:0 0 24px;max-width:36em;font:400 clamp(18px,1.4vw,21px)/1.5 var(--f-text);color:var(--ink-soft)}
.ah-meta{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0;font:400 14px/1.3 var(--f-text);color:var(--stone)}
.ah .a8-bref{margin-top:28px;max-width:34em}
/* disposition B : image à côté (terrain, note) */
.ah-terrain.has-fig .ah-x,.ah-note.has-fig .ah-x{grid-column:1/8}
.ah-terrain .ah-fig{grid-column:8/13;grid-row:1}
.ah-note .ah-fig{grid-column:9/13;grid-row:1}
.ah-terrain .ah-fig img{aspect-ratio:4/5;max-height:640px}
.ah-note .ah-fig img{aspect-ratio:1/1}
.ah-note .ah-t{font-size:clamp(34px,4vw,56px)}
/* disposition C : dossier, encre unie */
.ah-dossier{background:var(--ink);color:var(--white)}
.ah-dossier.has-fig .ah-x{grid-column:1/8}
.ah-dossier .ah-fig{grid-column:8/13;grid-row:1}
.ah-dossier .ah-fig img{aspect-ratio:4/5;max-height:640px;background:#0B1F1E}
.ah-dossier .ah-t{color:var(--white)}
.ah-dossier .ah-lede{color:rgba(251,250,247,.84)}
.ah-dossier .ah-eyebrow,.ah-dossier .ah-meta,.ah-dossier .ah-fig figcaption{color:rgba(251,250,247,.7)}
.ah-dossier .ah-eyebrow a{color:var(--white)}
.ah-dossier .ah-chap{grid-column:1/-1;margin:0}
.ah-dossier .mk{background:var(--white)}
/* fiches */
.ah-fiche{padding:22px 24px;border-radius:12px;background:var(--white);box-shadow:inset 0 0 0 1px rgba(1,14,14,.08)}
.ah-fiche .tag{display:block;margin-bottom:12px;font:500 12.5px/1 var(--f-text);letter-spacing:.04em;text-transform:uppercase;color:var(--stone)}
.ah-fiche ul,.ah-fiche ol{margin:0;padding:0 0 0 18px;display:grid;gap:8px;font:400 15px/1.45 var(--f-text);color:var(--ink)}
.ah-fiche b{display:block;margin-bottom:12px;font:500 15px/1.3 var(--f-text)}
.ah-fiche a{color:var(--ink);text-decoration:none}
.ah-fiche a:hover{text-decoration:underline;text-underline-offset:3px}
.ah-q p{margin:0;font:400 19px/1.35 var(--f-display);color:var(--ink)}
.ah-q{border-left:3px solid var(--mk,var(--ink));border-radius:0 12px 12px 0}
.ah a:focus-visible{outline:2px solid var(--signal-ink);outline-offset:3px}
.ah-dossier a:focus-visible{outline-color:var(--white)}
@media (max-width:980px){
  .ah-grid{grid-template-columns:1fr}
  .ah-x,.ah-fiche,.ah-fig,.ah-terrain.has-fig .ah-x,.ah-note.has-fig .ah-x,.ah-dossier.has-fig .ah-x,.ah-terrain .ah-fig,.ah-note .ah-fig,.ah-dossier .ah-fig,.ah-dossier .ah-chap{grid-column:1/-1;grid-row:auto}
}
@media (max-width:620px){
  .ah{padding-top:calc(var(--hdr-h) + 12px)}
  .ah-t{font-size:clamp(34px,9vw,40px);line-height:1.06}
  .ah-fig img,.ah-terrain .ah-fig img,.ah-note .ah-fig img,.ah-dossier .ah-fig img{aspect-ratio:3/2;max-height:60vh;border-radius:10px}
}

/* encadrés : fond blanc et filet de 2 px dans le pigment de la rubrique, jamais d'aplat pâle */
.a8-bref{background:var(--white);border-radius:0 12px 12px 0;box-shadow:inset 0 0 0 1px rgba(1,14,14,.08),inset 2px 0 0 var(--mk,var(--ink))}
.a8-bref li::before{width:6px;height:6px;border-radius:50%;background:var(--mk,var(--ink))}
.prose .dsb-callout{background:var(--white);border-radius:0 10px 10px 0;box-shadow:inset 0 0 0 1px rgba(1,14,14,.08),inset 2px 0 0 var(--mk,var(--ink))}
.prose .dsb-callout b:first-child{color:var(--ink)}
.prose .dsb-flow li{background:var(--white);box-shadow:inset 0 0 0 1px rgba(1,14,14,.1)}

/* ——— cartes : une seule, image 3:2 → repère et date → titre ——— */
.c2{gap:14px}
.c2-img{aspect-ratio:3/2;background:var(--paper-2)}
.c2-img img{transition:transform .6s var(--ease)}
.c2:hover .c2-img img{transform:scale(1.02)}
.c2-ph{background:var(--paper-2)}
.c2-ph::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(1,14,14,.2) 1.2px,transparent 1.7px) 0 0/14px 14px;-webkit-mask-image:linear-gradient(135deg,transparent 45%,#000);mask-image:linear-gradient(135deg,transparent 45%,#000)}
.c2-b{gap:10px}
.c2-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font:400 13px/1 var(--f-text);color:var(--stone)}
.c2-tag{display:inline-flex;align-items:center;gap:10px;font:500 13px/1 var(--f-text);color:var(--ink)}
.c2-tag::before{content:none}
.c2-t{font:400 clamp(20px,1.6vw,24px)/1.18 var(--f-display);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.c2-big .c2-img{aspect-ratio:3/2}
.c2-big .c2-t{font-size:clamp(30px,2.9vw,42px);line-height:1.08;-webkit-line-clamp:4}
.c2-x{font:400 16px/1.5 var(--f-text);color:var(--stone);-webkit-line-clamp:2}
.c2-side{grid-template-columns:40% 1fr;gap:20px}
.c2-side .c2-img{aspect-ratio:3/2}
.c2-side .c2-t{font-size:clamp(19px,1.4vw,22px)}
.c2:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:10px}
/* sans photo, la carte du hub se réduit à un repère, la date et le titre (pas de tuile vide) */
.bh-grid .c2.no-img .c2-img,.bh-feat-s .c2.no-img .c2-img{display:none}
.bh-grid .c2.no-img{padding-top:16px;border-top:1px solid rgba(1,14,14,.14);gap:0}
.bh-feat-s .c2.no-img{grid-template-columns:1fr;padding-top:16px;border-top:1px solid rgba(1,14,14,.14)}
.bh-feat .c2-big.no-img .c2-img{display:none}
/* hub */
.bh-t{font:400 clamp(40px,5vw,64px)/1.04 var(--f-display);letter-spacing:-.012em;margin:0 0 16px;max-width:14em}
.bh-head{padding:clamp(32px,4.5vw,64px) 0 clamp(20px,3vw,40px)}
.bh-feat{grid-template-columns:7fr 5fr}
.bh-chip{height:40px}
.bh-bar{background:var(--paper);box-shadow:0 1px 0 rgba(1,14,14,.08)}
@media (max-width:980px){.bh-feat{grid-template-columns:1fr}}
@media (max-width:620px){
  .c2-side{grid-template-columns:1fr}
  .bh-chips{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 calc(var(--gut) * -1);padding:0 var(--gut)}
  .bh-chip{flex:none;height:44px}
}
@media (prefers-reduced-motion:reduce){.c2-img img{transition:none}}