@charset "utf-8";
/* ===========================================================
   L'Actu Sport — feuille de style principale
   Quotidien sportif camerounais : blanc dominant, encre noire,
   rouge de la manchette en accent. Mobile d'abord, bas débit.
   =========================================================== */

/* ---------- Polices auto-hébergées (sous-ensemble français) ---------- */
@font-face{font-family:'Oswald';src:url('fonts/oswald-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Roboto';src:url('fonts/roboto-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Roboto';src:url('fonts/roboto-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}

:root{
  --color-ink:#111111;
  --color-paper:#ffffff;
  --color-muted:#5d5d5d;          /* 6,4:1 sur blanc */
  --color-rule:#dcdcdc;
  --color-rule-fort:#111111;
  --color-brand:#be0a27;           /* rouge échantillonné sur la manchette */
  --color-brand-fonce:#98071f;
  --color-fond:#f5f5f5;

  --content-max:1180px;
  --article-max:42rem;
  --gutter:16px;
  --space-1:.5rem; --space-2:1rem; --space-3:1.5rem; --space-4:2rem; --space-5:3rem;

  --cond:'Oswald','Arial Narrow',Arial,sans-serif;
  --sans:'Roboto','Helvetica Neue',Arial,sans-serif;
  --header-h:76px;
}
@media (min-width:768px){ :root{ --gutter:24px; --header-h:84px; } }
@media (min-width:1100px){ :root{ --gutter:32px; } }

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--color-paper);color:var(--color-ink);
  font-family:var(--sans);font-size:18px;line-height:1.62;
  -webkit-font-smoothing:antialiased;overflow-wrap:break-word;
}
@media (min-width:768px){ body{font-size:19px;} }
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{
  outline:3px solid var(--color-brand);outline-offset:2px;border-radius:2px;
}
.wrap{max-width:var(--content-max);margin:0 auto;padding-inline:var(--gutter);}

/* Lien d'évitement */
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--color-ink);color:#fff;
  padding:12px 18px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.04em;}
.skip:focus{left:8px;top:8px;}

.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* ===========================================================
   1. En-tête compact
   =========================================================== */
.datestrip{
  background:var(--color-ink);color:#d8d8d8;font-family:var(--cond);
  font-size:12px;letter-spacing:.05em;text-transform:uppercase;
}
.datestrip .wrap{display:flex;align-items:center;justify-content:space-between;min-height:30px;gap:10px;
  white-space:nowrap;overflow:hidden;}
.datestrip .lieu{display:none;}
@media (min-width:560px){ .datestrip .lieu{display:inline;} }
@media (min-width:768px){ .datestrip .wrap{min-height:32px;} }
.datestrip .edition .long{display:none;}
@media (min-width:420px){ .datestrip .edition .long{display:inline;} }
.datestrip .edition{color:#fff;}
.datestrip .edition a{border-bottom:1px solid rgba(255,255,255,.45);}

.site-header{
  border-bottom:2px solid var(--color-ink);background:var(--color-paper);
  position:sticky;top:0;z-index:60;
}
.site-header .wrap{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:var(--header-h);
}
.brandmark{display:flex;align-items:center;gap:10px;min-width:0;}
.brandmark img{height:44px;width:auto;}
@media (min-width:768px){ .brandmark img{height:54px;} }
.brandmark .tagline{
  display:none;font-family:var(--cond);font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--color-muted);
}
@media (min-width:900px){ .brandmark .tagline{display:block;} }

.header-actions{display:flex;align-items:center;gap:4px;}
.iconbtn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-width:44px;min-height:44px;padding:0 10px;border:0;background:none;cursor:pointer;
  font-family:var(--cond);font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--color-ink);
}
.iconbtn svg{width:22px;height:22px;flex:none;}
.iconbtn .lbl{display:none;}
#menu-btn .lbl{display:inline;}
@media (min-width:420px){ .iconbtn .lbl{display:inline;} }
.iconbtn:hover{color:var(--color-brand);}
#menu-btn[aria-expanded="true"]{color:var(--color-brand);}

