/* RÉTRO FLASH ACTU — grille éditoriale commune, 04/11/2026.
   Réutilise les composants et ratios approuvés de l'accueil, sans altérer
   données d'audience, fonctions jeux vidéo, logo, ni routes internes.
   Les deux thèmes ne modifient jamais dimensions et placements.
*/
.rfa26-home.rfa-section-page {
  --rfa-section-ink:#111d41;
  --rfa-section-muted:#586580;
  --rfa-section-card:#fff;
  --rfa-section-border:#e9e4f2;
  --rfa-section-light:#fbf8ff;
  padding-top:18px!important;
}
body.night .rfa26-home.rfa-section-page {
  --rfa-section-ink:#eef3ff;
  --rfa-section-muted:#b7c6dc;
  --rfa-section-card:#19263e;
  --rfa-section-border:#354765;
  --rfa-section-light:#202e47;
}
.rfa-section-page .rfa-section-intro {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:0 0 17px;
  min-width:0;
}
.rfa-section-page .rfa-section-intro-copy{min-width:0;flex:1}
.rfa-section-page .rfa-section-crumb{
  display:block;
  font-size:12px;
  margin:0 0 5px;
  color:var(--rfa-section-muted)!important;
}
.rfa-section-page .rfa-section-crumb a:hover{color:#e9218a!important}
.rfa-section-page .rfa-section-eyebrow{
  color:#e7248e!important;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:11px;
  font-weight:850;
}
.rfa-section-page .rfa-section-title{
  margin:2px 0 6px!important;
  font-size:clamp(27px,2.8vw,42px)!important;
  line-height:1.12!important;
  letter-spacing:-.9px!important;
  font-weight:900!important;
  color:var(--rfa-section-ink)!important;
}
.rfa-section-page .rfa-section-subtitle{
  max-width:860px;
  font-size:clamp(12px,.95vw,15px);
  line-height:1.45;
  margin:0!important;
  color:var(--rfa-section-muted)!important;
}
.rfa-section-page .rfa-section-count{
  flex:0 0 auto;
  padding:9px 13px;
  border-radius:999px;
  background:var(--rfa-section-light);
  border:1px solid var(--rfa-section-border);
  color:var(--rfa-section-ink);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.rfa-section-page .rfa-section-feature-grid{
  display:grid;
  grid-template-columns:minmax(0,2.16fr) minmax(315px,1fr);
  gap:16px;
  align-items:stretch;
  margin-bottom:21px;
}
.rfa-section-page .rfa-section-feature{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:flex-end;
  min-width:0;
  width:100%;
  min-height:310px;
  height:auto;
  aspect-ratio:3 / 1;
  overflow:hidden;
  border-radius:20px;
  background:linear-gradient(110deg,#17153f,#4b2479);
  box-shadow:0 7px 22px rgba(30,19,82,.14);
  color:#fff!important;
}
.rfa-section-page .rfa-section-feature .rfa-story-image,
.rfa-section-page .rfa-section-feature .image-placeholder{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 35%!important;
  z-index:-2;
}
.rfa-section-page .rfa-section-feature .image-placeholder{
  display:grid!important;
  place-items:center;
  background:linear-gradient(135deg,#402589,#a22cc3)!important;
}
.rfa-section-page .rfa-section-feature:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(15,15,53,.96) 0%,rgba(22,17,61,.86) 31%,rgba(25,19,67,.25) 73%,transparent 100%);
}
.rfa-section-page .rfa-section-feature-copy{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:10px;
  width:min(68%,650px);
  padding:22px 24px 26px;
  min-width:0;
  container-type:inline-size;
}
.rfa-section-page .rfa-section-feature-tag{
  display:inline-flex;
  padding:5px 11px;
  border-radius:999px;
  background:linear-gradient(100deg,#f62a98,#ab2be6);
  color:#fff;
  text-transform:uppercase;
  font-size:11px;
  font-weight:850;
}
.rfa-section-page .rfa-section-feature-title{
  font-size:clamp(22px,4cqw,36px);
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.65px;
  text-wrap:balance;
  overflow-wrap:break-word;
  margin:0;
  color:#fff!important;
}
.rfa-section-page .rfa-section-feature-deck{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  max-width:540px;
  font-size:clamp(12px,1vw,14px);
  line-height:1.35;
  margin:0;
  color:#f5eeff!important;
}
.rfa-section-page .rfa-section-feature-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 16px;
  min-height:36px;
  border-radius:999px;
  background:#fff;
  color:#1e2250!important;
  font-size:12px;
  font-weight:850;
}
.rfa-section-page .rfa-section-feature:hover .rfa-section-feature-button{background:#ffe8f4}
.rfa-section-page .rfa-section-trending{
  display:flex!important;
  flex-direction:column!important;
  margin:0!important;
  min-width:0;
  min-height:0;
  padding:16px!important;
  border-radius:19px!important;
  background:var(--rfa-section-light)!important;
  border:1px solid var(--rfa-section-border)!important;
  color:var(--rfa-section-ink)!important;
}
.rfa-section-page .rfa-section-trending h2{
  margin:0 0 13px!important;
  font-size:clamp(20px,1.5vw,25px)!important;
  color:var(--rfa-section-ink)!important;
}
.rfa-section-page .rfa-section-trending .rfa26-now-list{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.rfa-section-page .rfa-section-trending .rfa26-now-item{
  display:grid!important;
  grid-template-columns:80px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:0 0 8px!important;
  border-bottom:1px solid var(--rfa-section-border)!important;
}
.rfa-section-page .rfa-section-trending .rfa26-now-image{width:80px;aspect-ratio:1.5 / 1!important}
.rfa-section-page .rfa-section-trending .rfa26-now-title{
  font-size:clamp(12px,.95vw,14px)!important;
  color:var(--rfa-section-ink)!important;
}
.rfa-section-page .rfa-section-trending .rfa26-now-more{margin-top:auto!important}
.rfa-section-page .rfa-section-content-grid{margin-top:0!important}
.rfa-section-page .rfa-section-content-grid .rfa26-main,
.rfa-section-page .rfa-section-content-grid .rfa26-aside{min-width:0}
.rfa-section-page .rfa26-section-heading{margin-bottom:15px!important}
.rfa-section-page .rfa26-section-heading h2{
  font-size:clamp(24px,1.95vw,31px)!important;
  color:var(--rfa-section-ink)!important;
}
.rfa-section-page .rfa26-story-grid .rfa26-story{
  aspect-ratio:1.15 / 1!important;
  min-height:max-content!important;
  height:auto!important;
  background:var(--rfa-section-card)!important;
  border:1px solid var(--rfa-section-border)!important;
  color:var(--rfa-section-ink)!important;
}
.rfa-section-page .rfa26-story-grid .rfa26-story-image{
  aspect-ratio:2.25 / 1!important;
  flex:0 0 auto!important;
  height:auto!important;
}
.rfa-section-page .rfa26-story-grid .rfa26-story h3,
.rfa-section-page .rfa26-story-grid .rfa26-story h3 a,
.rfa-section-page .rfa26-stream-item h3,
.rfa-section-page .rfa26-stream-item h3 a{
  color:var(--rfa-section-ink)!important;
}
.rfa-section-page .rfa26-story-grid .rfa26-story h3{
  font-size:clamp(13px,1vw,17px)!important;
  line-height:1.28!important;
  overflow:visible!important;
  white-space:normal!important;
}
.rfa-section-page .rfa26-story-meta{flex-wrap:wrap!important}
.rfa-section-page .rfa-section-feed{margin-top:26px!important}
.rfa-section-page .rfa26-stream-item{
  background:var(--rfa-section-card)!important;
  border:1px solid var(--rfa-section-border)!important;
}
.rfa-section-page .rfa26-stream-item p{color:var(--rfa-section-muted)!important}
.rfa-section-page .rfa-section-side{
  min-width:0;
}
.rfa-section-page .rfa-section-side .rfa26-simple-newsletter,
.rfa-section-page .rfa-section-side .rfa-newsletter-side,
.rfa-section-page .rfa-section-side .rfa-pop-newsletter{
  margin-top:0!important;
}
.rfa-section-page .rfa-section-side-note{
  margin-top:16px;
  padding:18px;
  border-radius:15px;
  border:1px solid var(--rfa-section-border);
  background:var(--rfa-section-light);
  color:var(--rfa-section-ink);
}
.rfa-section-page .rfa-section-side-note h2{font-size:18px;line-height:1.2;margin:0 0 8px}
.rfa-section-page .rfa-section-side-note p{font-size:13px;line-height:1.45;color:var(--rfa-section-muted);margin:0 0 12px}
.rfa-section-page .rfa-section-side-note a{font-size:12px;font-weight:850;color:#e91d87!important}
.rfa-section-page .rfa-section-empty{
  margin:0;
  padding:28px;
  min-height:155px;
  border-radius:16px;
  border:1px solid var(--rfa-section-border);
  background:var(--rfa-section-light);
  color:var(--rfa-section-ink);
}
.rfa-section-page .rfa-section-empty h2{font-size:21px;margin:0 0 9px}
.rfa-section-page .rfa-section-empty p{font-size:14px;color:var(--rfa-section-muted)}
.rfa-section-page .rfa-section-pager{
  display:flex;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
  margin:25px 0 30px;
  padding:12px 0;
}
.rfa-section-page .rfa-section-pager a{
  padding:10px 16px;
  border:1px solid #ec8ebf;
  border-radius:999px;
  color:#e82084!important;
  font-weight:850;
  background:var(--rfa-section-card);
}
.rfa-section-page .rfa-section-pager span{font-size:13px;color:var(--rfa-section-muted)}
body.night .rfa-section-page .rfa26-story-meta time,
body.night .rfa-section-page .rfa26-comments-count{color:#b9c8e2!important}
body.night .rfa-section-page .rfa26-now-more{background:#283650!important;color:#ff91c6!important}
body.night .rfa-section-page .rfa26-story-cat{color:#fff!important}
@media(max-width:1260px){
  .rfa-section-page .rfa-section-feature-grid{
    grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);
  }
  .rfa-section-page .rfa-section-feature{aspect-ratio:2.5 / 1;min-height:295px}
  .rfa-section-page .rfa-section-feature-copy{width:min(76%,610px)}
  .rfa-section-page .rfa-section-trending .rfa26-now-item{grid-template-columns:72px minmax(0,1fr)!important}
  .rfa-section-page .rfa-section-trending .rfa26-now-image{width:72px}
}
@media(max-width:860px){
  .rfa-section-page .rfa-section-feature-grid{grid-template-columns:minmax(0,1fr)}
  .rfa-section-page .rfa-section-feature{aspect-ratio:2 / 1;min-height:300px}
  .rfa-section-page .rfa-section-trending .rfa26-now-list{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:11px!important;
  }
  .rfa-section-page .rfa-section-trending .rfa26-now-item{
    display:block!important;
    padding:0!important;
    border-bottom:0!important;
  }
  .rfa-section-page .rfa-section-trending .rfa26-now-image{
    display:block!important;
    width:100%!important;
    aspect-ratio:16/9!important;
    margin-bottom:6px!important;
  }
  .rfa-section-page .rfa-section-content-grid{grid-template-columns:minmax(0,1fr)!important}
  .rfa-section-page .rfa-section-content-grid>.rfa26-main,
  .rfa-section-page .rfa-section-content-grid>.rfa26-aside{display:block!important}
  .rfa-section-page .rfa-section-side{margin-top:18px}
}
@media(max-width:580px){
  .rfa-section-page .rfa-section-intro{align-items:flex-start;flex-direction:column;gap:9px}
  .rfa-section-page .rfa-section-feature{aspect-ratio:auto;min-height:340px}
  .rfa-section-page .rfa-section-feature-copy{width:100%;padding:19px 17px 24px}
  .rfa-section-page .rfa-section-feature:after{
    background:linear-gradient(0deg,rgba(13,13,49,.95) 0%,rgba(19,14,59,.70) 60%,transparent 100%);
  }
  .rfa-section-page .rfa-section-feature-title{font-size:clamp(22px,6cqw,30px)}
  .rfa-section-page .rfa-section-trending .rfa26-now-list{grid-template-columns:1fr!important}
  .rfa-section-page .rfa-section-trending .rfa26-now-item{
    display:grid!important;
    grid-template-columns:80px minmax(0,1fr)!important;
    border-bottom:1px solid var(--rfa-section-border)!important;
    padding-bottom:8px!important;
  }
  .rfa-section-page .rfa-section-trending .rfa26-now-image{width:80px!important;margin:0!important}
  .rfa-section-page .rfa26-story-grid{grid-template-columns:minmax(0,1fr)!important}
  .rfa-section-page .rfa-section-content-grid{display:block!important}
  .rfa-section-page .rfa-section-pager{justify-content:flex-start}
}

/* La rubrique Jeux vidéo conserve ses filtres statistiques, désormais dans
   l'identité magazine de l'accueil. Les vraies données restent inchangées. */
.rfa-games-editorial .games-page-title{
  padding:22px 24px!important;
  margin-bottom:18px!important;
  border:1px solid var(--rfa-section-border)!important;
  border-radius:19px!important;
  background:var(--rfa-section-light)!important;
  color:var(--rfa-section-ink)!important;
}
.rfa-games-editorial .games-page-title h1{
  font-size:clamp(27px,2.8vw,42px)!important;
  line-height:1.12!important;
  color:var(--rfa-section-ink)!important;
}
.rfa-games-editorial .games-page-title p{color:var(--rfa-section-muted)!important}
.rfa-games-editorial .games-articles-head{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding-bottom:12px;
  border-bottom:2px solid #de4cb8;
  margin-bottom:15px;
}
.rfa-games-editorial .games-articles-head h2{
  color:var(--rfa-section-ink)!important;
  font-size:clamp(23px,1.9vw,31px)!important;
}
.rfa-games-editorial .games-articles-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:14px!important;
}
.rfa-games-editorial .games-news-card{
  min-width:0!important;
  aspect-ratio:1.15 / 1!important;
  min-height:max-content!important;
  height:auto!important;
  border-radius:17px!important;
  overflow:hidden!important;
  background:var(--rfa-section-card)!important;
  border:1px solid var(--rfa-section-border)!important;
  color:var(--rfa-section-ink)!important;
  display:flex!important;
  flex-direction:column!important;
}
.rfa-games-editorial .games-news-image{
  width:100%!important;
  height:auto!important;
  aspect-ratio:2.25 / 1!important;
  min-height:0!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
}
.rfa-games-editorial .games-news-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.rfa-games-editorial .games-news-copy{
  display:flex!important;
  flex-direction:column!important;
  flex:1!important;
  padding:12px!important;
  min-width:0!important;
  color:var(--rfa-section-ink)!important;
}
.rfa-games-editorial .games-news-copy h3,
.rfa-games-editorial .games-news-copy h3 a{
  color:var(--rfa-section-ink)!important;
  font-size:clamp(13px,1vw,17px)!important;
  line-height:1.28!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}
.rfa-games-editorial .games-news-copy p{color:var(--rfa-section-muted)!important}
.rfa-games-editorial .games-news-read{margin-top:auto!important;color:#ed208a!important}
.rfa-games-editorial .games-controls,
.rfa-games-editorial .games-widget,
.rfa-games-editorial .rfa-steam-section{
  color:var(--rfa-section-ink)!important;
  border-color:var(--rfa-section-border)!important;
}
body.night .rfa-games-editorial .games-widget,
body.night .rfa-games-editorial .games-controls{
  background:var(--rfa-section-card)!important;
}
@media(max-width:1260px){
  .rfa-games-editorial .games-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:580px){
  .rfa-games-editorial .games-articles-grid{grid-template-columns:minmax(0,1fr)!important}
}

/* Audiences TV : même en-tête, même largeur, même palette, tableaux conservés.
   Le module chiffres reste distinct des tuiles éditoriales. */
body.audiences-page .sky{background:transparent!important;color:inherit!important}
body.audiences-page .sky:before{display:none!important}
body.audiences-page.day{
  background:#fff!important;
  color:#111d41!important;
}
body.audiences-page.night{
  background:#0d1426!important;
  color:#eef3ff!important;
}
body.audiences-page .container,
body.audiences-page .shell{
  width:calc(100% - 36px)!important;
  max-width:1560px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.audiences-page .container{padding-left:0!important;padding-right:0!important}
body.audiences-page .header-content{
  display:grid!important;
  grid-template-columns:minmax(250px,1fr) minmax(300px,1.2fr) max-content max-content!important;
  align-items:center!important;
  column-gap:clamp(10px,1.3vw,21px)!important;
  min-height:86px!important;
  height:auto!important;
}
body.audiences-page .main-header .brand{min-width:0!important}
body.audiences-page .navigation .nav-inner{
  display:flex!important;
  justify-content:space-between!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  min-height:55px!important;
  gap:clamp(4px,.6vw,13px)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none;
}
body.audiences-page .navigation .nav-inner::-webkit-scrollbar{display:none}
body.audiences-page .navigation .nav-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:9px clamp(6px,.75vw,14px)!important;
  border-radius:11px!important;
  white-space:nowrap!important;
  font-size:clamp(12px,.84vw,15px)!important;
  font-weight:820!important;
  color:inherit!important;
}
body.audiences-page .navigation .nav-link.active{
  background:linear-gradient(110deg,#fa3199,#f00073)!important;
  color:#fff!important;
}
body.audiences-page .navigation .rfa-nav-pictogram{
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
}
body.audiences-page.night .navigation .rfa-nav-pictogram{filter:brightness(0) invert(1)!important}
body.audiences-page .aud-hero{
  height:auto!important;
  min-height:160px!important;
  margin-top:16px!important;
  margin-bottom:16px!important;
  border:1px solid #e7def4!important;
  border-radius:19px!important;
  padding:24px!important;
  background:linear-gradient(110deg,#f9eefe,#f6f5ff)!important;
}
body.audiences-page.day .aud-hero{color:#111d41!important}
body.audiences-page .aud-hero:after{opacity:.16!important}
body.audiences-page .hero-title h1{
  font-size:clamp(30px,3vw,45px)!important;
  font-weight:900!important;
  color:inherit!important;
}
body.audiences-page .hero-title p{color:#586580!important}
body.audiences-page.day .hero-filters{color:#111d41!important}
body.audiences-page.day .filter{
  background:#fff!important;
  color:#111d41!important;
  border-color:#d7d6ee!important;
}
body.audiences-page.night .aud-hero{
  background:linear-gradient(115deg,#24264c,#32234e)!important;
  border-color:#435174!important;
  color:#eef3ff!important;
}
body.audiences-page.night .hero-title p{color:#d4d9ed!important}
body.audiences-page.night .filter{
  background:#1d2942!important;
  border-color:#485878!important;
  color:#eef3ff!important;
}
body.audiences-page .panel{border-radius:16px!important}
body.audiences-page.day .panel{border-color:#e9e4f2!important}
body.audiences-page.night .panel{border-color:#354765!important}
body.audiences-page .rank-heading h2,
body.audiences-page .section-heading h2{
  font-size:clamp(17px,1.4vw,22px)!important;
  font-weight:850!important;
}
@media(max-width:1350px){
  body.audiences-page .header-content{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    padding-block:12px!important;
  }
  body.audiences-page .header-content .brand{margin-right:auto!important}
  body.audiences-page .header-content .search{
    order:4!important;
    flex:1 1 100%!important;
    width:100%!important;
    max-width:none!important;
  }
  body.audiences-page .navigation .nav-inner{justify-content:flex-start!important}
}
@media(max-width:840px){
  body.audiences-page .navigation .nav-inner{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    min-height:50px!important;
  }
  body.audiences-page .navigation.open .nav-inner{flex-direction:row!important}
  body.audiences-page .menu-toggle{display:none!important}
  body.audiences-page .aud-hero{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
  body.audiences-page .hero-filters{margin:0!important;display:flex!important;gap:8px!important;width:100%!important}
  body.audiences-page .filter{max-width:100%!important;min-width:0!important}
}
@media(max-width:600px){
  body.audiences-page .container,
  body.audiences-page .shell{width:calc(100% - 24px)!important}
  body.audiences-page .aud-hero{padding:16px!important}
  body.audiences-page .hero-filters{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  body.audiences-page .hero-filters label{min-width:0!important;width:100%!important}
  body.audiences-page .filter{width:100%!important}
  body.audiences-page .header-content .brand{flex:1 1 180px!important}
  body.audiences-page .header-content #community-header{order:1!important}
  body.audiences-page .header-content #theme-toggle{order:2!important}
}

/* Audiences TV — en-tête partagé final */
body.audiences-page.day .main-header,
body.audiences-page.day .topline{background:#fff!important;color:#192648!important}
body.audiences-page.day .navigation{
  background:#fff!important;
  border-bottom:3px solid #a12df0!important;
}
body.audiences-page.night .main-header,
body.audiences-page.night .topline,
body.audiences-page.night .navigation{
  background:#131f34!important;
  color:#edf3ff!important;
}
body.audiences-page .navigation{
  border-image:linear-gradient(90deg,#f834ae,#a22afe,#3978ff) 1!important;
}
body.audiences-page .rfa-header-links{
  display:flex!important;
  align-items:center!important;
  gap:clamp(6px,.75vw,12px)!important;
  min-width:0!important;
  white-space:nowrap!important;
}
body.audiences-page #community-header .rfa-header-latest{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  text-decoration:none!important;
}
body.audiences-page #community-header .rfa-header-bell{
  position:relative!important;
  width:18px!important;
  height:18px!important;
  display:block!important;
  border:2px solid currentColor!important;
  border-radius:11px 11px 5px 5px!important;
  color:#23365f!important;
  transform:translateY(-2px)!important;
}
body.audiences-page #community-header .rfa-header-bell:before{
  content:""!important;
  position:absolute!important;
  top:-6px!important;
  left:5px!important;
  width:4px!important;
  height:4px!important;
  background:currentColor!important;
  border-radius:50%!important;
}
body.audiences-page #community-header .rfa-header-bell:after{
  content:""!important;
  position:absolute!important;
  bottom:-6px!important;
  left:4px!important;
  width:6px!important;
  height:3px!important;
  border-radius:0 0 5px 5px!important;
  background:currentColor!important;
}
body.audiences-page.night #community-header .rfa-header-bell{color:#eaf1ff!important}
body.audiences-page #community-header .rfa-header-latest-dot{
  position:absolute!important;
  top:3px!important;
  right:3px!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#ff1789!important;
}
body.audiences-page #community-header .rfa-header-latest-dot[hidden]{display:none!important}
body.audiences-page #community-header .rfa-header-account{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  font-size:12px!important;
  font-weight:800!important;
  color:inherit!important;
}
body.audiences-page #community-header .rfa-pass-link{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(100deg,#ff2d9d,#ec006a)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
}
body.audiences-page #community-header .rfa-header-crown{
  font-size:18px!important;
  line-height:1!important;
  color:#fff!important;
}
body.audiences-page #community-header .rfa-header-pass-rate{
  font-size:10px!important;
  opacity:.92!important;
  padding-left:6px!important;
  border-left:1px solid rgba(255,255,255,.55)!important;
}
@media(max-width:600px){
  body.audiences-page #community-header .rfa-header-latest{display:none!important}
  body.audiences-page #community-header .rfa-header-pass-rate{display:none!important}
}

/* RFA 2026-11-04 : CHROME STABLE SUR TOUTES LES RUBRIQUES V3 */
/* Le bandeau ne doit PAS dépendre de body:has(.rfa26-home).
   Sinon il se contracte entre la page d'accueil, les archives en chargement,
   les pages d'articles, les jeux et /audiences, puis revient en place. */
html body .main-header,
html body .navigation,
html body .topline {
  font-family:Inter,Arial,Helvetica,sans-serif!important;
}
html body .main-header {font-size:16px!important;line-height:1.48!important}
html body .topline {font-size:12px!important;line-height:1.48!important}
html body .topline-inner {height:31px!important;min-height:31px!important}
html body .main-header .brand {
  display:inline-flex!important;
  align-items:center!important;
  gap:13px!important;
  min-width:0!important;
  flex-shrink:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .main-header .brand-icon{
  position:relative!important;
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  flex:0 0 62px!important;
  transform:rotate(-13deg)!important;
}
html body .main-header .brand-name>span{
  display:block!important;
  font-size:clamp(30px,2.55vw,44px)!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-1.65px!important;
  white-space:nowrap!important;
}
html body .main-header .brand-name small{
  display:block!important;
  font-size:clamp(10px,.9vw,14px)!important;
  font-weight:560!important;
  font-style:italic!important;
  margin-top:5px!important;
  line-height:1.22!important;
  white-space:nowrap!important;
}
html body .main-header .header-content,
html body .navigation .nav-inner,
html body .topline .topline-inner{
  width:calc(100% - 36px)!important;
  max-width:1560px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}
html body .main-header .header-content{
  display:grid!important;
  grid-template-columns:minmax(270px,1fr) minmax(310px,1.2fr) max-content max-content!important;
  align-items:center!important;
  gap:clamp(10px,1.3vw,21px)!important;
  height:auto!important;
  min-height:93px!important;
  padding-block:13px!important;
}
html body .main-header .header-content .search{
  display:flex!important;
  order:initial!important;
  flex:initial!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:50px!important;
  margin:0!important;
  border:2px solid #e2e2f3!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(30,26,93,.05)!important;
}
html body .main-header .search input{font-size:15px!important;min-width:0!important}
html body .main-header #community-header{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 0 auto!important;
  gap:clamp(8px,1vw,16px)!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
  order:initial!important;
}
html body .main-header #community-header>a:not(.rfa-pass-link){
  font-size:14px!important;
  font-weight:800!important;
}
html body .main-header .rfa-header-account-icon{
  display:grid!important;
  place-items:center!important;
  width:37px!important;
  height:37px!important;
  flex:0 0 37px!important;
}
html body .main-header #theme-toggle{
  order:initial!important;
  justify-self:end!important;
  margin:0!important;
}
html body .navigation {
  border-bottom:4px solid transparent!important;
  border-image:linear-gradient(90deg,#f834ae,#a22afe,#3978ff) 1!important;
}
html body .navigation .nav-inner,
html body .navigation.open .nav-inner {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:clamp(5px,.55vw,11px)!important;
  min-height:63px!important;
  height:63px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
html body .navigation .nav-inner::-webkit-scrollbar{display:none!important}
html body .navigation .nav-link {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  height:50px!important;
  min-height:50px!important;
  min-width:max-content!important;
  padding:10px clamp(7px,.74vw,14px)!important;
  font-size:clamp(12px,.94vw,16px)!important;
  font-weight:830!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  border-radius:11px!important;
}
html body .navigation .nav-link.active{
  color:#fff!important;
  background:linear-gradient(105deg,#ff329b,#f00068)!important;
  box-shadow:0 5px 12px rgba(245,21,122,.23)!important;
}
html body .navigation .nav-link.active:after{display:none!important}
html body .navigation .nav-link .rfa-nav-pictogram{
  width:23px!important;
  height:23px!important;
  max-width:23px!important;
  max-height:23px!important;
  flex:0 0 23px!important;
  object-fit:contain!important;
}
/* La largeur principale ne change plus pendant le chargement d'une route. */
html body #app.main-content,
html body.audiences-page .shell{
  width:calc(100% - 36px)!important;
  max-width:1560px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
/* Conserver la même hauteur et le même ordre de lignes aux seuils responsive. */
@media(min-width:1101px) and (max-width:1450px){
  html body .main-header .header-content{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    padding-block:12px!important;
    min-height:93px!important;
  }
  html body .main-header .brand{flex:1 1 auto!important}
  html body .main-header #community-header{margin-left:auto!important;order:1!important}
  html body .main-header #theme-toggle{order:2!important}
  html body .main-header .header-content .search{
    order:3!important;
    flex:1 1 100%!important;
    width:100%!important;
    height:45px!important;
  }
}
@media(max-width:1260px){
  html body .main-header .brand-name>span{font-size:29px!important}
}
@media(max-width:1100px){
  html body .main-header .header-content,
  html body .navigation .nav-inner,
  html body #app.main-content,
  html body.audiences-page .shell{
    width:calc(100% - 28px)!important;
    max-width:100%!important;
  }
  html body .main-header .header-content{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:space-between!important;
    align-items:center!important;
    column-gap:13px!important;
    row-gap:9px!important;
    min-height:0!important;
    height:auto!important;
    padding-block:12px!important;
  }
  html body .main-header .brand{flex:1 1 220px!important;order:0!important}
  html body .main-header .brand-name>span{
    font-size:clamp(25px,3.5vw,33px)!important;
    letter-spacing:-1.25px!important;
  }
  html body .main-header .brand-name small{
    font-size:clamp(9px,1.1vw,12px)!important;
    white-space:normal!important;
  }
  html body .main-header #community-header{
    order:1!important;
    flex:0 0 auto!important;
    gap:9px!important;
    margin:0!important;
  }
  html body .main-header #theme-toggle{order:2!important;flex:0 0 auto!important}
  html body .main-header .header-content .search{
    order:3!important;
    flex:1 1 100%!important;
    height:45px!important;
    border-radius:999px!important;
  }
  html body .main-header .menu-toggle{display:none!important}
  html body .navigation {overflow:hidden!important}
  html body .navigation .nav-inner,
  html body .navigation.open .nav-inner {
    width:calc(100% - 28px)!important;
    display:flex!important;
    justify-content:flex-start!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    min-height:56px!important;
    height:56px!important;
    padding:5px 4px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .navigation .nav-link{
    height:44px!important;
    min-height:44px!important;
    padding:10px 14px!important;
    font-size:14px!important;
  }
}
@media(max-width:600px){
  html body .main-header .header-content,
  html body .navigation .nav-inner,
  html body #app.main-content,
  html body.audiences-page .shell{
    width:calc(100% - 24px)!important;
  }
  html body .main-header .brand-icon{
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
    min-height:39px!important;
    flex:0 0 39px!important;
  }
  html body .main-header .brand-name>span{
    font-size:clamp(20px,5.4vw,25px)!important;
    letter-spacing:-.9px!important;
  }
  html body .main-header .brand-name small{
    font-size:9px!important;
    white-space:normal!important;
  }
  html body .main-header #community-header{
    flex:0 1 auto!important;
    min-width:0!important;
  }
  html body .main-header #community-header .rfa-header-account-label,
  html body .main-header #community-header .rfa-header-pass-rate,
  html body .main-header #community-header .rfa-header-latest{display:none!important}
  html body .main-header .header-content .search{order:3!important}
}
/* La carte doit pouvoir grandir au-delà du ratio si son titre occupe plus
   de lignes : sinon les dates et compteurs sont masqués en bas. */
html body .rfa26-story-grid{
  align-items:stretch!important;
  grid-auto-rows:auto!important;
}
html body .rfa26-story-grid .rfa26-story{
  display:grid!important;
  grid-template-rows:auto minmax(max-content,1fr)!important;
  align-content:start!important;
  aspect-ratio:1.15 / 1!important;
  height:auto!important;
  min-height:max-content!important;
  overflow:hidden!important;
}
html body .rfa26-story-grid .rfa26-story-copy{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:max-content!important;
  flex:1 0 auto!important;
  padding:11px 12px 13px!important;
}
html body .rfa26-story-grid .rfa26-story h3{
  display:block!important;
  flex:0 0 auto!important;
  min-height:max-content!important;
  line-height:1.28!important;
  white-space:normal!important;
  overflow:visible!important;
}
html body .rfa26-story-grid .rfa26-story-meta{
  display:flex!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:6px 10px!important;
  margin-top:auto!important;
  padding-top:5px!important;
}

/* RFA nuit : champ de recherche commun sans fond blanc forcé */
html body.night .main-header .header-content .search{
  background:#22304a!important;
  border-color:#4a5772!important;
  color:#eef3ff!important;
  box-shadow:none!important;
}
html body.night .main-header .search input,
html body.night .main-header .search button{
  background:transparent!important;
  color:#eef3ff!important;
}
html body.night .main-header .search input::placeholder{color:#a8bbda!important}

/* RFA V4 — EN-TÊTE IMMOBILE, COMMUN À TOUTES LES ROUTES */
/* La grille est calculée uniquement à partir de la fenêtre, jamais du
   contenu de #app, de l'état de connexion ou de la rubrique affichée. */
html body .main-header .header-content,
html body.audiences-page .main-header .header-content {
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:initial!important;
  align-content:center!important;
  min-height:93px!important;
  max-width:1560px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body .main-header .header-content > .brand,
html body.audiences-page .main-header .header-content > .brand{
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  order:initial!important;
}
html body .main-header #community-header,
html body.audiences-page .main-header #community-header{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  width:344px!important;
  min-width:344px!important;
  max-width:344px!important;
  flex:0 0 344px!important;
  gap:7px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  order:initial!important;
}
html body .main-header #community-header .rfa-header-latest,
html body.audiences-page .main-header #community-header .rfa-header-latest{
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
}
html body .main-header #community-header .rfa-header-account,
html body.audiences-page .main-header #community-header .rfa-header-account{
  display:flex!important;
  align-items:center!important;
  flex:0 0 132px!important;
  width:132px!important;
  min-width:132px!important;
  max-width:132px!important;
  gap:7px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
html body .main-header #community-header .rfa-header-account-icon,
html body.audiences-page .main-header #community-header .rfa-header-account-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 37px!important;
  width:37px!important;
  height:37px!important;
}
html body .main-header #community-header .rfa-header-account-label,
html body.audiences-page .main-header #community-header .rfa-header-account-label{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
html body .main-header #community-header .rfa-pass-link,
html body.audiences-page .main-header #community-header .rfa-pass-link{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 148px!important;
  width:148px!important;
  min-width:148px!important;
  max-width:148px!important;
  height:43px!important;
  min-height:43px!important;
  max-height:43px!important;
  padding:8px 9px!important;
  gap:5px!important;
  font-size:12px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
html body .main-header #community-header .rfa-pass-title,
html body.audiences-page .main-header #community-header .rfa-pass-title{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  flex:0 1 auto!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
html body .main-header #community-header .rfa-header-pass-rate[hidden],
html body.audiences-page .main-header #community-header .rfa-header-pass-rate[hidden]{
  display:none!important;
}
html body .main-header .header-content > #theme-toggle,
html body.audiences-page .main-header .header-content > #theme-toggle{
  flex:0 0 auto!important;
  justify-self:end!important;
  margin:0!important;
  order:initial!important;
}
html body .main-header .header-content > .search,
html body.audiences-page .main-header .header-content > .search{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  flex:initial!important;
  order:initial!important;
}
@media(min-width:1181px){
  html body .main-header .header-content,
  html body.audiences-page .main-header .header-content{
    display:grid!important;
    grid-template-columns:minmax(300px,1fr) minmax(220px,1.15fr) 344px 74px!important;
    grid-template-rows:minmax(67px,auto)!important;
    column-gap:clamp(9px,.8vw,16px)!important;
    row-gap:0!important;
    padding-block:13px!important;
    height:auto!important;
  }
  html body .main-header .header-content > .brand{grid-area:1 / 1!important}
  html body .main-header .header-content > .search{grid-area:1 / 2!important;height:50px!important}
  html body .main-header .header-content > #community-header{grid-area:1 / 3!important}
  html body .main-header .header-content > #theme-toggle{grid-area:1 / 4!important}
  html body .main-header .header-content > .menu-toggle{display:none!important}
}
@media(min-width:861px) and (max-width:1180px){
  html body .main-header .header-content,
  html body.audiences-page .main-header .header-content{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 344px 74px!important;
    grid-template-rows:minmax(62px,auto) 45px!important;
    column-gap:12px!important;
    row-gap:8px!important;
    padding-block:11px!important;
    height:auto!important;
  }
  html body .main-header .header-content > .brand{grid-area:1 / 1!important}
  html body .main-header .header-content > #community-header{grid-area:1 / 2!important}
  html body .main-header .header-content > #theme-toggle{grid-area:1 / 3!important}
  html body .main-header .header-content > .search{
    grid-area:2 / 1 / 3 / 4!important;
    height:45px!important;
  }
  html body .main-header .header-content > .menu-toggle{display:none!important}
  html body .main-header .brand-name>span{font-size:clamp(25px,3vw,33px)!important}
}
@media(max-width:860px){
  html body .main-header .header-content,
  html body.audiences-page .main-header .header-content{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-rows:auto auto 43px!important;
    column-gap:9px!important;
    row-gap:7px!important;
    padding-block:10px!important;
    min-height:0!important;
    height:auto!important;
  }
  html body .main-header .header-content > .brand{
    grid-area:1 / 1!important;
    min-width:0!important;
    flex:none!important;
  }
  html body .main-header .header-content > #theme-toggle{
    grid-area:1 / 2!important;
  }
  html body .main-header .header-content > #community-header,
  html body.audiences-page .main-header .header-content > #community-header{
    grid-area:2 / 1 / 3 / 3!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    justify-content:flex-end!important;
    gap:10px!important;
  }
  html body .main-header .header-content > .search{
    grid-area:3 / 1 / 4 / 3!important;
    height:43px!important;
  }
  html body .main-header .header-content > .menu-toggle{display:none!important}
  html body .main-header #community-header .rfa-header-account,
  html body.audiences-page .main-header #community-header .rfa-header-account{
    flex-basis:40px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
  }
  html body .main-header #community-header .rfa-header-account-label,
  html body.audiences-page .main-header #community-header .rfa-header-account-label{display:none!important}
  html body .main-header #community-header .rfa-pass-link,
  html body.audiences-page .main-header #community-header .rfa-pass-link{
    flex-basis:138px!important;
    width:138px!important;
    min-width:138px!important;
    max-width:138px!important;
  }
  html body .main-header #community-header .rfa-header-pass-rate,
  html body.audiences-page .main-header #community-header .rfa-header-pass-rate{display:none!important}
  html body .main-header #community-header .rfa-header-latest,
  html body.audiences-page .main-header #community-header .rfa-header-latest{
    display:grid!important;
    flex-basis:34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
  }
}

@media(min-width:651px) and (max-width:860px){
  /* Tablette compacte : les contrôles occupent leur rangée propre,
     avec le libellé Mon compte visible comme sur ordinateur. */
  html body .main-header #community-header,
  html body.audiences-page .main-header #community-header{
    justify-content:space-between!important;
    width:344px!important;
    min-width:344px!important;
    max-width:344px!important;
  }
  html body .main-header #community-header .rfa-header-account{
    flex-basis:132px!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
  }
  html body .main-header #community-header .rfa-header-account-label{
    display:block!important;
  }
  html body .main-header #community-header .rfa-pass-link{
    flex-basis:148px!important;
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
  }
  html body .main-header #community-header .rfa-header-pass-rate:not([hidden]){
    display:inline!important;
  }
}


