@font-face{font-family:'The Atlantic';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/The-Atlantic.ttf') format('truetype');}
@font-face{font-family:'Cheltenham';font-weight:700;font-style:normal;font-display:swap;src:url('fonts/CheltenhamStdBold.otf') format('opentype');}
@font-face{font-family:'Cheltenham';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/CheltenhamStdBook.otf') format('opentype');}
@font-face{font-family:'Cheltenham';font-weight:400;font-style:italic;font-display:swap;src:url('fonts/CheltenhamStdBookItalic.otf') format('opentype');}
@font-face{font-family:'Cheltenham';font-weight:300;font-style:italic;font-display:swap;src:url('fonts/CheltenhamStdLightItalic.otf') format('opentype');}
@font-face{font-family:'Chronicle';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/Chronicle_Text_G1_Roman.otf') format('opentype');}
/* ============================================================
   LES CONFINS — V2 « Atlantic × Disclose » (charte V1 respectée)
   Noir immersif pour l'enquête · ivoire typographique pour la lecture
   Sur fond noir : la couleur = filets, carrés, aplats — jamais du texte.
   Jaune de Naples = accent transversal (boutons, surlignage, bandeaux).
   ============================================================ */

:root{
  --ivoire:#FAF7F1; --blanc:#FFFFFF; --noir:#0D0D0D;
  --filet:#D8D4CA;  --filet-n:#2A2A28;
  --gris:#9BA29A;   --gris-t:#6E746E; --gris-n:#B9BDB6; --photo:#DCD8CD;
  --tyr:#12354E; --ocre:#AB544D; --dusk:#4E6E5D;
  --olive:#3D4537; --naples:#F2CA5F; --indigo:#332C63;
  --accent:#12354E;
  --mast:"The Atlantic", Georgia, "Times New Roman", serif;
  --titre:"Cheltenham", Georgia, "Times New Roman", serif;
  --texte:"Chronicle", Georgia, serif;
  --sans:"Inter", "Helvetica Neue", Arial, sans-serif;
  --max:1200px; --col:680px; --colw:880px;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{-webkit-text-size-adjust:100%;}
body{background:var(--ivoire); color:var(--noir);
  font:19px/1.6 var(--texte);
  font-feature-settings:"kern" 1, "liga" 1;}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
a:focus-visible, button:focus-visible, input:focus-visible{
  outline:2px solid var(--naples); outline-offset:2px;}
::selection{background:var(--naples); color:var(--noir);}
.lien{text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px;}

.skip{position:absolute; left:-999px; top:0; background:var(--naples); color:var(--noir);
  padding:10px 16px; z-index:100; font:700 13px var(--sans);}
.skip:focus{left:12px;}
.wrap{max-width:var(--max); margin:0 auto; padding:0 24px;}

/* boutons */
.btn{display:inline-block; border:0; cursor:pointer;
  font:700 12px/1 var(--sans); letter-spacing:.16em; text-transform:uppercase;
  padding:12px 18px; transition:background .15s, color .15s;}
.btn-naples{background:var(--naples); color:var(--noir);}
.btn-naples:hover{background:var(--ivoire);}
.btn-ghost-iv{background:transparent; color:var(--ivoire); border:1px solid var(--ivoire);}
.btn-ghost-iv:hover{background:var(--ivoire); color:var(--noir);}
.btn-noir{background:var(--noir); color:var(--ivoire);}
.btn-noir:hover{background:var(--accent);}

/* surtitres */
.kicker{font:700 11px/1.6 var(--sans); letter-spacing:.24em;
  text-transform:uppercase; color:var(--accent); display:block;}
.kicker-d{font:700 11px/1.6 var(--sans); letter-spacing:.24em;
  text-transform:uppercase; color:var(--ivoire); display:block;}
.kicker-d::before, .kicker.carre::before{content:""; display:inline-block;
  width:11px; height:11px; background:var(--accent); margin-right:11px; vertical-align:0;}
.kicker-naples{display:inline-block; font:700 11px/1 var(--sans); letter-spacing:.2em;
  text-transform:uppercase; background:var(--naples); color:var(--noir); padding:5px 9px 4px;}
.meta{font:13px/1.6 var(--sans); color:var(--gris-t);}
.meta b{color:var(--noir); font-weight:700;}
.meta-d{font:12px/1.7 var(--sans); letter-spacing:.14em; text-transform:uppercase; color:var(--gris-n);}
.chip{display:inline-block; font:700 10px/1 var(--sans); letter-spacing:.14em;
  text-transform:uppercase; border:1px solid var(--gris-n); color:var(--gris-n);
  padding:4px 7px; margin-left:10px; vertical-align:2px;}

/* photos */
.ph{background:var(--photo); position:relative; display:flex;
  align-items:center; justify-content:center; min-height:200px;}
.ph span{font:10px/1.6 var(--sans); letter-spacing:.3em; color:#7A7E74;
  text-transform:uppercase; text-align:center; padding:0 14px;}
.ph-duo{display:flex; align-items:center; justify-content:center;
  border-top:4px solid var(--accent);}
.ph-duo span{font:10px/1.6 var(--sans); letter-spacing:.3em; color:var(--gris-n);
  text-transform:uppercase; text-align:center; padding:0 14px;}
figure figcaption{display:flex; justify-content:space-between; gap:14px;
  font:12px/1.5 var(--sans); padding-top:9px; color:var(--gris-t);}
.sombre figure figcaption{color:#8A8F88;}
figure figcaption .credit{letter-spacing:.08em; text-transform:uppercase; white-space:nowrap;}
.r32{aspect-ratio:3/2;} .r45{aspect-ratio:4/5;} .r169{aspect-ratio:16/9;}
/* vraies photos : remplissent le cadre (même dimensions que les aplats de couleur) */
.ph, .ph-duo{position:relative; overflow:hidden;}
.ph img, .ph-duo img, .thumb img{position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; display:block;}

/* ---------------------------------------------------------- zones sombres */
.sombre{background:var(--noir); color:var(--ivoire);}
.sombre ::selection{background:var(--naples); color:var(--noir);}

/* en-tête */
.topbar{font:12px/1 var(--sans); border-bottom:1px solid var(--filet-n);}
.topbar .wrap{display:flex; align-items:center; justify-content:space-between;
  gap:14px; min-height:46px;}
.topbar .date, .topbar .devise{color:#8A8F88;}
.topbar .devise{letter-spacing:.26em; text-transform:uppercase;}
.topbar .actions{display:flex; gap:16px; align-items:center;}

.masthead{text-align:center; padding:34px 18px 6px;}
.masthead .mast{font:400 clamp(48px, 8vw, 74px)/1 var(--mast); color:var(--ivoire); display:inline-block;}
.terr-nav{margin-top:20px; border-bottom:1px solid var(--filet-n);}
.terr-nav ul{list-style:none; display:flex; justify-content:center; gap:2px;
  overflow-x:auto; -webkit-overflow-scrolling:touch; padding:0 12px;}
.terr-nav a{display:block; white-space:nowrap; padding:11px 13px 13px;
  font:700 11.5px/1 var(--sans); letter-spacing:.18em; text-transform:uppercase;
  color:var(--ivoire); border-bottom:3px solid transparent;}
.terr-nav a:hover, .terr-nav a[aria-current="page"]{border-bottom-color:var(--c, var(--ivoire));}
.terr-nav .nl a{color:var(--gris-n);}

/* héros immersif */
.hero{padding:54px 0 60px;}
.hero .grid{display:grid; grid-template-columns:7fr 5fr; gap:54px; align-items:end;}
.hero h1{font:700 clamp(38px, 6.4vw, 80px)/1.04 var(--titre);
  letter-spacing:-1px; margin:18px 0 20px; color:var(--ivoire);}
.hero h1 a:hover{color:var(--naples);}
.hero .dek{font:italic 400 21px/1.55 var(--titre); color:var(--gris-n);
  max-width:56ch; margin-bottom:22px;}
.hero .signature-ligne{display:flex; flex-wrap:wrap; gap:8px 26px; align-items:center;
  border-top:1px solid var(--filet-n); padding-top:16px; margin-bottom:26px;}
.hero .actions{display:flex; gap:14px; flex-wrap:wrap;}

/* ---------------------------------------------------------- la semaine (ivoire, Atlantic) */
.semaine{padding:58px 0 26px;}
.sec-head{display:flex; align-items:baseline; gap:18px; margin-bottom:30px;}
.sec-head h2{font:700 15px/1 var(--sans); letter-spacing:.26em; text-transform:uppercase; white-space:nowrap;}
.sec-head .line{flex:1; border-top:1px solid var(--noir);}
.sec-head a{font:700 11px/1 var(--sans); letter-spacing:.18em; text-transform:uppercase;
  color:var(--gris-t); white-space:nowrap;}
.sec-head a:hover{color:var(--accent);}
.sombre .sec-head h2{color:var(--ivoire);}
.sombre .sec-head .line{border-color:var(--filet-n);}

.semaine .grid{display:grid; grid-template-columns:7fr 4fr; gap:54px;}
.feature h3{font:700 clamp(28px, 3.4vw, 40px)/1.12 var(--titre);
  letter-spacing:-.4px; margin:14px 0 12px;}
.feature h3 a:hover{color:var(--accent);}
.feature .dek{font:italic 400 19px/1.55 var(--titre); color:#3A3D38; margin-bottom:12px; max-width:60ch;}
.feature figure{margin-bottom:22px;}
.rail{border-left:1px solid var(--filet); padding-left:34px;
  display:flex; flex-direction:column;}
.rail article{padding:22px 0;}
.rail article + article{border-top:1px solid var(--filet);}
.rail article:first-child{padding-top:4px;}
.rail h3{font:700 22px/1.22 var(--titre); margin:9px 0 8px;}
.rail h3 a:hover{color:var(--accent);}
.rail p{font-size:15.5px; line-height:1.55; color:#33352F;}
.rail .meta{margin-top:8px;}

/* ---------------------------------------------------------- essai (Atlantic) */
.essai{padding:30px 0 64px;}
.essai .cadre{border-top:1px solid var(--noir); border-bottom:1px solid var(--noir);
  padding:46px 24px; text-align:center;}
.essai .kicker{justify-self:center;}
.essai h2{font:italic 300 clamp(30px, 4.6vw, 56px)/1.18 var(--titre);
  letter-spacing:-.3px; max-width:21ch; margin:18px auto 18px;}
.essai h2 a:hover{color:var(--accent);}
.essai .auteur-ligne{font:700 12px/1 var(--sans); letter-spacing:.24em; text-transform:uppercase;}
.essai .auteur-ligne i{font:italic 400 14px/1 var(--titre); letter-spacing:0;
  text-transform:none; color:var(--gris-t);}

/* ---------------------------------------------------------- bande enquêtes (Disclose) */
.enq{padding:60px 0 56px;}
.enq .cartes{display:grid; grid-template-columns:1fr 1fr 1fr; gap:34px; margin-top:6px;}
.enq article h3{font:700 24px/1.18 var(--titre); margin:12px 0 10px; color:var(--ivoire);}
.enq article h3 a:hover{color:var(--naples);}
.enq article .ph-duo{aspect-ratio:3/2; margin-bottom:16px;}
.enq article p{font:16px/1.55 var(--texte); color:var(--gris-n);}
.enq .depot{margin-top:48px; border-top:1px solid var(--filet-n); padding-top:26px;
  display:flex; flex-wrap:wrap; gap:18px 30px; align-items:center; justify-content:space-between;}
.enq .depot p{font:17px/1.5 var(--texte); color:var(--ivoire); max-width:62ch;}
.enq .depot p b{color:var(--naples); font-family:var(--sans); font-size:12px;
  letter-spacing:.2em; text-transform:uppercase; display:block; margin-bottom:6px;}

/* ---------------------------------------------------------- série */
.serie{background:var(--olive); color:var(--ivoire);}
.serie .inner{display:grid; grid-template-columns:1fr auto; gap:30px;
  padding:48px 0 40px; align-items:end;}
.serie h2{font:700 clamp(34px, 4.6vw, 54px)/1.04 var(--titre); margin:12px 0 10px; letter-spacing:-.6px;}
.serie h2 a:hover{color:var(--naples);}
.serie .ep{font:italic 700 20px/1.4 var(--titre);}
.serie .pitch{font:italic 400 16.5px/1.55 var(--titre); color:#CFD4C9; margin-top:10px; max-width:48ch;}
.serie .avancement{display:flex; align-items:center; gap:8px;}
.serie .dot{width:11px; height:11px; border-radius:50%; border:2px solid var(--ivoire); display:inline-block;}
.serie .dot.on{background:var(--ivoire);}
.serie .compte{font:700 14px/1 var(--sans); margin-left:8px;}
.serie .bande{background:var(--naples); color:var(--noir);
  font:700 11px/1 var(--sans); letter-spacing:.22em; text-transform:uppercase;
  padding:14px 0;}

/* ---------------------------------------------------------- chiffre + manifeste */
.duo{display:grid; grid-template-columns:5fr 7fr; gap:54px; padding:62px 0 66px; align-items:center;}
.bloc-chiffre{border-top:3px solid var(--dusk); padding-top:18px;}
.bloc-chiffre .nombre{font:700 clamp(56px, 6vw, 84px)/1 var(--titre); color:var(--dusk); margin:12px 0 10px;}
.bloc-chiffre p{font-size:17px; line-height:1.55;}
.bloc-chiffre .meta{margin-top:12px;}
.bloc-manifeste blockquote{font:400 clamp(24px, 3vw, 33px)/1.5 var(--titre); letter-spacing:-.2px;}
.bloc-manifeste mark{background:var(--naples); color:var(--noir); padding:1px 6px 2px;}
.bloc-manifeste .meta{margin-top:16px;}
.bloc-manifeste .meta a{text-decoration:underline; text-underline-offset:3px;}

/* ---------------------------------------------------------- hors-champ (sombre) */
.nl2{border-top:1px solid var(--filet-n);}
.nl2 .inner{display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center;
  padding:46px 0;}
.nl2 h2{font:700 28px/1.2 var(--titre); color:var(--ivoire);}
.nl2 h2 .hc{font-style:italic;}
.nl2 p{font:16px/1.55 var(--texte); color:var(--gris-n); margin-top:8px; max-width:58ch;}
.nl2 .form{display:flex; gap:10px;}
.nl2 input{font:16px/1 var(--texte); padding:13px 14px; border:1px solid var(--filet-n);
  background:var(--noir); color:var(--ivoire); min-width:260px;}
.nl2 input::placeholder{color:#8A8F88;}
.nl2 .ok{font:13px var(--sans); color:var(--naples); margin-top:10px; display:none;}

/* ---------------------------------------------------------- article */
.lecture-barre{position:fixed; top:0; left:0; height:3px; width:0%;
  background:var(--accent); z-index:60;}
.art-dark{padding:52px 0 56px;}
.art-dark .filet-rub{width:64px; height:4px; background:var(--accent); margin-bottom:22px;}
.art-dark h1{font:700 clamp(34px, 5.6vw, 64px)/1.06 var(--titre);
  letter-spacing:-.8px; color:var(--ivoire); max-width:20ch; margin:16px 0 20px;}
.art-dark .dek{font:italic 400 21px/1.55 var(--titre); color:var(--gris-n); max-width:62ch;}
.art-dark .art-meta{display:flex; flex-wrap:wrap; gap:8px 26px; align-items:baseline;
  border-top:1px solid var(--filet-n); padding-top:16px; margin-top:26px;}
.art-dark .part{margin-left:auto; display:flex; flex-wrap:wrap; row-gap:8px;}
.art-dark .part a{font:700 11px/1 var(--sans); letter-spacing:.14em;
  text-transform:uppercase; color:var(--gris-n); margin-left:16px;}
.art-dark .part a:hover{color:var(--naples);}
.art-dark figure{margin-top:34px;}

.prose{max-width:var(--col); margin:0 auto; padding:48px 22px 10px;}
.prose p{margin:0 0 1.35em; font-size:20px; line-height:1.62;}
.prose > p:first-of-type::first-letter{
  font:700 78px/0.76 var(--titre); color:var(--accent);
  float:left; padding:9px 11px 0 0;}
.prose h2{font:700 26px/1.25 var(--titre); margin:2.2em 0 .7em; letter-spacing:-.2px;}
.prose h2::before{content:""; display:block; width:40px; height:3px;
  background:var(--accent); margin-bottom:13px;}
.prose figure{margin:2.2em 0;}
.sep{text-align:center; font:700 17px/1 var(--titre); letter-spacing:1.2em;
  color:var(--gris-t); margin:2.4em 0; padding-left:1.2em;}
.exergue{margin:2.5em auto; padding:1.3em 0; max-width:580px; text-align:center;
  border-top:1px solid var(--noir); border-bottom:1px solid var(--noir);}
.exergue p{font:italic 300 30px/1.4 var(--titre); color:var(--accent); margin:0;}

.bloc{margin:2.6em 0; padding-top:15px; border-top:3px solid var(--noir);}
.bloc .lab{font:700 11px/1 var(--sans); letter-spacing:.26em; text-transform:uppercase;
  display:block; margin-bottom:12px;}
.bloc p{font-size:18.5px;}
.bloc-faits{border-color:var(--noir);} .bloc-faits .lab{color:var(--noir);}
.bloc-lecture{border-color:var(--accent);} .bloc-lecture .lab{color:var(--accent);}
.bloc-contre{border-color:var(--gris);} .bloc-contre .lab{color:var(--gris-t);}
.bloc-creuser{background:var(--blanc); border:1px solid var(--filet);
  border-top:3px solid var(--accent); padding:20px 24px;}
.bloc-creuser .lab{color:var(--accent);}
.bloc-creuser ul{list-style:none;}
.bloc-creuser li{padding:10px 0; border-top:1px solid var(--filet); font-size:16.5px;}
.bloc-creuser li:first-of-type{border-top:0;}
.bloc-creuser .tag{font:700 10px/1 var(--sans); letter-spacing:.12em; color:var(--gris-t);
  border:1px solid var(--filet); padding:3px 6px; margin-left:8px; vertical-align:2px;}
.bloc-creuser a{text-decoration:underline; text-underline-offset:3px;}

.transparence{max-width:var(--col); margin:14px auto 0; padding:0 22px;}
.transparence .boite{border:1px solid var(--filet); padding:15px 18px;
  font:13.5px/1.65 var(--sans); color:var(--gris-t);}
.transparence b{color:var(--noir);}
.auteur{max-width:var(--col); margin:28px auto 0; padding:18px 22px 0;
  border-top:1px solid var(--noir);}
.auteur .nom{font:700 12px/1 var(--sans); letter-spacing:.22em; text-transform:uppercase;}
.auteur p{font:15px/1.65 var(--sans); color:#33352F; margin-top:8px;}

.suite{padding:54px 0 64px;}
.suite .deux{display:grid; grid-template-columns:1fr 1fr; gap:40px;}
.suite article{border-top:3px solid var(--accent); padding-top:14px;}
.suite h3{font:700 23px/1.22 var(--titre); margin:10px 0; color:var(--ivoire);}
.suite h3 a:hover{color:var(--naples);}
.suite p{font:15.5px/1.55 var(--texte); color:var(--gris-n);}

/* ---------------------------------------------------------- pied */
footer{background:var(--noir); color:var(--ivoire); border-top:1px solid var(--filet-n);}
footer .haut{display:grid; grid-template-columns:2fr 1fr 1fr 1.4fr; gap:36px; padding:48px 0 36px;}
footer .mast{font:400 32px/1 var(--mast);}
footer .dev{font:italic 400 14px/1.6 var(--titre); color:var(--gris-n); margin-top:12px;}
footer h4{font:700 11px/1 var(--sans); letter-spacing:.24em; text-transform:uppercase;
  color:#8A8F88; margin-bottom:15px;}
footer ul{list-style:none;}
footer li{margin-bottom:10px; font:14.5px/1.45 var(--sans);}
footer a:hover{color:var(--naples);}
footer .puce{display:inline-block; width:9px; height:9px; margin-right:10px; vertical-align:1px;}
footer .palette{display:flex; height:5px; margin-top:20px;}
footer .palette i{flex:1;}
footer .bas{border-top:1px solid var(--filet-n); padding:18px 0;
  display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:space-between;
  font:12px/1.6 var(--sans); color:#8A8F88;}

/* ---------------------------------------------------------- responsive */
@media (max-width:960px){
  .hero .grid{grid-template-columns:1fr; gap:30px;}
  .hero .grid figure{order:-1;}
  .semaine .grid{grid-template-columns:1fr;}
  .rail{border-left:0; padding-left:0; border-top:1px solid var(--filet); margin-top:10px;}
  .enq .cartes{grid-template-columns:1fr;}
  .serie .inner{grid-template-columns:1fr;}
  .duo{grid-template-columns:1fr; gap:40px;}
  .nl2 .inner{grid-template-columns:1fr;}
  .nl2 input{min-width:0; flex:1;}
  footer .haut{grid-template-columns:1fr 1fr;}
  .terr-nav ul{justify-content:flex-start;}
  .suite .deux{grid-template-columns:1fr;}
}
@media (max-width:560px){
  body{font-size:18px;}
  .prose p{font-size:19px;}
  .topbar .devise{display:none;}
  footer .haut{grid-template-columns:1fr;}
  .nl2 .form{flex-direction:column;}
  .enq .depot{flex-direction:column; align-items:flex-start;}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important; scroll-behavior:auto !important;}
}
/* ============================================================
   V2.1 — composants des pages intérieures
   ============================================================ */

/* fil de page (têtes sombres génériques) */
.pagehead{padding:58px 0 54px; text-align:center;}
.pagehead .filet-rub{width:64px; height:4px; background:var(--accent); margin:0 auto 24px;}
.pagehead h1{font:700 clamp(40px, 7vw, 76px)/1.04 var(--titre);
  letter-spacing:-.8px; color:var(--ivoire); margin:14px 0 18px;}
.pagehead .ep{font:italic 400 20px/1.6 var(--titre); color:var(--gris-n);
  max-width:62ch; margin:0 auto;}
.pagehead .infos{display:flex; flex-wrap:wrap; justify-content:center; gap:8px 28px;
  border-top:1px solid var(--filet-n); margin-top:30px; padding-top:18px;}

/* tête de rubrique */
.rub-head{padding:54px 0 48px;}
.rub-head h1{font:700 clamp(46px, 8vw, 96px)/1 var(--titre);
  letter-spacing:-1.2px; color:var(--ivoire); margin:16px 0 10px;}
.rub-head .ssub{font:italic 400 21px/1.5 var(--titre); color:var(--gris-n);}
.rub-head .desc{font:18px/1.6 var(--texte); color:var(--gris-n);
  max-width:64ch; margin-top:18px;}
.rub-head .infos{display:flex; flex-wrap:wrap; gap:8px 28px;
  border-top:1px solid var(--filet-n); margin-top:28px; padding-top:16px;}

/* listes d'articles */
.liste{padding:50px 0 30px;}
.row-une{display:grid; grid-template-columns:1fr 400px; gap:46px;
  padding-bottom:40px; border-bottom:3px solid var(--accent); align-items:center;}
.row-une h3{font:700 clamp(26px, 3.2vw, 38px)/1.12 var(--titre);
  letter-spacing:-.4px; margin:14px 0 12px;}
.row-une h3 a:hover{color:var(--accent);}
.row-une .dek{font:italic 400 18.5px/1.55 var(--titre); color:#3A3D38; margin-bottom:12px;}
.row{display:grid; grid-template-columns:120px 1fr 230px; gap:32px;
  padding:30px 0; border-bottom:1px solid var(--filet); align-items:start;}
.row .date{font:700 11px/1.7 var(--sans); letter-spacing:.16em;
  text-transform:uppercase; color:var(--gris-t);}
.row h3{font:700 23px/1.22 var(--titre); margin:8px 0;}
.row h3 a:hover{color:var(--accent);}
.row p{font:16px/1.55 var(--texte); color:#33352F;}
.row .meta{margin-top:8px;}
.liste-pied{display:flex; justify-content:center; padding:36px 0 8px;}

/* variante sombre (À découvert) */
.sombre .row-une{border-bottom-color:var(--accent);}
.sombre .row-une .dek, .sombre .row p{color:var(--gris-n);}
.sombre .row-une h3, .sombre .row h3{color:var(--ivoire);}
.sombre .row-une h3 a:hover, .sombre .row h3 a:hover{color:var(--naples);}
.sombre .row{border-bottom-color:var(--filet-n);}
.sombre .row .date{color:#8A8F88;}
.sombre .liste .meta{color:#8A8F88;} .sombre .liste .meta b{color:var(--gris-n);}

/* manifeste */
.prose-large p{font-size:21px; line-height:1.65;}
.valeurs{display:grid; grid-template-columns:1fr 1fr; gap:0 54px; padding:8px 0 26px;}
.valeurs article{border-top:3px solid var(--noir); padding:18px 0 26px;}
.valeurs h3{font:700 23px/1.2 var(--titre); margin-bottom:10px;}
.valeurs p{font:17px/1.6 var(--texte); color:#262823;}
.tgrid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:5px; margin-top:8px;}
.tcard{display:block; padding:22px 22px 24px; color:var(--ivoire); min-height:178px;}
.tcard .tk{font:700 10px/1 var(--sans); letter-spacing:.24em; text-transform:uppercase; opacity:.85;}
.tcard h3{font:700 26px/1.1 var(--titre); margin:10px 0 6px;}
.tcard .ts{font:italic 400 14px/1.45 var(--titre); display:block; margin-bottom:10px;}
.tcard p{font:14.5px/1.5 var(--texte);}
.tcard:hover h3{text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:2px;}
.tcard.sombrec{color:var(--noir);}
.bande-promesse{background:var(--naples); color:var(--noir); text-align:center; padding:30px 24px;}
.bande-promesse p{font:700 clamp(19px, 2.4vw, 26px)/1.4 var(--titre); max-width:32ch; margin:0 auto;}
.signature-fin{text-align:center; padding:64px 24px 70px;}
.signature-fin .mast{font:400 34px/1 var(--mast);}
.signature-fin .devise-x{font:italic 300 clamp(26px, 4vw, 40px)/1.3 var(--titre);
  margin:18px 0 26px;}
.signature-fin .actions{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}

/* méthode */
.meth{max-width:var(--colw); margin:0 auto; padding:54px 22px 10px;}
.meth > section{margin-bottom:58px;}
.meth h2{font:700 28px/1.2 var(--titre); letter-spacing:-.2px; margin-bottom:8px;}
.meth h2::before{content:""; display:block; width:40px; height:3px;
  background:var(--accent); margin-bottom:14px;}
.meth .intro{font:italic 400 18.5px/1.55 var(--titre); color:#3A3D38;
  max-width:66ch; margin-bottom:26px;}
.meth p{font:18px/1.62 var(--texte); margin-bottom:1.2em; max-width:70ch;}
.regles{list-style:none; counter-reset:r;}
.regles li{display:grid; grid-template-columns:72px 1fr; gap:24px;
  padding:24px 0; border-top:1px solid var(--filet); counter-increment:r;}
.regles li::before{content:"0" counter(r); font:700 42px/1 var(--titre); color:var(--accent);}
.regles h3{font:700 19px/1.3 var(--titre); margin-bottom:6px;}
.regles p{font:16.5px/1.6 var(--texte); margin:0; color:#262823;}
.registre{border:1px solid var(--filet); background:var(--blanc); padding:20px 24px;}
.registre .lab{font:700 11px/1 var(--sans); letter-spacing:.24em;
  text-transform:uppercase; color:var(--gris-t); display:block; margin-bottom:10px;}
.registre p{font:16px/1.6 var(--texte); margin:0;}
.depot-page{padding:50px 0;}
.depot-page h2{font:700 26px/1.2 var(--titre); color:var(--ivoire); margin-bottom:10px;}
.depot-page .canaux{display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px; margin:28px 0 30px;}
.depot-page .canaux div{border-top:2px solid var(--naples); padding-top:14px;}
.depot-page .canaux h3{font:700 12px/1.6 var(--sans); letter-spacing:.2em;
  text-transform:uppercase; color:var(--naples); margin-bottom:8px;}
.depot-page .canaux p{font:15.5px/1.6 var(--texte); color:var(--gris-n); margin:0;}
.depot-page > .wrap > p{font:17.5px/1.6 var(--texte); color:var(--ivoire); max-width:66ch;}
[id]{scroll-margin-top:24px;}

/* soutenir */
.formules{display:grid; grid-template-columns:1fr 1fr 1fr; gap:26px; padding:50px 0 14px;}
.fcard{position:relative; border:1px solid var(--filet); background:var(--blanc); padding:28px 26px 26px;}
.fcard.reco{border:2px solid var(--noir);}
.fcard .badge{position:absolute; top:-13px; left:22px;}
.fcard .fk{font:700 11px/1 var(--sans); letter-spacing:.24em; text-transform:uppercase; color:var(--gris-t);}
.fcard .prix{font:700 46px/1 var(--titre); margin:14px 0 2px;}
.fcard .prix small{font:400 15px/1 var(--texte); color:var(--gris-t); letter-spacing:0;}
.fcard ul{list-style:none; margin:18px 0 22px;}
.fcard li{padding:9px 0; border-top:1px solid var(--filet); font:15.5px/1.5 var(--texte);}
.fcard li:first-child{border-top:0;}
.engage{display:flex; flex-wrap:wrap; gap:10px 30px; padding:26px 0 8px;
  border-top:1px solid var(--noir); margin-top:34px;}
.repart{display:flex; height:16px; margin:18px 0 10px; max-width:760px;}
.repart-legende{display:flex; flex-wrap:wrap; gap:8px 26px; max-width:760px;}
.repart-legende span i{display:inline-block; width:10px; height:10px; margin-right:8px;}

@media (max-width:960px){
  .row-une{grid-template-columns:1fr; gap:24px;}
  .row-une figure{order:-1;}
  .row{grid-template-columns:1fr; gap:10px;}
  .row .thumb{display:none;}
  .valeurs{grid-template-columns:1fr;}
  .tgrid{grid-template-columns:1fr 1fr;}
  .depot-page .canaux{grid-template-columns:1fr;}
  .formules{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .tgrid{grid-template-columns:1fr;}
  .regles li{grid-template-columns:52px 1fr; gap:16px;}
}
/* ============================================================
   V2.2 — équipe + régime « jaune de Naples » (Urgences)
   ============================================================ */

/* équipe */
.equipe-intro{max-width:760px; font:18.5px/1.62 var(--texte); padding:50px 0 26px;}
.equipe-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:28px; padding:6px 0 44px;}
.pcard .pphoto{aspect-ratio:4/5; display:flex; align-items:center; justify-content:center;
  border-top:4px solid var(--c, var(--noir)); margin-bottom:14px;}
.pcard .pphoto span{font:10px/1.7 var(--sans); letter-spacing:.26em; color:#9A9D93;
  text-transform:uppercase; text-align:center; padding:0 12px;}
.pcard .ks{display:inline-block; margin-bottom:6px;}
.pcard h3{font:700 21px/1.15 var(--titre); margin:4px 0 3px;}
.pcard .role{font:italic 400 14.5px/1.4 var(--titre); color:var(--gris-t);
  display:block; margin-bottom:9px;}
.pcard p{font:14.5px/1.55 var(--texte); color:#33352F; margin-bottom:10px;}
.pcard .sec{font:700 11px/1 var(--sans); letter-spacing:.14em; text-transform:uppercase;
  color:var(--noir); text-decoration:underline; text-underline-offset:3px;}
.pcard .sec:hover{color:var(--accent);}

.autour{border-top:1px solid var(--noir); padding:28px 0 30px;
  display:grid; grid-template-columns:1fr 1fr 1fr; gap:32px;}
.autour h3{font:700 11px/1 var(--sans); letter-spacing:.24em;
  text-transform:uppercase; margin-bottom:10px;}
.autour p{font:15.5px/1.6 var(--texte); color:#33352F;}

.rejoindre{padding:52px 0;}
.rejoindre h2{font:700 28px/1.2 var(--titre); color:var(--ivoire); margin-bottom:10px;}
.rejoindre p{font:17px/1.6 var(--texte); color:var(--gris-n); max-width:66ch; margin-bottom:8px;}
.rejoindre .villes{display:flex; flex-wrap:wrap; gap:8px 24px; margin:18px 0 26px;}

/* régime Urgences : le jaune surligne, il ne colore jamais le texte */
.urg .row h3 a:hover, .urg .row-une h3 a:hover{color:inherit; background:var(--naples);}
.urg .btn-noir:hover{background:#262823; color:var(--ivoire);}
.urg .row-une .meta b, .urg .row .meta b{color:var(--noir);}

@media (max-width:1020px){ .equipe-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:960px){ .autour{grid-template-columns:1fr;} }
@media (max-width:560px){ .equipe-grid{grid-template-columns:1fr;} }

/* ——— encadré corrections (en tête d'article) ——— */
.bloc-correction{border-top:3px solid var(--naples); background:#FBF6E6;
  padding:14px 18px 16px; margin:0 0 30px;}
.bloc-correction .lab{font:700 11px/1 var(--sans); letter-spacing:.26em;
  text-transform:uppercase; color:#8a6d1f; display:block; margin-bottom:9px;}
.bloc-correction ul{margin:0; padding-left:18px; font:16px/1.6 var(--texte); color:var(--noir);}
.bloc-correction li{margin:3px 0;}

/* ——— mots-clés / thèmes en bas d'article ——— */
.tags{display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin:26px 0 0; padding-top:20px; border-top:1px solid var(--filet);}
.tags-lab{font:700 11px/1 var(--sans); letter-spacing:.2em; text-transform:uppercase;
  color:var(--gris-t); margin-right:4px;}
.tag-chip{display:inline-block; font:600 13px/1 var(--sans); color:var(--noir);
  background:var(--blanc); border:1px solid var(--filet); border-radius:999px;
  padding:7px 13px; text-decoration:none;}
.tag-chip:hover{background:var(--noir); color:var(--ivoire); border-color:var(--noir);}

/* ——— recherche ——— */
.recherche-champ{width:100%; font:18px/1.4 var(--texte); color:var(--noir);
  background:var(--blanc); border:1px solid var(--filet); border-radius:8px;
  padding:14px 16px; margin-bottom:26px; box-sizing:border-box;}
.recherche-champ:focus{outline:2px solid var(--accent); outline-offset:1px;}
.recherche-res{display:block;}
.search-hit{display:block; text-decoration:none; color:var(--noir);
  padding:18px 0; border-top:1px solid var(--filet);}
.search-hit h3{font:700 21px/1.25 var(--titre); margin:6px 0 4px;}
.search-hit p{font:16px/1.5 var(--texte); color:var(--gris-t); margin:0 0 6px;}
.search-hit small{font:12px/1 var(--sans); letter-spacing:.08em;
  text-transform:uppercase; color:var(--gris-t);}
.search-hit:hover h3{text-decoration:underline; text-underline-offset:3px;}

/* ——— pagination ——— */
.pagination{display:flex; align-items:center; justify-content:space-between; gap:16px;
  margin-top:50px; padding-top:24px; border-top:1px solid var(--filet);}
.pagination a{font:700 12px/1 var(--sans); letter-spacing:.1em; text-transform:uppercase;
  color:var(--noir); text-decoration:none;}
.pagination .pg-nums{display:flex; gap:6px; align-items:center;}
.pagination .pg-nums a, .pagination .pg-cur{display:inline-flex; align-items:center;
  justify-content:center; min-width:34px; height:34px; padding:0 8px; border-radius:6px;
  font:700 14px/1 var(--sans); letter-spacing:0;}
.pagination .pg-nums a{border:1px solid var(--filet); color:var(--noir);}
.pagination .pg-nums a:hover{background:var(--noir); color:var(--ivoire); border-color:var(--noir);}
.pagination .pg-cur{background:var(--accent); color:var(--ivoire);}
.pagination .pg-prec:hover, .pagination .pg-suiv:hover{text-decoration:underline; text-underline-offset:3px;}

/* ——— logo : le mot (logotype) ——— */
.masthead .mast{display:inline-flex; align-items:center; text-decoration:none;}
.mast-mot{font:400 clamp(44px,7.5vw,72px)/1 var(--mast); color:var(--ivoire);}



/* ——— pages légales / éditoriales (mentions, confidentialité, charte, CGU, pige) ——— */
.legal{max-width:74ch; margin:0 auto; padding:38px 0 64px;}
.legal h2{font:700 22px/1.25 var(--titre); color:var(--tyr); margin:34px 0 8px;}
.legal h3{font:700 15px/1.3 var(--sans); margin:22px 0 6px;}
.legal p, .legal li{font:17px/1.72 var(--texte); color:var(--noir);}
.legal ul{margin:8px 0 10px; padding-left:20px;}
.legal li{margin:5px 0;}
.legal a{color:var(--ocre); text-decoration:underline;}
.legal .maj{color:var(--gris-t); font-size:14px; margin-top:42px;
  border-top:1px solid var(--filet); padding-top:14px;}
.legal .ph{background:#FBF6E6; box-shadow:inset 0 -2px 0 var(--naples);
  padding:0 3px; border-radius:2px;}
/* ——— consentement sous le formulaire newsletter ——— */
.nl-consent{font:13px/1.5 var(--sans); color:var(--gris-n); margin-top:12px; max-width:54ch;}
.nl-consent a{color:var(--naples); text-decoration:underline;}

/* ——— page Soutenir : groupes de dons ——— */
.dons-intro{font:17px/1.7 var(--texte); color:var(--noir); max-width:70ch; margin:30px 0 10px;}
.don-grp-t{font:700 15px/1 var(--sans); letter-spacing:.14em; text-transform:uppercase;
  color:var(--tyr); margin:30px 0 14px; padding-bottom:8px; border-bottom:1px solid var(--filet);}
.dons-libre{font:16px/1.6 var(--texte); color:var(--noir); max-width:70ch; margin:24px 0 8px;}
.dons-libre a{color:var(--ocre); text-decoration:underline;}