/* Tiroir de navigation (mobile) */
.drawer{
  position:fixed;inset:0;z-index:100;display:none;
}
.drawer[open],.drawer.is-open{display:block;}
.drawer__scrim{position:absolute;inset:0;background:rgba(17,17,17,.55);}
.drawer__panel{
  position:absolute;top:0;right:0;height:100%;width:min(88vw,340px);
  background:var(--color-paper);border-left:2px solid var(--color-ink);
  display:flex;flex-direction:column;overflow-y:auto;
}
.drawer__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px var(--gutter);border-bottom:2px solid var(--color-ink);min-height:var(--header-h);
}
.drawer__head .t{font-family:var(--cond);text-transform:uppercase;letter-spacing:.07em;font-size:14px;}
.drawer nav ul{list-style:none;margin:0;padding:0;}
.drawer nav a{
  display:block;padding:14px var(--gutter);min-height:44px;
  border-bottom:1px solid var(--color-rule);
  font-family:var(--cond);font-size:17px;letter-spacing:.03em;text-transform:uppercase;
}
.drawer nav a[aria-current="page"]{color:var(--color-brand);box-shadow:inset 4px 0 0 var(--color-brand);}
.drawer__foot{padding:var(--space-3) var(--gutter);border-top:1px solid var(--color-rule);}
.drawer .searchform{margin:var(--space-2) var(--gutter);}

/* Navigation horizontale (≥768px) */
.mainnav{display:none;border-bottom:1px solid var(--color-rule);background:var(--color-paper);}
@media (min-width:768px){ .mainnav{display:block;} }
.mainnav ul{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:2px;}
.mainnav a{
  display:flex;align-items:center;padding:11px 12px;min-height:44px;
  font-family:var(--cond);font-size:14.5px;letter-spacing:.035em;text-transform:uppercase;
  white-space:nowrap;border-bottom:3px solid transparent;
}
.mainnav a:hover{color:var(--color-brand);}
.mainnav a[aria-current="page"]{color:var(--color-brand);border-bottom-color:var(--color-brand);}
.mainnav .plus{position:relative;margin-left:auto;}
.mainnav .plus>ul{
  display:none;position:absolute;right:0;top:100%;min-width:230px;z-index:70;
  background:var(--color-paper);border:1px solid var(--color-ink);flex-direction:column;
}
.mainnav .plus[data-open="true"]>ul{display:flex;}
.mainnav .plus>ul a{border-bottom:1px solid var(--color-rule);}

/* Formulaire de recherche */
.searchform{display:flex;border:1.5px solid var(--color-ink);}
.searchform input{
  flex:1;min-width:0;border:0;padding:11px 12px;font:inherit;font-size:16px;background:transparent;
}
.searchform button{
  border:0;background:var(--color-ink);color:#fff;padding:0 16px;min-height:44px;cursor:pointer;
  font-family:var(--cond);text-transform:uppercase;letter-spacing:.05em;font-size:14px;
}
.searchform button:hover{background:var(--color-brand);}
.header-search{display:none;}
@media (min-width:1100px){ .header-search{display:block;width:260px;} }

/* ===========================================================
   2. Typographie éditoriale
   =========================================================== */
h1,h2,h3,h4{font-family:var(--cond);font-weight:600;margin:0;line-height:1.08;
  text-wrap:balance;letter-spacing:-.003em;}
p{margin:0 0 var(--space-2);}
.kicker{
  display:inline-block;font-family:var(--cond);font-size:12.5px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;color:var(--color-brand);
  margin-bottom:6px;
}
.kicker--solid{background:var(--color-brand);color:#fff;padding:4px 9px;}
.standfirst{
  font-size:1.05rem;line-height:1.55;color:#333;margin:0 0 var(--space-2);
  text-wrap:pretty;
}
.meta{
  display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;
  font-family:var(--cond);font-size:13px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--color-muted);padding:10px 0;border-top:1px solid var(--color-rule);
  border-bottom:1px solid var(--color-rule);margin-bottom:var(--space-3);
}
.meta b,.meta a{color:var(--color-ink);font-weight:600;}
.meta a{border-bottom:1px solid var(--color-rule);}
.meta a:hover{color:var(--color-brand);border-bottom-color:currentColor;}

.fil{
  font-family:var(--cond);font-size:13px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--color-muted);padding:var(--space-2) 0 0;margin:0;
}
.fil a:hover{color:var(--color-brand);}

/* ===========================================================
   3. Une : hiérarchie
   =========================================================== */
main{display:block;}
.lead-story{padding-top:var(--space-2);}
.lead-story figure{margin:0 0 12px;}
.lead-story img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--color-fond);}
.lead-story h2{font-size:clamp(1.9rem,6.6vw,2.9rem);line-height:1.04;margin:2px 0 10px;}
.lead-story .standfirst{font-size:1.08rem;}
.lead-story .sign{font-family:var(--cond);font-size:13px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--color-muted);}