/* RFA 2026-11-05 — TABLETTE : HEADER DEUX RANGÉES V5 */
/* La marque, les commandes et le thème tiennent sur une seule rangée.
   Recherche sur la suivante. Aucun changement au logo, ni par rubrique. */
@media(min-width:741px) and (max-width:860px){
  html body .main-header .header-content,
  html body.audiences-page .main-header .header-content{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 344px 60px!important;
    grid-template-rows:67px 45px!important;
    column-gap:8px!important;
    row-gap:5px!important;
    min-height:0!important;
    height:auto!important;
    padding-block:7px!important;
    align-content:center!important;
  }
  html body .main-header .header-content > .brand,
  html body.audiences-page .main-header .header-content > .brand{
    grid-area:1 / 1!important;
    min-width:0!important;
    align-self:center!important;
  }
  html body .main-header .brand-icon{
    width:54px!important;
    min-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    flex:0 0 54px!important;
  }
  html body .main-header .brand-name>span{
    font-size:clamp(24px,3.45vw,29px)!important;
    letter-spacing:-1.1px!important;
  }
  html body .main-header .brand-name small{
    font-size:10px!important;
    white-space:nowrap!important;
  }
  html body .main-header .header-content > #community-header,
  html body.audiences-page .main-header .header-content > #community-header{
    grid-area:1 / 2!important;
    width:344px!important;
    min-width:344px!important;
    max-width:344px!important;
    flex:0 0 344px!important;
    margin:0!important;
    justify-content:space-between!important;
  }
  html body .main-header .header-content > #theme-toggle,
  html body.audiences-page .main-header .header-content > #theme-toggle{
    grid-area:1 / 3!important;
    justify-self:end!important;
    margin:0!important;
  }
  html body .main-header .header-content > .search,
  html body.audiences-page .main-header .header-content > .search{
    grid-area:2 / 1 / 3 / 4!important;
    height:45px!important;
    margin:0!important;
  }
  html body .main-header .header-content > .menu-toggle{display:none!important}
}

/* RFA 2026-11-05 : contraste des icônes de navigation actives */
html body .navigation .nav-link.active .rfa-nav-pictogram{filter:brightness(0) invert(1)!important;opacity:1!important}

/* RFA 2026-11-05 : rubrique avec un seul article secondaire */
/* Une carte solitaire n'est plus réduite à la largeur d'une vignette :
   sa présentation gagne en lisibilité sans réutiliser l'article principal. */
@media(min-width:861px){
  html body #app .rfa-section-page .rfa26-story-grid:has(> .rfa26-story:only-child){
    display:grid!important;
    grid-template-columns:minmax(0,min(380px,100%))!important;
    justify-content:start!important;
  }
  html body #app .rfa-section-page .rfa26-story-grid:has(> .rfa26-story:only-child) > .rfa26-story{
    width:100%!important;
    max-width:380px!important;
    aspect-ratio:auto!important;
  }
}