/* Charte maîtresse — Le journal. Couleurs via tokens du thème du jour (:root injecté par l'imprimante). */
@import url("/static/css/fonts.css"); /* fichier stable : les fontes ne changent pas, pas d empreinte necessaire */

:root{
  /* Gris neutres : ni beige ni brun. Seuls le rouge et le bleu de marque colorent la page. */
  --paper:#FFFFFF;--paper-dark:#121316;--ink:#111111;--ink-dark:#E6E7E9;--accent:#C8102E;--accent-2:#1F3A5F;--brand:#1F3A5F;--rule:#E2E5E9;--warn:#B7791F;
  --bg:#FFFFFF;--fg:var(--ink);--muted:#5E6367;--card:#F2F4F6;--rule-strong:#111111;--navbg:#111111;--navfg:#FFFFFF;
  --display:"Playfair Display",Georgia,"Times New Roman",serif;
  --serif:"Newsreader","Iowan Old Style",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --measure:66ch;--wide:1200px;--gap:28px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-mode="light"]){--bg:var(--paper-dark);--fg:var(--ink-dark);--muted:#9BA1A8;--card:#1B1D21;--rule:#2E3138;--rule-strong:var(--ink-dark);--navbg:#000;color-scheme:dark}}
:root[data-mode="dark"]{--bg:var(--paper-dark);--fg:var(--ink-dark);--muted:#9BA1A8;--card:#1B1D21;--rule:#2E3138;--rule-strong:var(--ink-dark);--navbg:#000;color-scheme:dark}

*{box-sizing:border-box}
html{font-size:17px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:1rem;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
h1,h2,h3{font-family:var(--display);line-height:1.1;font-weight:700;margin:0 0 .4em;letter-spacing:-.012em;text-wrap:balance}
h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.3rem,2.2vw,1.7rem)}h3{font-size:1.1rem}
.wrap{max-width:var(--wide);margin:0 auto;padding:0 var(--gap)}
.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:#fff;padding:.5em 1em}
.skip:focus{left:8px;z-index:100}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.small{font-size:.8rem;color:var(--muted)}

/* ── Masthead : logo carré + méta + outils ─────────────── */
.event-banner{background:var(--accent);color:#fff;text-align:center;padding:.4em 1em;font-size:.85rem;letter-spacing:.02em}
.masthead-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding-block:16px 14px}
.logo{display:flex;align-items:center;gap:14px}
.logo:hover{color:inherit}
.logo-mark{display:grid;place-items:center;width:64px;height:64px;background:var(--brand);color:#fff;font-family:var(--display);font-weight:900;font-size:1.35rem;letter-spacing:-.04em;line-height:1;text-align:center;flex:none}
.logo-name{font-family:var(--display);font-weight:900;font-size:clamp(1.5rem,3.2vw,2.3rem);letter-spacing:-.03em;line-height:1;color:var(--fg)}
.masthead-meta{display:flex;flex-direction:column;gap:2px;font-size:.8rem;color:var(--muted)}
.dateline{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}
.tagline{font-family:var(--serif);font-style:italic;font-size:.98rem}
.masthead-tools{display:flex;align-items:center;gap:14px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.masthead-tools .tool{padding:.4em 0}
.theme-toggle{background:none;border:1px solid var(--rule);border-radius:999px;padding:.15em .6em;font:inherit;color:inherit;cursor:pointer}
@media (max-width:760px){
  .masthead-top{grid-template-columns:1fr;gap:10px;padding-block:12px}
  .masthead-tools{justify-content:flex-start}
}

/* nav sombre */
.nav{background:var(--navbg);color:var(--navfg)}
.nav-inner{display:flex;align-items:center}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;width:100%}
.nav li{position:relative}
.nav a{display:block;padding:.95em .95em;color:var(--navfg)}
.nav a:hover{color:#fff;background:var(--accent)}
.nav .nav-home{background:rgba(255,255,255,.08)}
.nav .sub{display:none;position:absolute;left:0;top:100%;background:var(--bg);color:var(--fg);border:1px solid var(--rule);min-width:230px;z-index:30;flex-direction:column;box-shadow:0 12px 30px rgba(0,0,0,.14);text-transform:none;letter-spacing:0;font-weight:500;font-size:.88rem}
.nav li:hover>.sub,.nav li:focus-within>.sub{display:flex}
.nav .sub a{color:var(--fg);padding:.55em 1em}
.nav .sub a:hover{background:var(--card);color:var(--accent)}
.nav-toggle{display:none}
@media (max-width:760px){
  .nav-toggle{display:block;width:100%;background:none;border:0;font:700 .8rem var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--navfg);padding:.95em 0;text-align:left;cursor:pointer}
  .nav-inner{flex-direction:column;align-items:stretch}
  .nav ul{display:none;flex-direction:column}.nav ul.open{display:flex}
  .nav .sub{position:static;display:flex;border:0;box-shadow:none;padding-left:1em;background:none}
  .nav .sub a{color:var(--navfg);opacity:.8}
}

/* chips « en ce moment » */
.trending{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px var(--gap);font-size:.78rem;border-bottom:1px solid var(--rule);margin-bottom:var(--gap)}
.trending-label{font-weight:700;color:var(--muted);margin-right:4px}
.chip{display:inline-block;padding:.35em .85em;border:1px solid var(--rule);border-radius:999px;background:var(--card);font-weight:500}
.chip:hover{border-color:var(--accent);color:var(--accent)}

/* ── Composants éditoriaux ─────────────────────────────── */
.kicker{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .45em;font-weight:800}
.byline{font-size:.75rem;color:var(--muted);margin:0}
.byline a{font-weight:600;color:var(--fg)}
.badge{display:inline-block;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:2px;padding:.1em .45em;vertical-align:middle;font-weight:700}
.badge-accent{color:var(--accent)}
.badge-ai{color:var(--accent-2);border-color:var(--accent-2)}
.dek{font-family:var(--serif);font-size:1.2rem;line-height:1.45;color:var(--muted);margin:.35em 0 .8em}

/* cartes */
.card{display:flex;flex-direction:column;padding:0 0 18px;border-bottom:1px solid var(--rule)}
.card:last-child{border-bottom:0}
.card-img{margin:0 0 12px}
.card-img img{aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--card)}
.card-title{margin:0 0 .35em;font-size:1.2rem;line-height:1.15}
.card-title a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px;color:inherit}
.card-dek{margin:0 0 .6em;color:var(--muted);font-size:.95rem;line-height:1.45;font-family:var(--serif)}
.card-s .card-title{font-size:1rem}
.card-m .card-title{font-size:1.3rem}
.card-row{display:grid;grid-template-columns:1fr 280px;gap:22px;align-items:start;padding:22px 0}
.card-row .card-img{grid-column:2;grid-row:1;margin:0}
.card-row .card-body{grid-column:1}
.card-row .card-title{font-size:1.5rem}
.card-row:not(.has-image){grid-template-columns:1fr}
@media (max-width:620px){.card-row{grid-template-columns:1fr}.card-row .card-img{grid-column:1;grid-row:auto;margin-bottom:12px}}
.card-reply{border-left:3px solid var(--accent);padding-left:14px}
.grid{display:grid;gap:var(--gap)}
.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
.grid>.card{border-bottom:0;padding-bottom:0}
.grid-cols>.card{border-left:1px solid var(--rule);padding-left:calc(var(--gap)/1.6)}
.grid-cols>.card:first-child{border-left:0;padding-left:0}
@media (max-width:960px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-cols>.card:nth-child(odd){border-left:0;padding-left:0}}
@media (max-width:620px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-cols>.card{border-left:0;padding-left:0;border-bottom:1px solid var(--rule);padding-bottom:16px}}