/* Dernières nouvelles */
.latest{border-top:3px solid var(--color-ink);margin-top:var(--space-4);padding-top:var(--space-2);}
.latest ol{list-style:none;margin:0;padding:0;}
.latest li{border-bottom:1px solid var(--color-rule);}
.latest a{display:block;padding:12px 0;}
.latest a:hover .t{color:var(--color-brand);}
.latest .t{font-family:var(--cond);font-size:1.12rem;line-height:1.18;display:block;}
.latest .d{font-family:var(--cond);font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--color-muted);display:block;margin-top:3px;}

/* En-tête de rubrique */
.sect-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  border-top:3px solid var(--color-ink);margin-top:var(--space-5);padding-top:10px;margin-bottom:var(--space-2);
}
.sect-head h2{font-size:1.35rem;letter-spacing:.02em;text-transform:uppercase;}
.sect-head .more{
  font-family:var(--cond);font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--color-brand);white-space:nowrap;
}
.sect-head .more:hover{text-decoration:underline;}

/* ===========================================================
   4. Cartes
   =========================================================== */
.grid{display:grid;gap:var(--space-3);grid-template-columns:1fr;}
@media (min-width:640px){ .grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3) var(--space-4);} }
@media (min-width:1000px){
  .grid{grid-template-columns:repeat(3,1fr);}
  .grid--2{grid-template-columns:repeat(2,1fr);}
  .grid--4{grid-template-columns:repeat(4,1fr);}
}
.card{display:flex;flex-direction:column;border-top:1px solid var(--color-rule);padding-top:12px;}
.card figure{margin:0 0 10px;}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--color-fond);}
.card h3{font-size:1.3rem;line-height:1.14;margin:0 0 6px;}
@media (min-width:768px){ .card h3{font-size:1.38rem;} }
.card h3 a:hover{color:var(--color-brand);}
.card p{font-size:.94rem;line-height:1.5;color:#3a3a3a;margin:0 0 8px;text-wrap:pretty;}
.card .sign{font-family:var(--cond);font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--color-muted);margin-top:auto;}
.card--featured h3{font-size:clamp(1.5rem,4.6vw,2rem);}

/* Liste compacte de liens texte (pas de doublon d'image) */
.linklist{list-style:none;margin:0;padding:0;}
.linklist li{border-top:1px solid var(--color-rule);}
.linklist li:first-child{border-top:0;}
.linklist a{display:block;padding:11px 0;}
.linklist .k{font-family:var(--cond);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--color-brand);display:block;margin-bottom:2px;}
.linklist .t{font-family:var(--cond);font-size:1.08rem;line-height:1.18;display:block;}
.linklist a:hover .t{color:var(--color-brand);}

/* Bloc « dernier numéro » */
.edition-promo{
  border-top:3px solid var(--color-ink);margin-top:var(--space-5);padding-top:var(--space-3);
  display:grid;gap:var(--space-3);grid-template-columns:1fr;
}
@media (min-width:640px){ .edition-promo{grid-template-columns:150px 1fr;align-items:start;} }
.edition-promo img{width:100%;max-width:170px;border:1px solid var(--color-rule);}
.edition-promo h2{font-size:1.5rem;margin-bottom:8px;}

/* ===========================================================
   5. Page article
   =========================================================== */
.article{max-width:var(--article-max);margin:0 auto;padding-bottom:var(--space-4);}
.article h1{font-size:clamp(2rem,7.4vw,3.4rem);line-height:1.02;margin:4px 0 12px;}
@media (min-width:768px){ .article h1{line-height:1.0;} }
.article .standfirst{font-size:1.14rem;line-height:1.5;color:#2e2e2e;}
.article figure.lead{margin:0 0 var(--space-3);}
.article figure.lead img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--color-fond);}
.article figure.lead.columnist-portrait{
  width:min(100%,430px);margin:0 auto var(--space-3);
}
.article figure.lead.columnist-portrait img{
  aspect-ratio:4/5;object-fit:cover;
  border:1px solid var(--color-rule);
  box-shadow:0 12px 32px rgba(0,0,0,.10);
}
figcaption{font-size:.84rem;line-height:1.45;color:var(--color-muted);padding-top:7px;
  border-bottom:1px solid var(--color-rule);padding-bottom:9px;}
.article .body{font-size:1.02rem;line-height:1.68;}
@media (min-width:768px){ .article .body{font-size:1.06rem;} }
.article .body p{margin:0 0 1.15em;}
.article .body h2{
  font-size:1.5rem;line-height:1.16;margin:1.9em 0 .6em;padding-top:.55em;
  border-top:1px solid var(--color-rule);
}
.article .body figure.inl{margin:var(--space-3) 0;}
.article .body figure.inl img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--color-fond);}
.article .body i,.article .body em{font-style:italic;}
.sign-fin{font-family:var(--cond);font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--color-ink);border-top:2px solid var(--color-ink);padding-top:10px;margin-top:var(--space-3);}
.box{border:1px solid var(--color-rule);border-left:4px solid var(--color-brand);
  padding:var(--space-2) var(--space-2) .6rem;margin:var(--space-3) 0;background:#fafafa;}
.box h3{font-size:1.1rem;letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px;}
.box ul{margin:0;padding-left:1.15em;}
.box li{margin-bottom:.5em;font-size:.97rem;line-height:1.5;}
.box p{font-size:.97rem;}
.box p:last-child{margin-bottom:.6rem;}

/* Actions article (partage) */
.article-actions{display:flex;flex-wrap:wrap;gap:8px;margin:var(--space-3) 0 0;}
.btn{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;
  border:1.5px solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);
  font-family:var(--cond);font-size:14px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;
}
.btn:hover{background:var(--color-ink);color:#fff;}
.btn svg{width:18px;height:18px;}
.btn--brand{border-color:var(--color-brand);color:var(--color-brand);}
.btn--brand:hover{background:var(--color-brand);color:#fff;}

/* Abonnement */
.subscribe{
  border-top:3px solid var(--color-ink);margin-top:var(--space-4);padding-top:var(--space-2);
  max-width:var(--article-max);margin-inline:auto;
}
.subscribe h2{font-size:1.25rem;text-transform:uppercase;margin-bottom:6px;}
.subscribe p{font-size:.98rem;color:#333;}

/* À lire aussi */
.also{margin-top:var(--space-5);}
.also .card h3{font-size:1.15rem;}
.also .card p{display:none;}
@media (min-width:640px){ .also .card p{display:block;} }

/* En-tête de page rubrique */
.page-head{padding:var(--space-3) 0 var(--space-2);border-bottom:3px solid var(--color-ink);
  margin-bottom:var(--space-3);}
.page-head h1{font-size:clamp(1.8rem,6vw,2.6rem);margin:4px 0 8px;}
.page-head p{font-size:1.02rem;color:#333;max-width:46rem;margin:0;text-wrap:pretty;}

/* ===========================================================
   6. Numéros précédents
   =========================================================== */
.num-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr;}
@media (min-width:600px){ .num-grid{grid-template-columns:repeat(2,1fr);} }
@media (min-width:1000px){ .num-grid{grid-template-columns:repeat(3,1fr);} }
.num-card{border-top:1px solid var(--color-rule);padding-top:12px;display:flex;gap:14px;}
.num-card .num-cover{flex:none;width:96px;}
.num-card .num-cover img{width:96px;border:1px solid var(--color-rule);}
.num-card .num-body{min-width:0;}
.num-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:5px;}
.num-badge{font-family:var(--cond);font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;
  border:1px solid var(--color-ink);padding:2px 7px;}
.num-badge.cur{background:var(--color-brand);border-color:var(--color-brand);color:#fff;}
.num-date{font-family:var(--cond);font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--color-muted);}
.num-card h3{font-size:1.15rem;margin-bottom:6px;}
.num-links{display:flex;flex-direction:column;gap:3px;font-size:.92rem;}
.num-links .dl{color:var(--color-brand);font-family:var(--cond);letter-spacing:.04em;
  text-transform:uppercase;font-size:13px;}
.num-links .dl:hover,.num-links .art:hover{text-decoration:underline;}
.num-links .art{color:#333;}

/* ===========================================================
   7. Recherche
   =========================================================== */
.searchpage .searchform{max-width:34rem;margin-bottom:var(--space-3);}
.search-result{border-top:1px solid var(--color-rule);padding:14px 0;}
.search-result h3{font-size:1.2rem;margin-bottom:4px;}
.search-result .k{font-family:var(--cond);font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--color-brand);}
.search-result p{font-size:.94rem;color:#3a3a3a;margin:4px 0 0;}
.search-result mark{background:#ffe9a8;color:inherit;padding:0 1px;}
.search-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-2);}
.search-filters label{font-family:var(--cond);font-size:13px;letter-spacing:.04em;text-transform:uppercase;}
.search-filters select{font:inherit;font-size:15px;padding:9px 10px;border:1.5px solid var(--color-rule);min-height:44px;}
#search-status{font-family:var(--cond);letter-spacing:.04em;text-transform:uppercase;
  font-size:13px;color:var(--color-muted);margin-bottom:var(--space-2);}
.js-only{display:none;}

/* ===========================================================
   8. Pied de page
   =========================================================== */
.site-footer{border-top:3px solid var(--color-ink);margin-top:var(--space-5);
  background:var(--color-ink);color:#d6d6d6;padding:var(--space-4) 0 var(--space-2);}
.site-footer a{color:#fff;}
.site-footer a:hover{color:#ff8a9c;}
.footer-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr;}
@media (min-width:640px){ .footer-grid{grid-template-columns:2fr 1fr 1fr;} }
.site-footer h2{font-family:var(--cond);font-size:13px;letter-spacing:.09em;text-transform:uppercase;
  color:#fff;margin-bottom:8px;}
.site-footer ul{list-style:none;margin:0;padding:0;}
.site-footer li{margin-bottom:6px;font-size:.95rem;}
.site-footer .about p{font-size:.93rem;line-height:1.55;color:#bdbdbd;max-width:34rem;}
.site-footer .brand img{height:38px;width:auto;margin-bottom:10px;background:#fff;padding:5px 9px;}
.copy{border-top:1px solid #333;margin-top:var(--space-3);padding-top:var(--space-2);
  display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--cond);font-size:12px;
  letter-spacing:.05em;text-transform:uppercase;color:#a6a6a6;}

/* ===========================================================
   9. Mode léger
   =========================================================== */
.lightmode-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:var(--space-2);}
.lightmode-row .btn{border-color:#777;color:#fff;background:transparent;}
.lightmode-row .btn:hover{background:#fff;color:var(--color-ink);}
.drawer .lightmode-row .btn{border-color:var(--color-ink);color:var(--color-ink);background:transparent;}
.drawer .lightmode-row .btn:hover{background:var(--color-ink);color:#fff;}
.lightmode-note{font-size:.85rem;color:var(--color-muted);margin:6px 0 0;}

html[data-light="1"] .card figure,
html[data-light="1"] .lead-story figure,
html[data-light="1"] .num-card .num-cover,
html[data-light="1"] .edition-promo .cover,
html[data-light="1"] .site-footer .brand img{display:none;}
html[data-light="1"] .article figure.lead,
html[data-light="1"] .article .body figure.inl{display:none;}
html[data-light="1"] .show-image{display:inline-flex;}
html[data-light="1"] .card{padding-top:10px;}
.show-image{display:none;margin:var(--space-2) 0;}
figure.revealed{display:block!important;}

/* ===========================================================
   10. Divers
   =========================================================== */
.notfound{max-width:var(--article-max);margin:0 auto;padding:var(--space-5) 0;text-align:center;}
.notfound h1{font-size:clamp(2rem,8vw,3rem);margin-bottom:var(--space-2);}
.author-hero{border-bottom:3px solid var(--color-ink);padding-bottom:var(--space-2);margin-bottom:var(--space-3);}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;}
}

@media print{
  .datestrip,.site-header,.mainnav,.drawer,.also,.subscribe,.article-actions,.site-footer{display:none!important;}
  body{font-size:11pt;}
  .article{max-width:none;}
}

/* ---------------------------------------------------------------- blocs de page */
.sect{margin-top:var(--space-3);}
.home > .sect:first-of-type{margin-top:var(--space-3);}
.lead-story{display:grid;gap:var(--space-2);border-bottom:3px solid var(--color-ink);
  padding-bottom:var(--space-3);}
.lead-story .lead-media{display:block;}
@media (min-width:900px){
  .lead-story{grid-template-columns:1.35fr 1fr;align-items:start;gap:var(--space-3);}
  .lead-story h2{font-size:clamp(2rem,3.2vw,2.9rem);}
}
.latest{list-style:none;margin:0;padding:0;border-top:0;}
.latest li{border-top:1px solid var(--color-rule);}
.latest li:first-child{border-top:0;}
.latest a{display:block;padding:11px 0;}
.latest time{display:block;font-family:var(--cond);font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--color-muted);margin-top:3px;}
.latest .k{font-family:var(--cond);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--color-brand);display:block;margin-bottom:2px;}
@media (min-width:700px){
  .latest{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-3);}
  .latest li:nth-child(2){border-top:0;}
}
.page-head .count{font-family:var(--cond);font-size:12.5px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--color-muted);margin-top:8px;}
.archive-list{margin-top:var(--space-4);}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin:var(--space-2) 0;}
.num-card--cur{border-top:3px solid var(--color-ink);}
.num-badge--cur{background:var(--color-brand);border-color:var(--color-brand);color:#fff;}
.num-links{display:flex;flex-wrap:wrap;gap:8px;}
.edition-promo__in{display:grid;gap:var(--space-2);}
@media (min-width:640px){ .edition-promo__in{grid-template-columns:170px 1fr;align-items:start;gap:var(--space-3);} }
.edition-promo__txt h3{font-size:1.4rem;margin-bottom:4px;}
.edition-promo .cover img{width:100%;height:auto;border:1px solid var(--color-rule);}
.edition-promo .d{font-family:var(--cond);font-size:12.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--color-muted);}
.prev-nums{list-style:none;margin:var(--space-2) 0 0;padding:0;border-top:1px solid var(--color-rule);}
.prev-nums li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;
  border-bottom:1px solid var(--color-rule);font-size:.95rem;}