/* ── Accueil : mosaïque + grille + colonne live ────────── */
.mosaic{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:4px;margin-bottom:var(--gap);min-height:520px}
.tile{position:relative;display:block;overflow:hidden;background:var(--navbg);color:#fff;min-height:250px}
.tile-main{grid-row:1/3}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.tile:hover img{transform:scale(1.03)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.55) 70%,rgba(0,0,0,.9) 100%)}
.tile-flat::after{display:none}
.tile-flat-1{background:var(--brand)}.tile-flat-2{background:var(--accent)}.tile-flat-3{background:#22252B}
.tile-text{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;display:flex;flex-direction:column;gap:6px;z-index:1}
.tile-flat .tile-text{position:static;padding:28px 28px 26px;justify-content:flex-end;height:100%}
.tile-kicker{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#fff;opacity:.85}
.tile-title{font-family:var(--display);font-weight:700;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.15;color:#fff;text-wrap:balance}
.tile-main .tile-title{font-size:clamp(1.6rem,3vw,2.5rem)}
.tile-dek{font-family:var(--serif);font-size:1rem;line-height:1.4;color:#fff;opacity:.9;max-width:60ch}
.tile-byline{font-size:.72rem;opacity:.75}
.tile:hover{color:#fff}
@media (max-width:960px){.mosaic{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}.tile-main{grid-row:auto}.tile{min-height:220px}.tile-main{min-height:360px}}

.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:calc(var(--gap)*1.4)}
@media (max-width:960px){.home-grid{grid-template-columns:1fr}}
.home-main>.card-row:first-child{padding-top:0}
.section-head{display:flex;align-items:baseline;justify-content:space-between;border-top:3px solid var(--rule-strong);padding-top:10px;margin:calc(var(--gap)*1.2) 0 var(--gap)}
.section-head h2{margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.12em;font-family:var(--sans);font-weight:800}
.section-head h2 a:hover{color:var(--accent)}
.section-head .more{font-size:.76rem;color:var(--muted);font-weight:600}
.debates{background:var(--card);padding:20px var(--gap) var(--gap);margin:0 0 var(--gap);border-left:4px solid var(--accent)}
.debates .section-head{border-top:0;margin-top:0;padding-top:0}
.debates .section-head h2{color:var(--accent)}
.live-head{margin-top:0}
.live-head h2{background:linear-gradient(transparent 60%,rgba(200,16,46,.18) 60%);display:inline-block;padding:0 4px}
.live{list-style:none;margin:0;padding:0}
.live li{position:relative;padding:12px 0 12px 18px;border-bottom:1px solid var(--rule);display:flex;flex-direction:column;gap:3px}
.live li::before{content:"";position:absolute;left:4px;top:19px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.live li::after{content:"";position:absolute;left:7px;top:28px;bottom:-12px;width:1px;background:var(--rule)}
.live li:last-child::after{display:none}
.live time{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.live-kicker{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:800}
.live a{font-family:var(--display);font-weight:700;font-size:1rem;line-height:1.25}
.live-by{font-size:.74rem;color:var(--muted)}
.side-box{background:var(--card);padding:18px 20px;margin-top:var(--gap);font-size:.92rem}
.side-box p{margin:0 0 .6em}
.side-box .more{font-weight:700;font-size:.8rem}
.empty{text-align:center;padding:80px 0;color:var(--muted)}
.empty h1{font-size:clamp(2.4rem,6vw,4.5rem)}

/* ── Article ────────────────────────────────────────────── */
.breadcrumb{font-size:.74rem;color:var(--muted);margin:2px 0 18px;text-transform:uppercase;letter-spacing:.06em}
.article-head{max-width:860px;margin:0 auto 26px}
.article-head h1{font-size:clamp(2.1rem,4.8vw,3.4rem);margin-bottom:.25em}
.article-head .dek{font-size:1.3rem}
.article-head .byline{font-size:.8rem;padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:14px 0 0}
.hero{margin:26px auto 0;max-width:1000px}
.hero img{width:100%;aspect-ratio:16/9;object-fit:cover}
figcaption{font-size:.74rem;color:var(--muted);margin-top:.5em}
.article-body{max-width:var(--measure);margin:0 auto;font-family:var(--serif);font-size:1.18rem;line-height:1.62}
.article-body>p:first-of-type{font-size:1.25rem}
.article-body a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.article-body h2{margin:1.7em 0 .5em;font-size:1.55rem}
.article-body h3{margin:1.4em 0 .4em}
.article-body p{margin:0 0 1.15em}
.article-body ul,.article-body ol{padding-left:1.3em;margin:0 0 1.15em}
.article-body table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:.88rem}
.article-body th,.article-body td{border-bottom:1px solid var(--rule);padding:.55em .6em;text-align:left;vertical-align:top}
.article-body th{border-bottom:2px solid var(--rule-strong);font-weight:700}
.table-wrap{overflow-x:auto;margin:1.2em 0}
.box{border-top:3px solid var(--accent-2);border-bottom:1px solid var(--rule);padding:14px 0 10px;margin:1.6em 0;font-size:1rem;font-family:var(--sans);line-height:1.5}
.box-label{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--accent-2);margin:0 0 .5em}
.box ul,.box ol{margin:0;padding-left:1.15em}
.box li{margin:.25em 0}
.box p:last-child{margin-bottom:0}
.box-key-points{border-top-color:var(--accent);background:var(--card);padding:16px 20px 14px}
.box-key-points .box-label{color:var(--accent)}
.box-disclosure,.box-update,.box-correction{border-top-color:var(--warn)}.box-disclosure .box-label,.box-update .box-label,.box-correction .box-label{color:var(--warn)}
.box-versus,.box-reply-to,.box-opinion{border-top-color:var(--accent)}.box-versus .box-label,.box-reply-to .box-label,.box-opinion .box-label{color:var(--accent)}
.art-quote{font-family:var(--display);font-size:1.35rem;line-height:1.3;margin:1.6em 0;padding:0 0 0 1.1em;border-left:3px solid var(--accent);font-style:italic}
.art-quote cite{display:block;font:normal .8rem var(--sans);color:var(--muted);margin-top:.6em}
.banner{font-size:.82rem;border-left:3px solid var(--warn);padding:.5em .9em;margin:10px 0;color:var(--muted)}
.toc{max-width:var(--measure);margin:0 auto 1.6em;font-size:.88rem;border-top:3px solid var(--rule-strong);border-bottom:1px solid var(--rule);padding:12px 0}
.toc ol{margin:0;padding-left:1.2em;columns:2;column-gap:2em}.toc li{margin:.2em 0}
.toc-inline ol{display:flex;flex-wrap:wrap;gap:.3em 1.2em;list-style:none;padding:0;columns:auto}
.body-chronique>p:first-of-type::first-letter{font-family:var(--display);font-size:3.9em;float:left;line-height:.78;padding:.1em .1em 0 0;color:var(--accent);font-weight:900}
.body-longform{counter-reset:sec}.body-longform h2{counter-increment:sec}.body-longform h2::before{content:counter(sec,decimal-leading-zero) "  ";color:var(--accent);font-family:var(--sans);font-size:.8em;letter-spacing:.05em}
.sources{max-width:var(--measure);margin:2.4em auto;font-size:.84rem;border-top:3px solid var(--rule-strong);padding-top:10px}
.sources h2{font-family:var(--sans);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}
.sources ol{padding-left:1.2em}.sources li{margin:.35em 0}.sources a{text-decoration:underline}.src-meta{color:var(--muted)}
.debate,.related{max-width:var(--wide);margin:2.5em auto 0}
.debate h2,.related h2{font-family:var(--sans);font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;border-top:3px solid var(--rule-strong);padding-top:10px}
.author-box{max-width:var(--measure);margin:2.5em auto;padding:18px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:.95rem}
.author-name{font-family:var(--display);font-weight:700;font-size:1.2rem;margin:0 0 .3em}
.signature{font-style:italic;color:var(--muted);font-family:var(--serif)}
.ai-notice{font-size:.82rem;color:var(--muted)}
.preview-bar{background:var(--warn);color:#fff;text-align:center;padding:.45em;margin-bottom:14px;letter-spacing:.04em}

/* ── Hubs, plumes, pages ───────────────────────────────── */
.hub-head{margin:6px 0 var(--gap);border-bottom:3px solid var(--rule-strong);padding-bottom:18px}
.hub-head h1{font-size:clamp(2.2rem,5vw,3.4rem)}
.chips{list-style:none;padding:0;margin:.8em 0 0;display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.chips a{display:inline-block;border:1px solid var(--rule-strong);padding:.35em .9em}
.chips a:hover{background:var(--fg);color:var(--bg)}
.author-head{max-width:860px;margin-bottom:var(--gap)}
.corrections{font-size:.95rem;line-height:1.6}

/* ── Pied ──────────────────────────────────────────────── */
.footer{margin-top:70px;background:var(--navbg);color:#cfcabf;padding:36px 0 24px;font-size:.84rem}
.footer a:hover{color:#fff}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--gap)}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr}}
.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:.3em 0}
.footer-title{font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;margin:.9em 0 .5em;color:#fff}
.brand-small{font-family:var(--display);font-weight:900;font-size:1.5rem;color:#fff;margin:0 0 .3em;letter-spacing:-.02em}
.footer .ai-notice{color:#a9a394}.footer .ai-notice a{text-decoration:underline}
.colophon{margin-top:26px;font-size:.72rem;border-top:1px solid #333;padding-top:12px;color:#8f8a80}
@media print{.masthead,.footer,.related,.debate,.theme-toggle{display:none}body{background:#fff;color:#000}}

/* angles */
.badge-racoleur{color:#fff;background:var(--accent);border-color:var(--accent)}
a.badge{text-decoration:none}
.banner-racoleur{border-left-color:var(--accent)}
.chips a[aria-current="page"]{background:var(--fg);color:var(--bg)}

/* ══════════════════════════════════════════════════════════════════════
   Passe mobile. Le gabarit est concu pour le grand ecran ; ce bloc est
   place en fin de feuille pour gagner a specificite egale. Trois regles :
   aucun debordement horizontal, aucun texte plus large que la colonne,
   aucune cible tactile sous 44 px.
   ══════════════════════════════════════════════════════════════════════ */

/* Garde-fou : un enfant de grille trop large pousse la page hors ecran. */
body{overflow-x:clip}
.masthead-top>*,.home-grid>*,.card-row>*,.grid>*{min-width:0}
.logo{min-width:0}
.logo-name,.card-title,.tile-title,.article-head h1,.hub-head h1{overflow-wrap:break-word}
.article-body{overflow-wrap:break-word}
.article-body pre{overflow-x:auto;font-size:.82rem;background:var(--card);padding:.8em 1em}
.article-body code{overflow-wrap:break-word}

@media (max-width:760px){
  /* 28 px de marge de chaque cote mangent 15 % d'un ecran de 375 px. */
  :root{--gap:18px}
  .masthead-tools{gap:6px;flex-wrap:wrap}
  .masthead-tools .tool{display:inline-flex;align-items:center;min-height:44px;padding:0 10px 0 0}
  .theme-toggle{min-width:40px;min-height:40px;display:inline-grid;place-items:center}
  .logo{gap:10px}
  .logo-mark{width:48px;height:48px;font-size:1.05rem}
  .logo-name{font-size:clamp(1.3rem,7vw,2.1rem)}
  .masthead-meta{font-size:.76rem}
  .tagline{font-size:.9rem}

  /* Les mots-cles montants empilaient huit lignes avant le premier article :
     un seul rail qui defile horizontalement rend l'espace a l'actualite. */
  .trending{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
            padding-block:8px;margin-bottom:calc(var(--gap)/1.4);scroll-padding-left:var(--gap)}
  .trending::-webkit-scrollbar{display:none}
  .trending-label,.trending .chip{flex:none;white-space:nowrap}
  .chip{padding:.45em .9em}

  .nav a{padding:.85em .9em}
  .nav .sub a{font-size:.85rem;padding:.6em 1em}
}

@media (max-width:620px){
  h1{font-size:clamp(1.7rem,7vw,2.4rem)}
  h2{font-size:clamp(1.2rem,5vw,1.5rem)}
  .dek{font-size:1.05rem}

  /* Tuiles : le chapeau superpose a l'image debordait du cadre et passait
     au-dessus du degrade, donc sur fond clair. On garde titre et signature. */
  .mosaic{gap:2px}
  .tile{min-height:200px}
  .tile-main{min-height:300px}
  .tile-dek{display:none}
  .tile::after{background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.92) 100%)}
  .tile-text{padding:16px 16px 14px}
  .tile-title{font-size:clamp(1.05rem,4.6vw,1.35rem)}
  .tile-main .tile-title{font-size:clamp(1.3rem,6vw,1.9rem)}
  .tile-flat .tile-text{padding:20px 18px}

  .card-row .card-title{font-size:1.25rem}
  .card-title{font-size:1.15rem}
  .card-m .card-title{font-size:1.2rem}
  .card-dek{font-size:.92rem}

  .article-head h1{font-size:clamp(1.75rem,7.4vw,2.5rem)}
  .article-head .dek{font-size:1.1rem}
  .article-head .byline{font-size:.76rem}
  .article-body{font-size:1.12rem;line-height:1.6}
  .article-body>p:first-of-type{font-size:1.15rem}
  .article-body h2{font-size:1.3rem;margin-top:1.5em}
  .art-quote{font-size:1.15rem;padding-left:.9em}
  .body-chronique>p:first-of-type::first-letter{font-size:3.1em}
  .toc ol{columns:1}
  .box-key-points{padding:14px 16px 12px}
  .debates{padding:16px var(--gap) var(--gap)}
  .hub-head h1{font-size:clamp(1.8rem,7.4vw,2.6rem)}
  .footer{margin-top:44px;padding:28px 0 20px}
  .empty{padding:48px 0}
}