.prev-nums .d{color:var(--color-muted);font-size:.86rem;white-space:nowrap;}
.authors-list{list-style:none;margin:0 0 var(--space-3);padding:0;}
.authors-list li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;
  border-bottom:1px solid var(--color-rule);}
.authors-list .d{color:var(--color-muted);font-size:.88rem;white-space:nowrap;}
.searchform--page{display:flex;flex-wrap:wrap;gap:8px;max-width:44rem;margin-bottom:var(--space-2);}
.searchform--page input[type=search]{flex:1 1 16rem;}
.searchform--page select{font:inherit;font-size:16px;padding:9px 10px;
  border:1.5px solid var(--color-rule);min-height:44px;background:#fff;}
.search-status{font-family:var(--cond);font-size:13.5px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-2);}
.nojs-note{border-left:3px solid var(--color-brand);padding:10px 0 10px 12px;
  margin:var(--space-2) 0 var(--space-3);font-size:.98rem;color:var(--color-muted);}

/* --- ajustements de rythme vertical --- */
:root{--header-h:68px;}
@media (min-width:768px){ :root{--header-h:84px;} }
.sect{margin-top:var(--space-4);}
.sect > .sect-head{margin-top:0;}
.sect.edition-promo{border-top:0;padding-top:0;display:block;}
.lead-story{border-bottom:0;padding-bottom:var(--space-2);}
.home > .lead-story{padding-top:var(--space-2);}

/* --- correctifs en-tête bureau --- */
@media (min-width:1100px){
  .header-search{display:flex;width:280px;}
  .header-actions .iconbtn[href="recherche.html"]{display:none;}
}
.mainnav-plus{
  display:flex;align-items:center;gap:4px;padding:11px 12px;min-height:44px;border:0;
  background:none;cursor:pointer;font-family:var(--cond);font-size:14.5px;letter-spacing:.035em;
  text-transform:uppercase;color:var(--color-ink);border-bottom:3px solid transparent;
}
.mainnav-plus:hover{color:var(--color-brand);}
.mainnav .plus[data-open="true"] .mainnav-plus{color:var(--color-brand);border-bottom-color:var(--color-brand);}

/* --- barre de rubriques : une seule ligne, sans débordement --- */
.mainnav .wrap{overflow:hidden;}
.mainnav ul{flex-wrap:nowrap;}
.mainnav li{min-width:0;}
@media (min-width:768px) and (max-width:1023px){
  .mainnav a,.mainnav-plus{font-size:13px;padding:10px 8px;letter-spacing:.02em;}
}

.issue-banner{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;padding:24px;background:var(--color-fond);border-top:4px solid var(--color-brand);margin-bottom:24px}.issue-banner img{width:100%;height:auto;display:block}.issue-banner h2{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.12;margin:12px 0}.issue-banner p{max-width:65ch}.issue-results{line-height:1.8;columns:2;column-gap:36px}.source-note{background:var(--color-fond);padding:16px}.article .body p{overflow-wrap:anywhere}@media(max-width:600px){.issue-banner{grid-template-columns:100px 1fr;gap:16px;padding:16px}.issue-banner .btn{display:block;margin-top:8px}.issue-results{columns:1}}

.lead-story .lead-media img{object-position:center top}.article #hero-img img{aspect-ratio:auto;height:auto;max-height:760px;object-fit:contain}.card img{object-position:center 25%}@media(max-width:600px){.issue-banner{grid-template-columns:1fr}.issue-banner>a{max-width:140px;justify-self:center}.issue-banner h2{font-size:1.6rem}}