/* RFA — feuille unique de l'accueil desktop, 02/11/2026.
   Base cumulative, équivalente à l'ordre précédent; à nettoyer progressivement
   dans cette seule feuille après validation visuelle réelle.
   Les anciennes feuilles restent dans l'historique mais ne sont plus chargées.
   Aucun SVG, aucune fausse donnée et aucune image découpée de la maquette.
*/

/* === couche historique 1 : static/rfa_home_layout.css === */
/* Accueil Rétro Flash Actu : audiences et une à 50/50. */
body #app .rfa-home-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;margin:0 0 28px}
body #app .rfa-home-feature{min-width:0}
body #app .rfa-home-feature-audience .audience-home{margin:0;height:100%;padding:17px;border-top:4px solid #f32289;box-shadow:0 8px 24px #19265a0a}
body #app .rfa-home-feature-audience .audience-home-head{align-items:flex-start;gap:8px;flex-wrap:wrap}
body #app .rfa-home-feature-audience .audience-home-head h2{font-size:clamp(18px,1.7vw,22px)}
body #app .rfa-home-feature-audience .audience-home-head h2 span{font-size:12px}
body #app .rfa-home-feature-audience .audience-home-head a{font-size:11px}
body #app .rfa-home-feature-audience .audience-bars{gap:13px;margin:15px 0}
body #app .rfa-home-feature-audience .audience-line{display:grid;grid-template-columns:20px minmax(0,1fr) 75px;gap:8px;align-items:center}
body #app .rfa-home-feature-audience .audience-trend{grid-column:3;grid-row:2;text-align:right;font-size:10px}
body #app .rfa-home-feature-audience .audience-count b{font-size:13px}
body #app .rfa-home-feature-audience .audience-line-top{font-size:11px;gap:5px}
body #app .rfa-home-feature-audience .audience-bar-track{height:10px}
body #app .rfa-home-feature-audience .audience-toggle-row{margin-top:14px;padding-top:13px}
body #app .rfa-home-feature-headline{border:1px solid #e8e7f5;border-top:4px solid #ef2489;border-radius:15px;padding:17px 17px 10px;background:var(--white,#fff);box-shadow:0 8px 24px #19265a0a}
body #app .rfa-home-feature-headline > .section-heading{margin:0 0 13px;padding:0;border:0}
body #app .rfa-home-feature-headline > .section-heading h2{font-size:clamp(20px,1.9vw,26px)}
body #app .rfa-home-feature-headline .rfa-headline-carousel{container-type:inline-size}
body #app .rfa-home-feature-headline .rfa-carousel-stage{width:100%;min-width:0}
body #app .rfa-home-feature-headline .rfa-carousel-slide[hidden]{display:none!important}
body #app .rfa-home-feature-headline .rfa-carousel-slide{width:100%;min-width:0;animation:none!important}
body #app .rfa-home-feature-headline .rfa-headline-carousel .hero{display:flex!important;flex-direction:column!important;gap:0!important;margin:0;padding:0!important;border:0!important;min-height:0!important;animation:none!important;transform:none!important}
body #app .rfa-home-feature-headline .hero-img{flex:none!important;aspect-ratio:16/9!important;width:100%!important;overflow:hidden;min-height:0!important;border-radius:10px!important}
body #app .rfa-home-feature-headline .hero-img img{transition:none!important;transform:none!important}
body #app .rfa-home-feature-headline .hero-text{display:flex!important;flex-direction:column;justify-content:flex-start!important;box-sizing:border-box;height:190px!important;min-height:190px!important;max-height:190px!important;overflow:hidden;padding:12px 1px 0!important}
body #app .rfa-home-feature-headline .hero-text .eyebrow{font-size:10px;line-height:1.25}
body #app .rfa-home-feature-headline .hero h1{font-size:clamp(17px,1.55vw,22px)!important;line-height:1.17!important;letter-spacing:-.4px!important;margin:6px 0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body #app .rfa-home-feature-headline .hero-text p{margin:0 0 5px!important;font-size:12px!important;line-height:1.35!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:33px!important}
body #app .rfa-home-feature-headline .hero-text .read-more{margin-top:auto;font-size:12px!important;flex:none}
body #app .rfa-home-feature-headline .hero-text .date{font-size:10px!important;margin-top:4px!important;flex:none}
body #app .rfa-home-feature-headline .rfa-carousel-dots{margin:2px 0 0!important;min-height:27px!important}
body #app .rfa-home-feature-headline .rfa-carousel-dot{width:31px;height:27px}
body #app .rfa-home-feature-headline .rfa-carousel-touch-controls{top:28.125cqw!important;left:10px!important;right:10px!important;width:auto!important}
body #app .rfa-home-feature-headline .rfa-carousel-touch-hint{margin:0!important;font-size:10px}
/* Derniers articles : une entrée par ligne, pas de carrousel horizontal. */
body #app .rfa-home-latest-section{margin-top:14px;min-width:0}
body #app .rfa-home-latest-section > .section-heading{margin:0 0 12px}
body #app .rfa-home-latest-section .rfa-latest-grid{display:block!important;grid-template-columns:none!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;margin:0!important;touch-action:auto!important}
body #app .rfa-home-latest-section .rfa-latest-grid .article-row{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:18px!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;flex:none!important;scroll-snap-align:none!important;padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
body #app .rfa-home-latest-section .rfa-latest-grid .row-image{display:block!important;aspect-ratio:16/9!important;height:auto!important;width:100%!important;border-radius:9px!important;min-height:0!important}
body #app .rfa-home-latest-section .rfa-latest-grid .row-copy{padding:0!important}
body #app .rfa-home-latest-section .rfa-latest-grid .row-copy h3{font-size:clamp(17px,1.5vw,21px);line-height:1.3;margin:5px 0 7px}
body #app .rfa-home-latest-section .rfa-latest-grid .row-copy p{display:block;font-size:13px;line-height:1.48}
body #app .rfa-home-latest-section .rfa-latest-touch-controls{display:none!important}
body.night #app .rfa-home-feature-headline{background:#1b2944;border-color:#354563}
@media(max-width:900px){body #app .rfa-home-feature-grid{grid-template-columns:minmax(0,1fr);gap:18px}body #app .rfa-home-feature-audience .audience-home{height:auto}}
@media(max-width:640px){body #app .rfa-home-feature-grid{gap:15px;margin-bottom:24px}body #app .rfa-home-feature-audience .audience-line{grid-template-columns:18px minmax(0,1fr) 66px;gap:7px}body #app .rfa-home-feature-headline{padding:14px 13px 9px}body #app .rfa-home-feature-headline .hero h1{font-size:19px!important}body #app .rfa-home-latest-section .rfa-latest-grid .article-row{grid-template-columns:112px minmax(0,1fr)!important;gap:12px!important;padding:13px 0!important}body #app .rfa-home-latest-section .rfa-latest-grid .row-copy h3{font-size:15px;line-height:1.3;margin:4px 0 0}body #app .rfa-home-latest-section .rfa-latest-grid .row-copy p{display:none}body #app .rfa-home-latest-section .rfa-latest-grid .meta{font-size:10px;gap:5px}}
@media(prefers-reduced-motion:reduce){body #app .rfa-home-feature-headline .rfa-headline-carousel *{animation:none!important;transition:none!important}}

/* Sur les téléphones, la légende reste aussi moins haute que la photo 16:9. */
@media(max-width:640px){
 body #app .rfa-home-feature-headline .hero-text{
   height:min(190px,56.25cqw)!important;min-height:0!important;
   max-height:min(190px,56.25cqw)!important
 }
 body #app .rfa-home-feature-headline .hero h1{-webkit-line-clamp:2}
 body #app .rfa-home-feature-headline .hero-text p{-webkit-line-clamp:1}
}


/* === couche historique 2 : static/rfa_home_reference_20261102.css === */
/* RETRO FLASH ACTU — Accueil Pop Flash • reference maquette fusion 1+6
   Seul l'accueil est concerne. Garder les pages articles, rubriques et comptes.
   Visuels editoriaux reels, pas de mockups decoupes; aucun SVG ajoute. */
body #app .rfa-pop-home{
 --pop-ink:#121b4b; --pop-pink:#f72188; --pop-violet:#7927dd;
 --pop-blue:#1979ee; --pop-orange:#ff923e; --pop-aqua:#06b8cb;
 color:var(--pop-ink);position:relative;
}
body #app:has(.rfa-pop-home){max-width:1500px;width:100%;padding-inline:26px}
body #app .rfa-pop-home *{box-sizing:border-box}
body #app .rfa-pop-home a{transition:color .16s,filter .16s}
body #app .rfa-pop-home a:focus-visible,
body #app .rfa-pop-home button:focus-visible{outline:3px solid #3a62ee;outline-offset:3px}
body #app .rfa-pop-home .rfa-pop-hero-grid{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 gap:16px;align-items:stretch;margin:2px 0 12px
}
body #app .rfa-pop-home .rfa-pop-lead{min-width:0;display:flex;flex-direction:column;gap:14px}
body #app .rfa-pop-home .rfa-pop-lead .rfa-headline-carousel{
 margin:0;min-width:0;flex:1;position:relative;
 border-radius:23px;overflow:hidden;
 box-shadow:0 9px 26px rgba(42,14,91,.09)
}
body #app .rfa-pop-home .rfa-carousel-stage{
 height:100%;min-height:385px;position:relative;overflow:hidden
}
body #app .rfa-pop-home .rfa-carousel-slide{height:100%;width:100%;min-height:385px}
body #app .rfa-pop-home .rfa-carousel-slide[hidden]{display:none!important}
body #app .rfa-pop-home .rfa-headline-carousel .hero{
 width:100%;height:100%;min-height:385px!important;
 position:relative;display:block!important;border:0!important;
 padding:0!important;margin:0!important;gap:0!important;
 background:#280c65
}
body #app .rfa-pop-home .rfa-headline-carousel .hero-img{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;min-height:0!important;
 border-radius:0!important;overflow:hidden!important;aspect-ratio:auto!important
}
body #app .rfa-pop-home .hero-img img{
 position:absolute;inset:0;width:100%!important;height:100%!important;
 object-fit:cover!important;object-position:50% 33%;transform:none!important;
 transition:none!important;display:block
}
body #app .rfa-pop-home .hero-image-overlay{
 position:absolute;inset:0!important;background:
 linear-gradient(90deg,rgba(18,8,53,.9),rgba(42,10,72,.61) 47%,rgba(28,7,60,.06) 83%)!important
}
body #app .rfa-pop-home .hero-tag{
 left:24px!important;top:22px!important;bottom:auto!important;
 background:#f5248c!important;color:#fff;font-weight:900;
 border-radius:40px!important;padding:7px 16px!important;font-size:11px!important
}
body #app .rfa-pop-home .hero-text{
 position:absolute!important;left:0;bottom:0;top:0;z-index:2;
 width:80%;max-width:510px;height:100%!important;max-height:none!important;
 min-height:0!important;overflow:hidden!important;
 display:flex!important;align-items:flex-start!important;justify-content:center!important;
 flex-direction:column!important;padding:56px 25px 41px!important;
 background:transparent!important;color:#fff!important
}
body #app .rfa-pop-home .hero-text .eyebrow{
 display:none!important
}
body #app .rfa-pop-home .hero h1{
 font-size:clamp(25px,2.6vw,38px)!important;color:#fff!important;
 line-height:1.12!important;letter-spacing:-.9px!important;font-weight:900;
 margin:8px 0 13px!important;display:-webkit-box;-webkit-line-clamp:4;
 -webkit-box-orient:vertical;overflow:hidden!important
}
body #app .rfa-pop-home .hero h1 a{color:inherit!important}
body #app .rfa-pop-home .hero-text p{
 font-size:clamp(12px,1.15vw,15px)!important;line-height:1.45!important;
 max-height:none!important;display:-webkit-box;-webkit-line-clamp:3;
 -webkit-box-orient:vertical;overflow:hidden!important;
 color:#fbebff!important;margin:0 0 22px!important
}
body #app .rfa-pop-home .hero .read-more{
 margin:0!important;border-radius:40px!important;
 display:inline-flex;align-items:center;gap:8px;
 padding:11px 17px!important;background:#fff!important;
 color:#e6157d!important;font-size:13px!important;
 font-weight:900!important;box-shadow:0 6px 19px rgba(10,6,40,.15)
}
body #app .rfa-pop-home .hero-text .date{display:none!important}
body #app .rfa-pop-home .rfa-carousel-dots{
 position:absolute!important;bottom:8px;z-index:5;
 left:0;right:0;margin:0!important;min-height:27px!important;
 display:flex;justify-content:center;align-items:center
}
body #app .rfa-pop-home .rfa-carousel-dot{width:33px;height:32px}
body #app .rfa-pop-home .rfa-carousel-dot .rfa-carousel-indicator{
 background:#f7d8ec!important;width:10px;height:10px;border-radius:12px
}
body #app .rfa-pop-home .rfa-carousel-dot[aria-selected="true"] .rfa-carousel-indicator{
 background:#fa2489!important;width:24px
}
body #app .rfa-pop-home .rfa-carousel-touch-controls{
 z-index:6!important;top:50%!important;left:7px!important;right:7px!important;
 transform:translateY(-50%);pointer-events:none
}
body #app .rfa-pop-home .rfa-carousel-touch-controls button{pointer-events:auto}
body #app .rfa-pop-home .rfa-carousel-touch-hint{display:none!important}
/* Rubriques miniatures colorees directement sous l'image. */
body #app .rfa-pop-home .rfa-pop-quicknav{
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;
 min-width:0;width:100%;margin:0
}
body #app .rfa-pop-home .rfa-pop-quick-link{
 display:flex;flex-direction:column;align-items:center;justify-content:space-between;
 gap:10px;padding:12px 6px 9px;min-width:0;min-height:107px;border:0;
 border-radius:13px;text-align:center;color:#fff!important;
 box-shadow:0 4px 12px rgba(31,18,72,.08);
 text-decoration:none!important;overflow:hidden
}
body #app .rfa-pop-home .rfa-pop-quick-link:hover{filter:brightness(1.06)}
body #app .rfa-pop-home .rfa-pop-quick-link strong{
 font-size:12px;font-weight:850;letter-spacing:-.2px;line-height:1.2
}
body #app .rfa-pop-home .rfa-pop-quick-link .rfa-pop-symbol{
 font-size:39px;line-height:1.1;filter:drop-shadow(0 4px 5px rgba(0,0,0,.12))
}
body #app .rfa-pop-home .rfa-pop-q-tv{background:linear-gradient(130deg,#b52bed,#6823df)}
body #app .rfa-pop-home .rfa-pop-q-people{background:linear-gradient(130deg,#ff238e,#ec1c78)}
body #app .rfa-pop-home .rfa-pop-q-movie{background:linear-gradient(130deg,#ffb547,#ff6d2a)}
body #app .rfa-pop-home .rfa-pop-q-game{background:linear-gradient(130deg,#27bdff,#1162ed)}
body #app .rfa-pop-home .rfa-pop-q-social{background:linear-gradient(130deg,#18d1dc,#009bc0)}
/* Bloc audiences TV 50 %, riche en graphiques, couleurs lisibles. */
body #app .rfa-pop-home .rfa-pop-tv{
 border-radius:23px;overflow:hidden;border:5px solid #ed9ce9;
 padding:12px;background:linear-gradient(140deg,#fc9acb 0%,#ad4cf6 50%,#f18cc9 100%);
 box-shadow:0 10px 28px rgba(136,33,179,.14);
 min-width:0;display:flex;flex-direction:column;gap:8px
}
body #app .rfa-pop-home .rfa-pop-tv-heading{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 color:#fff;padding:4px 6px 6px
}
body #app .rfa-pop-home .rfa-pop-tv-heading h2{
 margin:0;color:#fff;font-size:clamp(24px,2.3vw,34px);
 line-height:1.1;letter-spacing:-1px;font-weight:900
}
body #app .rfa-pop-home .rfa-pop-tv-heading p{color:#fff;margin:3px 0 0;font-size:12px}
body #app .rfa-pop-home .rfa-pop-tv-heading a{
 display:inline-flex;white-space:nowrap;border-radius:22px;background:#fff;
 font-size:11px;font-weight:850;padding:8px 12px;color:#e51583!important
}
body #app .rfa-pop-home .rfa-pop-tv-inside{
 flex:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(165px,.92fr);
 gap:9px;min-height:0
}
body #app .rfa-pop-home .rfa-pop-tv-main,
body #app .rfa-pop-home .rfa-pop-tv-metric,
body #app .rfa-pop-home .rfa-pop-tv-history{
 background:#fff;border-radius:14px;min-width:0;
 box-shadow:0 3px 11px rgba(78,18,95,.06)
}
body #app .rfa-pop-home .rfa-pop-tv-main{padding:14px 14px 12px}
body #app .rfa-pop-home .rfa-pop-tv-main h3{
 font-size:15px;font-weight:900;margin:0 0 10px;color:var(--pop-ink)
}
body #app .rfa-pop-home .rfa-pop-ranking{
 display:grid;gap:8px;list-style:none;padding:0;margin:0
}
body #app .rfa-pop-home .rfa-pop-rank{
 display:grid;grid-template-columns:27px minmax(0,1fr) auto;
 gap:7px;align-items:center;padding-bottom:7px;
 border-bottom:1px solid #f0e7f3;min-width:0
}
body #app .rfa-pop-home .rfa-pop-rank:last-child{border:0;padding-bottom:0}
body #app .rfa-pop-home .rfa-pop-rank-no{
 display:grid;place-items:center;width:25px;height:25px;
 border-radius:50%;background:#f9258e;color:#fff;
 font-size:13px;font-weight:900
}
body #app .rfa-pop-home .rfa-pop-rank:nth-child(2) .rfa-pop-rank-no{background:#8439da}
body #app .rfa-pop-home .rfa-pop-rank:nth-child(3) .rfa-pop-rank-no{background:#ff8735}
body #app .rfa-pop-home .rfa-pop-rank-info{min-width:0}
body #app .rfa-pop-home .rfa-pop-rank-info b{
 display:block;font-size:11px;font-weight:900;color:var(--pop-ink);
 line-height:1.24
}
body #app .rfa-pop-home .rfa-pop-rank-info span{
 display:block;font-size:10px;color:#57607a;line-height:1.2;
 white-space:nowrap;text-overflow:ellipsis;overflow:hidden
}
body #app .rfa-pop-home .rfa-pop-rank-bar{
 height:8px;overflow:hidden;border-radius:10px;background:#eee9f4;margin-top:5px
}
body #app .rfa-pop-home .rfa-pop-rank-bar i{
 display:block;height:100%;width:var(--bar-size);
 border-radius:10px;background:var(--bar-color)
}
body #app .rfa-pop-home .rfa-pop-rank-value{
 text-align:right;white-space:nowrap;font-size:13px;
 font-weight:900;line-height:1.2;color:var(--pop-ink)
}
body #app .rfa-pop-home .rfa-pop-rank-value small{
 display:block;font-size:10px;color:#69728e;font-weight:650
}
body #app .rfa-pop-home .rfa-pop-tv-aside{
 display:flex;flex-direction:column;gap:8px;min-width:0
}
body #app .rfa-pop-home .rfa-pop-tv-metric{
 flex:1;padding:10px 12px;text-align:center;min-width:0
}
body #app .rfa-pop-home .rfa-pop-tv-metric .rfa-pop-metric-title{
 font-size:11px;font-weight:850;display:block;color:#29314c
}
body #app .rfa-pop-home .rfa-pop-metric-value{
 display:block;font-size:clamp(22px,2.4vw,33px);
 line-height:1.05;color:#f1278a;font-weight:900;margin:5px 0
}
body #app .rfa-pop-home .rfa-pop-metric-value.positive{color:#0b9b65}
body #app .rfa-pop-home .rfa-pop-metric-value.negative{color:#db3154}
body #app .rfa-pop-home .rfa-pop-tv-metric p{
 margin:4px 0 0;font-size:10px;line-height:1.25;color:#5c6380
}
body #app .rfa-pop-home .rfa-pop-share-display{
 display:flex;align-items:center;justify-content:center;gap:9px;
 min-width:0;margin-top:8px
}
body #app .rfa-pop-home .rfa-pop-share-ring{
 width:78px;height:78px;flex:0 0 78px;border-radius:50%;
 display:grid;place-items:center;position:relative;
 background:conic-gradient(#8f38db var(--share-deg),#e8e5f2 0)
}
body #app .rfa-pop-home .rfa-pop-share-ring::before{
 content:"";position:absolute;inset:12px;background:white;border-radius:50%
}
body #app .rfa-pop-home .rfa-pop-share-ring strong{
 position:relative;z-index:1;color:var(--pop-ink);
 font-size:16px;font-weight:900
}
body #app .rfa-pop-home .rfa-pop-share-copy{
 font-size:11px;font-weight:850;color:#323c69;line-height:1.4
}
body #app .rfa-pop-home .rfa-pop-tv-history{
 min-height:101px;padding:8px 12px
}
body #app .rfa-pop-home .rfa-pop-tv-history h3{
 margin:0 0 4px;font-size:12px;font-weight:850;color:#283268
}
body #app .rfa-pop-home .rfa-pop-tv-history canvas{
 display:block;width:100%;height:70px
}
body #app .rfa-pop-home .rfa-pop-no-history{
 color:#66708c;font-size:11px;line-height:1.4;padding:10px 0
}
/* Magaz ine : trois colonnes sous le grand bandeau. */
body #app .rfa-pop-home .rfa-pop-bottom{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.83fr);
 gap:17px;align-items:start;margin-top:19px
}
body #app .rfa-pop-home .rfa-pop-column{min-width:0;display:flex;flex-direction:column;gap:12px}
body #app .rfa-pop-home .rfa-pop-section-heading{
 display:flex;align-items:center;gap:10px;justify-content:space-between;
 min-height:39px;margin:0 0 1px
}
body #app .rfa-pop-home .rfa-pop-section-heading h2{
 font-size:clamp(20px,1.65vw,25px);font-weight:900;
 letter-spacing:-.6px;line-height:1.1;
 color:var(--pop-ink);margin:0
}
body #app .rfa-pop-home .rfa-pop-section-heading a{
 color:#fa1380;font-weight:850;font-size:12px;white-space:nowrap
}
body #app .rfa-pop-home .rfa-pop-mini-feed{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:11px
}
body #app .rfa-pop-home .rfa-pop-news-card{
 display:flex;min-width:0;min-height:142px;
 flex-direction:row;align-items:stretch;gap:9px;
 overflow:hidden;background:#fff;border:1px solid #e5e6f4;border-radius:13px;
 box-shadow:0 4px 11px rgba(22,30,90,.05)
}
body #app .rfa-pop-home .rfa-pop-news-thumb{
 position:relative;display:block;flex:0 0 40%;
 max-width:40%;min-width:0;overflow:hidden;
 background:linear-gradient(140deg,#c788ee,#e940a1);
}
body #app .rfa-pop-home .rfa-pop-news-thumb img{
 width:100%;height:100%;object-fit:cover;display:block
}
body #app .rfa-pop-home .rfa-pop-news-info{
 flex:1;min-width:0;padding:9px 7px 9px 0;
 display:flex;flex-direction:column;align-items:start;gap:6px
}
body #app .rfa-pop-home .rfa-pop-news-info .tag{
 display:inline-block;max-width:100%;font-size:10px;font-weight:900;
 border-radius:20px;color:#fff!important;background:#f42686;
 padding:4px 8px;white-space:nowrap
}
body #app .rfa-pop-home .rfa-pop-news-info h3{
 margin:0;color:var(--pop-ink);font-size:clamp(12px,1.02vw,15px);
 line-height:1.25;font-weight:850;
 display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;
 overflow:hidden;overflow-wrap:break-word
}
body #app .rfa-pop-home .rfa-pop-news-info small{
 color:#64718b;font-size:10px;margin-top:auto
}
body #app .rfa-pop-home .rfa-pop-retro-banner{
 min-height:193px;border-radius:15px;overflow:hidden;position:relative;
 isolation:isolate;padding:21px 24px 18px;
 display:flex;justify-content:center;align-items:center;flex-direction:column;
 background:radial-gradient(circle at 88% 24%,#f853e5 0,#f853e500 32%),
 linear-gradient(135deg,#6124ec 0%,#a426e6 46%,#f02fa9 100%);
 color:#fff;box-shadow:0 7px 20px #b62ac329;text-align:center
}
body #app .rfa-pop-home .rfa-pop-retro-banner::before{
 content:"";position:absolute;inset:0;z-index:-1;
 opacity:.16;background-image:radial-gradient(#fff 2px,transparent 3px);
 background-size:19px 19px
}
body #app .rfa-pop-home .rfa-pop-retro-mark{
 font-size:44px;line-height:1;display:block;transform:rotate(-12deg);
 filter:drop-shadow(0 3px 5px #361055)
}
body #app .rfa-pop-home .rfa-pop-retro-banner h2{
 font-weight:1000;font-style:italic;font-size:clamp(35px,4.1vw,63px);
 letter-spacing:-3px;line-height:.99;color:white;
 margin:6px 0 5px;text-shadow:4px 5px 0 #361578
}
body #app .rfa-pop-home .rfa-pop-retro-banner p{
 font-size:13px;font-weight:800;margin:3px 0 10px;color:#fff5ae
}
body #app .rfa-pop-home .rfa-pop-retro-banner a{
 border-radius:24px;background:#fff;padding:9px 17px;font-size:12px;
 font-weight:900;color:#ef1388!important
}
body #app .rfa-pop-home .rfa-pop-week-panel{
 border:1px solid #e6dcff;border-radius:14px;
 overflow:hidden;background:#fff
}
body #app .rfa-pop-home .rfa-pop-week-panel h2{
 margin:0;padding:8px 13px;color:#fff;
 font-size:17px;font-weight:900;
 background:linear-gradient(105deg,#7627de,#b22cef)
}
body #app .rfa-pop-home .rfa-pop-week-list{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px
}
body #app .rfa-pop-home .rfa-pop-week-card{display:block;min-width:0;color:var(--pop-ink)!important}
body #app .rfa-pop-home .rfa-pop-week-image{
 border-radius:8px;display:block;aspect-ratio:1.6;
 overflow:hidden;background:#e9d9ff
}
body #app .rfa-pop-home .rfa-pop-week-image img{width:100%;height:100%;object-fit:cover}
body #app .rfa-pop-home .rfa-pop-week-card strong{
 display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
 overflow:hidden;font-size:10.5px;line-height:1.25;margin-top:6px
}
body #app .rfa-pop-home .rfa-pop-side-popular{
 padding:16px;border-radius:15px;background:#fff3f8;
 border:1px solid #fde1ef
}
body #app .rfa-pop-home .rfa-pop-side-popular h2{
 font-size:22px;margin:0 0 11px;letter-spacing:-.5px
}
body #app .rfa-pop-home .rfa-pop-side-popular .popular{
 font-size:12px;line-height:1.3;padding:12px 0;
 gap:9px;grid-template-columns:22px minmax(0,1fr)
}
body #app .rfa-pop-home .rfa-pop-side-popular .num{font-size:24px;color:#ed2181}
body #app .rfa-pop-home .rfa-pop-newsletter,
body #app .rfa-pop-home .rfa-newsletter-side{
 border-radius:15px;padding:17px;background:linear-gradient(120deg,#e3efff,#dbdff9);
 border:1px solid #d7e1ff;overflow:hidden
}
body #app .rfa-pop-home .rfa-pop-newsletter h2,
body #app .rfa-pop-home .rfa-newsletter-side h2{
 font-size:20px;margin:0 0 8px;color:#17266a;font-weight:900
}
body #app .rfa-pop-home .rfa-pop-newsletter p,
body #app .rfa-pop-home .rfa-newsletter-side p{font-size:12px;color:#36466b}
body #app .rfa-pop-home .rfa-newsletter-side input{font-size:12px}
body #app .rfa-pop-home .rfa-newsletter-side button{font-size:12px}
body #app .rfa-pop-home .rfa-pop-bottom .rfa-pop-empty{
 font-size:12px;padding:16px;border:1px dashed #d6c1e5;
 border-radius:12px;color:#5c5682
}
body.night #app .rfa-pop-home .rfa-pop-news-card,
body.night #app .rfa-pop-home .rfa-pop-week-panel{
 background:#1e2a40;border-color:#354464
}
body.night #app .rfa-pop-home .rfa-pop-news-info h3,
body.night #app .rfa-pop-home .rfa-pop-week-card{color:#f2f3ff!important}
@media(max-width:1180px){
 body #app .rfa-pop-home .rfa-pop-tv-inside{
  grid-template-columns:minmax(0,1fr) minmax(142px,.76fr)
 }
 body #app .rfa-pop-home .rfa-pop-bottom{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)
 }
 body #app .rfa-pop-home .rfa-pop-column-right{
  grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px
 }
}
@media(max-width:980px){
 body #app .rfa-pop-home .rfa-pop-hero-grid{
  grid-template-columns:1fr!important
 }
 body #app .rfa-pop-home .rfa-pop-lead .rfa-headline-carousel{
  flex:none
 }
 body #app .rfa-pop-home .rfa-carousel-stage,
 body #app .rfa-pop-home .rfa-carousel-slide,
 body #app .rfa-pop-home .rfa-headline-carousel .hero{
  height:390px;min-height:390px!important
 }
 body #app .rfa-pop-home .rfa-pop-tv{
  min-height:360px
 }
 body #app .rfa-pop-home .rfa-pop-bottom{
  grid-template-columns:1fr 1fr!important
 }
}
@media(max-width:680px){
 body #app:has(.rfa-pop-home){padding-inline:12px}
 body #app .rfa-pop-home .rfa-pop-hero-grid{gap:12px}
 body #app .rfa-pop-home .rfa-carousel-stage,
 body #app .rfa-pop-home .rfa-carousel-slide,
 body #app .rfa-pop-home .rfa-headline-carousel .hero{
  height:370px;min-height:370px!important
 }
 body #app .rfa-pop-home .hero-text{width:95%;padding:42px 18px!important}
 body #app .rfa-pop-home .hero h1{font-size:27px!important;-webkit-line-clamp:4}
 body #app .rfa-pop-home .hero-text p{font-size:13px!important}
 body #app .rfa-pop-home .rfa-pop-quicknav{gap:5px}
 body #app .rfa-pop-home .rfa-pop-quick-link{padding:9px 2px;min-height:88px;border-radius:9px}
 body #app .rfa-pop-home .rfa-pop-quick-link strong{font-size:9px}
 body #app .rfa-pop-home .rfa-pop-quick-link .rfa-pop-symbol{font-size:25px}
 body #app .rfa-pop-home .rfa-pop-tv{padding:9px}
 body #app .rfa-pop-home .rfa-pop-tv-heading h2{font-size:25px}
 body #app .rfa-pop-home .rfa-pop-tv-inside{grid-template-columns:1fr}
 body #app .rfa-pop-home .rfa-pop-tv-aside{flex-direction:row}
 body #app .rfa-pop-home .rfa-pop-tv-aside .rfa-pop-tv-metric{flex:1;min-width:0}
 body #app .rfa-pop-home .rfa-pop-tv-history{min-height:115px}
 body #app .rfa-pop-home .rfa-pop-bottom{grid-template-columns:1fr!important}
 body #app .rfa-pop-home .rfa-pop-column-right{grid-column:auto;display:flex}
 body #app .rfa-pop-home .rfa-pop-mini-feed{grid-template-columns:1fr}
 body #app .rfa-pop-home .rfa-pop-news-card{min-height:125px}
 body #app .rfa-pop-home .rfa-pop-section-heading h2{font-size:22px}
 body #app .rfa-pop-home .rfa-pop-week-card strong{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 body #app .rfa-pop-home *{transition:none!important;animation:none!important}
}


/* === couche historique 3 : static/rfa_home_polish_20261102.css === */
/* RFA — Ajustements de fidélité à la maquette d'accueil du 02/11/2026.
   Ce fichier suit les styles historiques et ne modifie QUE l'accueil.
   Corrige les priorités !important conflictuelles, sans SVG et sans
   détourner la navigation ou les fonctions de publication. */
@media(min-width:981px){
 body:has(.rfa-pop-home) .container,
 body:has(.rfa-pop-home) #app.main-content,
 body:has(.rfa-pop-home) .topline-inner,
 body:has(.rfa-pop-home) .footer-top,
 body:has(.rfa-pop-home) .footer-bottom{
  max-width:1560px!important;
  margin-inline:auto!important;
  width:100%!important;
  padding-inline:28px!important
 }
}
body:has(.rfa-pop-home) {
 background:#fefcff;
}
body:has(.rfa-pop-home) .topline{
 background:#fffafc;
}
body:has(.rfa-pop-home) .main-header{
 background:#fff;border-bottom:0
}
body:has(.rfa-pop-home) .navigation{
 background:linear-gradient(90deg,#fff 0%,#fff8fd 55%,#fff 100%)!important;
 border-bottom:2px solid #ffb5df!important
}
body:has(.rfa-pop-home) .navigation .nav-inner{
 min-height:58px;gap:clamp(9px,1.5vw,24px)
}
body:has(.rfa-pop-home) .nav-link{
 padding:10px 13px!important;border-radius:22px!important;
 font-weight:800!important;font-size:14px!important
}
body:has(.rfa-pop-home) .nav-link.active{
 color:#fff!important;background:linear-gradient(135deg,#ff419c,#f00679)!important;
 box-shadow:0 4px 12px #f0258a29!important;
 border:0!important;text-decoration:none!important
}
body:has(.rfa-pop-home) .nav-link.active::after{display:none!important}
body:has(.rfa-pop-home) .search{
 border-radius:24px!important;
 background:linear-gradient(90deg,#fff,#f6f1ff)!important;
 border:1px solid #d9d8f1!important;
 box-shadow:0 2px 9px #38367b0a
}
body:has(.rfa-pop-home) .search button{
 background:#f51e8d!important;color:#fff!important;
 border-radius:22px!important;font-weight:850!important
}
body #app .rfa-pop-home{
 width:100%;max-width:none;padding:14px 0 26px;
}
/* 1. Zone haute = une vraie photo en panoramique, pas un collage
   d'image en 16:9 + légende reconstruite sous l'image. */
body #app .rfa-pop-home .rfa-pop-hero-grid{
 gap:20px!important;align-items:stretch!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important
}
body #app .rfa-pop-home .rfa-pop-lead{
 gap:14px!important;min-height:0!important
}
body #app .rfa-pop-home .rfa-pop-lead .rfa-headline-carousel{
 min-height:445px!important;height:445px!important;
 flex:0 0 445px!important;border-radius:22px!important
}
body #app .rfa-pop-home .rfa-headline-carousel .rfa-carousel-stage,
body #app .rfa-pop-home .rfa-headline-carousel .rfa-carousel-slide,
body #app .rfa-pop-home .rfa-headline-carousel .hero{
 display:block!important;position:relative!important;
 width:100%!important;height:100%!important;
 min-height:445px!important;max-height:445px!important;
 margin:0!important;transform:none!important;animation:none!important
}
body #app .rfa-pop-home .rfa-headline-carousel .hero-img,
body #app .rfa-pop-home .rfa-headline-carousel .hero-img.rfa-landscape-frame{
 position:absolute!important;display:block!important;
 inset:0!important;max-width:none!important;width:100%!important;
 min-width:0!important;height:100%!important;min-height:0!important;
 max-height:100%!important;aspect-ratio:auto!important;
 border-radius:0!important;overflow:hidden!important;
 background:#31145b!important
}
body #app .rfa-pop-home .rfa-headline-carousel .hero-img > img,
body #app .rfa-pop-home .rfa-headline-carousel .hero-img > .rfa-story-image{
 width:100%!important;height:100%!important;
 object-fit:cover!important;object-position:center 32%!important;
 filter:contrast(1.07) saturate(1.15)!important
}
body #app .rfa-pop-home .rfa-headline-carousel .hero-image-overlay{
 inset:0!important;display:block!important;
 background:linear-gradient(90deg,rgba(20,7,54,.92) 0%,rgba(26,5,73,.78) 33%,rgba(45,6,99,.34) 63%,rgba(45,6,99,.02) 91%)!important;
 pointer-events:none!important
}
body #app .rfa-pop-home .rfa-headline-carousel .hero-text{
 position:absolute!important;top:0!important;left:0!important;bottom:0!important;
 width:70%!important;max-width:570px!important;height:100%!important;
 max-height:none!important;min-height:0!important;
 padding:56px 32px 67px!important;overflow:hidden!important;
 z-index:4!important;display:flex!important;flex-direction:column!important;
 align-items:flex-start!important;justify-content:center!important;
 text-shadow:0 2px 7px rgba(14,5,43,.22)
}
body #app .rfa-pop-home .rfa-headline-carousel .hero h1{
 color:white!important;font-size:clamp(31px,2.5vw,46px)!important;
 font-weight:950!important;line-height:1.07!important;
 letter-spacing:-1.2px!important;margin:6px 0 13px!important;
 max-height:none!important;display:-webkit-box!important;
 -webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;
 overflow:hidden!important;overflow-wrap:normal!important;word-break:normal!important
}
body #app .rfa-pop-home .rfa-headline-carousel .hero-text p{
 color:#fff!important;font-size:clamp(13px,1.12vw,17px)!important;
 line-height:1.47!important;max-height:none!important;
 margin:0 0 20px!important;display:-webkit-box!important;
 -webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;
 overflow:hidden!important;max-width:460px
}
body #app .rfa-pop-home .rfa-headline-carousel .hero-tag{
 left:29px!important;top:22px!important;z-index:5!important;
 background:#fa278e!important;color:#fff!important;
 font-size:12px!important
}
body #app .rfa-pop-home .rfa-headline-carousel .hero .read-more{
 font-size:15px!important;padding:12px 19px!important;
 font-weight:900!important;background:#fff!important;
 color:#f11d88!important;text-shadow:none!important
}
/* 2. Contrôles placés en bas à droite, JAMAIS sur le titre.
   Le précédent CSS plaçait les flèches à mi-hauteur du texte. */
body #app .rfa-pop-home .rfa-carousel-touch-controls{
 position:absolute!important;z-index:10!important;
 top:auto!important;bottom:15px!important;left:auto!important;
 right:18px!important;width:auto!important;height:42px!important;
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 gap:8px!important;transform:none!important
}
body #app .rfa-pop-home .rfa-carousel-touch-controls button{
 display:grid!important;place-items:center!important;
 position:static!important;width:39px!important;height:39px!important;
 border:2px solid #fff8!important;border-radius:50%!important;
 background:#fff!important;color:#572592!important;
 box-shadow:0 3px 10px #2c164a25!important;
 font-size:27px!important;line-height:1!important;pointer-events:auto
}
body #app .rfa-pop-home .rfa-carousel-dots{
 z-index:8!important;position:absolute!important;
 bottom:18px!important;left:19px!important;right:auto!important;
 width:auto!important;min-height:28px!important;margin:0!important;
 transform:none!important
}
body #app .rfa-pop-home .rfa-carousel-dot .rfa-carousel-indicator{
 background:#ffcee9!important
}
/* 3. Cinq grosses catégories colorées : vraies touches visuelles. */
body #app .rfa-pop-home .rfa-pop-quicknav{gap:10px!important}
body #app .rfa-pop-home .rfa-pop-quick-link{
 min-height:119px!important;padding:12px 8px 11px!important;
 border-radius:15px!important;box-shadow:0 6px 16px #30115d1e!important
}
body #app .rfa-pop-home .rfa-pop-quick-link .rfa-pop-symbol{
 font-size:46px!important;line-height:1.15!important;
}
body #app .rfa-pop-home .rfa-pop-quick-link strong{
 font-size:15px!important;line-height:1.25!important
}
/* 4. Tableau et illustrations d'audiences : conserver l'effet TV ludique,
   sans réduire les résultats à de minuscules chiffres. */
body #app .rfa-pop-home .rfa-pop-tv{
 border:5px solid #f0a7e7!important;
 background:linear-gradient(130deg,#ff9ccf 0%,#a334ee 48%,#e957cf 100%)!important;
 border-radius:23px!important;padding:16px!important;
 box-shadow:0 12px 28px #9a36c72b!important;gap:11px!important
}
body #app .rfa-pop-home .rfa-pop-tv-heading{padding:3px 7px 10px!important}
body #app .rfa-pop-home .rfa-pop-tv-heading h2{
 font-size:clamp(30px,2.5vw,40px)!important;font-weight:950!important;
 letter-spacing:-1.2px!important
}
body #app .rfa-pop-home .rfa-pop-tv-heading p{font-size:13px!important}
body #app .rfa-pop-home .rfa-pop-tv-heading a{
 padding:10px 16px!important;font-size:13px!important
}
body #app .rfa-pop-home .rfa-pop-tv-inside{
 grid-template-columns:minmax(0,1.44fr) minmax(0,.92fr)!important;
 gap:11px!important;align-items:stretch
}
body #app .rfa-pop-home .rfa-pop-tv-main{padding:17px!important}
body #app .rfa-pop-home .rfa-pop-tv-main h3{
 font-size:19px!important;line-height:1.2!important;margin:0 0 16px!important
}
body #app .rfa-pop-home .rfa-pop-ranking{gap:13px!important}
body #app .rfa-pop-home .rfa-pop-rank{
 grid-template-columns:32px minmax(0,1fr) minmax(68px,auto)!important;
 gap:10px!important;align-items:center!important
}
body #app .rfa-pop-home .rfa-pop-rank-no{
 width:31px!important;height:31px!important;
 font-size:16px!important
}
body #app .rfa-pop-home .rfa-pop-rank-info b{
 font-size:15px!important;line-height:1.2!important
}
body #app .rfa-pop-home .rfa-pop-rank-info span{
 font-size:12px!important;line-height:1.3!important
}
body #app .rfa-pop-home .rfa-pop-rank-bar{
 height:12px!important;margin-top:7px!important
}
body #app .rfa-pop-home .rfa-pop-rank-value{
 font-size:17px!important
}
body #app .rfa-pop-home .rfa-pop-rank-value small{
 font-size:12px!important
}
body #app .rfa-pop-home .rfa-pop-tv-aside{gap:10px!important}
body #app .rfa-pop-home .rfa-pop-tv-metric{
 padding:13px!important;border-radius:14px!important
}
body #app .rfa-pop-home .rfa-pop-tv-metric .rfa-pop-metric-title{
 font-size:13px!important;line-height:1.2!important
}
body #app .rfa-pop-home .rfa-pop-metric-value{
 font-size:clamp(26px,2.3vw,38px)!important
}
body #app .rfa-pop-home .rfa-pop-tv-metric p{
 font-size:12px!important;line-height:1.35!important
}
body #app .rfa-pop-home .rfa-pop-share-ring{
 width:91px!important;height:91px!important;flex-basis:91px!important
}
body #app .rfa-pop-home .rfa-pop-share-ring strong{font-size:19px!important}
body #app .rfa-pop-home .rfa-pop-share-copy{font-size:13px!important}
body #app .rfa-pop-home .rfa-pop-tv-history{
 min-height:158px!important;padding:13px 15px!important
}
body #app .rfa-pop-home .rfa-pop-tv-history h3{
 font-size:15px!important
}
body #app .rfa-pop-home .rfa-pop-tv-history canvas{
 height:103px!important
}
body #app .rfa-pop-home .rfa-pop-no-history{
 font-size:11px!important
}
/* 5. Bas de page comme la maquette : grosses miniatures et cartes lisibles. */
body #app .rfa-pop-home .rfa-pop-bottom{
 margin-top:24px!important;
 grid-template-columns:minmax(0,1.06fr) minmax(0,1.06fr) minmax(0,.76fr)!important;
 gap:17px!important
}
body #app .rfa-pop-home .rfa-pop-section-heading h2{
 font-size:clamp(22px,1.9vw,30px)!important;
 font-weight:950!important
}
body #app .rfa-pop-home .rfa-pop-news-card{
 min-height:173px!important;gap:12px!important;
 border-radius:14px!important;box-shadow:0 5px 15px #28164b0b!important
}
body #app .rfa-pop-home .rfa-pop-news-thumb{
 flex-basis:43%!important;max-width:43%!important
}
body #app .rfa-pop-home .rfa-pop-news-info{
 padding:13px 9px 12px 0!important;gap:8px!important
}
body #app .rfa-pop-home .rfa-pop-news-info h3{
 font-size:clamp(13px,1.05vw,17px)!important;
 line-height:1.3!important;
 -webkit-line-clamp:5!important
}
body #app .rfa-pop-home .rfa-pop-news-info .tag{font-size:11px!important}
body #app .rfa-pop-home .rfa-pop-news-info small{
 font-size:11px!important
}
body #app .rfa-pop-home .rfa-pop-retro-banner{
 min-height:243px!important;
 background:radial-gradient(circle at 85% 15%,#fd64e0 0,transparent 44%),
 linear-gradient(125deg,#7323e9,#af24ee 50%,#f52d9a 100%)!important
}
body #app .rfa-pop-home .rfa-pop-retro-banner h2{
 font-size:clamp(46px,4.2vw,74px)!important
}
body #app .rfa-pop-home .rfa-pop-retro-banner p{
 font-size:15px!important
}
body #app .rfa-pop-home .rfa-pop-week-panel h2{
 font-size:21px!important;padding:11px 14px!important
}
body #app .rfa-pop-home .rfa-pop-week-image{aspect-ratio:1.58!important}
body #app .rfa-pop-home .rfa-pop-week-card strong{
 font-size:13px!important;line-height:1.32!important
}
body #app .rfa-pop-home .rfa-pop-side-popular{
 border-radius:17px!important;padding:20px!important
}
body #app .rfa-pop-home .rfa-pop-side-popular h2{
 font-size:25px!important
}
body #app .rfa-pop-home .rfa-pop-side-popular .popular{
 font-size:14px!important;line-height:1.4!important;padding:14px 0!important
}
body #app .rfa-pop-home .rfa-pop-newsletter,
body #app .rfa-pop-home .rfa-newsletter-side{
 border-radius:17px!important;padding:21px!important
}
body #app .rfa-pop-home .rfa-newsletter-side h2{font-size:22px!important}
body #app .rfa-pop-home .rfa-newsletter-side p{font-size:14px!important}
/* Responsive : grands blocs conservés sur écran de bureau, puis passage
   en une colonne quand une largeur de lecture confortable n'est plus possible. */
@media(max-width:1220px){
 body #app .rfa-pop-home .rfa-pop-tv-inside{
  grid-template-columns:1fr!important
 }
 body #app .rfa-pop-home .rfa-pop-tv-aside{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important
 }
 body #app .rfa-pop-home .rfa-pop-bottom{
  grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
 body #app .rfa-pop-home .rfa-pop-column-right{
  grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))
 }
}
@media(max-width:980px){
 body #app .rfa-pop-home .rfa-pop-hero-grid{
  grid-template-columns:1fr!important
 }
 body #app .rfa-pop-home .rfa-pop-lead .rfa-headline-carousel{
  height:420px!important;min-height:420px!important;flex-basis:420px!important
 }
 body #app .rfa-pop-home .rfa-headline-carousel .rfa-carousel-stage,
 body #app .rfa-pop-home .rfa-headline-carousel .rfa-carousel-slide,
 body #app .rfa-pop-home .rfa-headline-carousel .hero{
  min-height:420px!important;max-height:420px!important
 }
 body #app .rfa-pop-home .rfa-pop-tv-inside{
  grid-template-columns:minmax(0,1.4fr) minmax(0,.95fr)!important
 }
}
@media(max-width:680px){
 body:has(.rfa-pop-home) .navigation .nav-inner{min-height:0}
 body #app .rfa-pop-home .rfa-pop-lead .rfa-headline-carousel{
  height:350px!important;min-height:350px!important;flex-basis:350px!important
 }
 body #app .rfa-pop-home .rfa-headline-carousel .rfa-carousel-stage,
 body #app .rfa-pop-home .rfa-headline-carousel .rfa-carousel-slide,
 body #app .rfa-pop-home .rfa-headline-carousel .hero{
  min-height:350px!important;max-height:350px!important
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero-text{
  max-width:none!important;width:92%!important;
  padding:43px 19px 59px!important
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero h1{
  font-size:clamp(23px,6.5vw,31px)!important
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero-text p{
  font-size:12px!important;-webkit-line-clamp:2!important
 }
 body #app .rfa-pop-home .rfa-carousel-touch-controls{
  right:9px!important;bottom:10px!important
 }
 body #app .rfa-pop-home .rfa-carousel-touch-controls button{
  width:33px!important;height:33px!important;font-size:24px!important
 }
 body #app .rfa-pop-home .rfa-carousel-dots{bottom:10px!important;left:8px!important}
 body #app .rfa-pop-home .rfa-pop-quick-link{
  min-height:92px!important;padding:9px 3px!important
 }
 body #app .rfa-pop-home .rfa-pop-quick-link .rfa-pop-symbol{font-size:29px!important}
 body #app .rfa-pop-home .rfa-pop-quick-link strong{font-size:10px!important}
 body #app .rfa-pop-home .rfa-pop-tv-inside{grid-template-columns:1fr!important}
 body #app .rfa-pop-home .rfa-pop-tv-aside{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
 body #app .rfa-pop-home .rfa-pop-tv-heading h2{font-size:27px!important}
 body #app .rfa-pop-home .rfa-pop-bottom{grid-template-columns:1fr!important}
 body #app .rfa-pop-home .rfa-pop-column-right{
  grid-column:auto!important;display:flex!important
 }
 body #app .rfa-pop-home .rfa-pop-mini-feed{grid-template-columns:1fr!important}
 body #app .rfa-pop-home .rfa-pop-news-card{min-height:145px!important}
 body #app .rfa-pop-home .rfa-pop-retro-banner h2{font-size:51px!important}
}
@media(prefers-reduced-motion:reduce){
 body #app .rfa-pop-home *{transition:none!important;animation:none!important}
}

body #app .rfa-pop-home .rfa-pop-tv-history canvas{
 display:block;width:100%;height:143px!important;max-width:100%;
}
body #app .rfa-pop-home .rfa-pop-tv-history canvas[hidden]{display:none!important}
body #app .rfa-pop-home .rfa-pop-tv-history .rfa-pop-history-key{
 display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;
 font-size:12px;margin:8px 0 4px;color:#30376a
}
body #app .rfa-pop-home .rfa-pop-tv-history .rfa-pop-history-key span{
 display:inline-flex;align-items:center;gap:6px
}
body #app .rfa-pop-home .rfa-pop-tv-history .rfa-pop-history-key i{
 display:inline-block;width:11px;height:11px;border-radius:50%;flex:none
}
body #app .rfa-pop-home .rfa-pop-tv-history .rfa-pop-history-key b{
 font-weight:850
}
body #app .rfa-pop-home .rfa-pop-tv-history #rfa-pop-history-status{
 padding:5px 0 0;margin:2px 0;font-size:11px!important;
 color:#565b7d;line-height:1.4
}
@media(max-width:680px){
 body #app .rfa-pop-home .rfa-pop-tv-history canvas{
  height:115px!important
 }
}


/* Ajustement suite à la capture de l'accueil à zoom réduit :
   conserver le titre entièrement dans la zone lisible et ne pas laisser
   une bande vide sous le carrousel lorsque le bloc TV est plus haut. */
body #app .rfa-pop-home .rfa-headline-carousel .hero-text{
 width:86%!important;max-width:620px!important;
 padding:42px 27px 57px!important;
 gap:0!important;
 justify-content:center!important;
}
body #app .rfa-pop-home .rfa-headline-carousel .hero h1{
 width:100%!important;
 height:auto!important;min-height:0!important;max-height:none!important;
 margin:7px 0 12px!important;
 font-size:clamp(27px,2.3vw,39px)!important;
 line-height:1.1!important;
 -webkit-line-clamp:4!important;
 text-overflow:ellipsis!important;
}
body #app .rfa-pop-home .rfa-headline-carousel .hero-text p{
 width:100%!important;
 font-size:clamp(13px,1.08vw,16px)!important;
 line-height:1.4!important;
 -webkit-line-clamp:2!important;
 margin:0 0 17px!important;
}
body #app .rfa-pop-home .rfa-headline-carousel .hero .read-more{
 flex-shrink:0!important;
}
@media(min-width:1221px){
 body #app .rfa-pop-home .rfa-pop-lead .rfa-headline-carousel{
  height:auto!important;flex:1 1 0!important;
  min-height:445px!important
 }
 body #app .rfa-pop-home .rfa-headline-carousel .rfa-carousel-stage,
 body #app .rfa-pop-home .rfa-headline-carousel .rfa-carousel-slide,
 body #app .rfa-pop-home .rfa-headline-carousel .hero{
  height:100%!important;max-height:none!important;min-height:445px!important
 }
}
@media(max-width:680px){
 body #app .rfa-pop-home .rfa-headline-carousel .hero-text{
  width:93%!important;max-width:none!important;
  padding:39px 18px 55px!important
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero h1{
  font-size:clamp(23px,6.5vw,31px)!important;
  -webkit-line-clamp:3!important
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero-text p{
  font-size:12px!important;-webkit-line-clamp:2!important
 }
}


/* Version 4 : fidélité visuelle du magazine RFA — davantage de caractère,
   bandeaux colorés et véritable graphique de parts de marché.
   Les prochains assets illustrés seront des PNG individuels, jamais une découpe
   de la maquette validée. */
body:has(.rfa-pop-home) .main-header{position:relative;isolation:isolate}
body:has(.rfa-pop-home) .main-header::before{
 content:"";position:absolute;left:-55px;top:-82px;width:178px;height:178px;
 background:radial-gradient(circle at 72% 65%,#f4adf9 0,#ac4cf0 53%,#9c3ff000 70%);
 border-radius:50%;pointer-events:none;opacity:.72;z-index:-1
}
body:has(.rfa-pop-home) .main-header::after{
 content:"";position:absolute;right:-38px;top:-28px;width:145px;height:145px;
 background:radial-gradient(circle at 18% 85%,#ff69cd 0,#e763d9 36%,#fae7fd00 75%);
 border-radius:50%;pointer-events:none;opacity:.65;z-index:-1
}
body:has(.rfa-pop-home) .brand-name>span{font-size:clamp(30px,2.6vw,39px)!important}
body:has(.rfa-pop-home) .brand-name small{font-size:13px!important}
body:has(.rfa-pop-home) .brand-icon{width:70px;height:63px}
body:has(.rfa-pop-home) .navigation{
 border-bottom:2px solid #ef52c4!important;
 background:linear-gradient(90deg,#fff9fe 0%,#fff 43%,#fff5fc 100%)!important
}
body #app .rfa-pop-home{padding-top:12px}
body #app .rfa-pop-home .rfa-pop-hero-grid{gap:16px!important}
body #app .rfa-pop-home .rfa-pop-tv{
 border-color:#f3a0e7!important;
 background:linear-gradient(125deg,#f673d7,#962cde 51%,#db49ed)!important;
}
body #app .rfa-pop-home .rfa-pop-tv-heading{gap:13px}
body #app .rfa-pop-home .rfa-pop-tv-heading h2{
 display:flex;align-items:center;gap:13px
}
body #app .rfa-pop-home .rfa-pop-tv-heading h2::before{
 content:"";display:inline-block;flex:none;width:37px;height:31px;
 background:linear-gradient(135deg,#5ae9e3 0%,#bb75fc 44%,#f72586 100%);
 border:4px solid #f5feff;border-radius:8px;
 box-shadow:0 4px 0 #702db5,0 5px 12px #491a7330;
 transform:rotate(-6deg)
}
body #app .rfa-pop-home .rfa-pop-tv-main{
 background:linear-gradient(180deg,#fff 0%,#fffafc 100%);
}
body #app .rfa-pop-home .rfa-pop-tv-main h3{
 color:#18214b!important
}
body #app .rfa-pop-home .rfa-pop-tv-main h3 span{
 color:#ef268c;font-size:24px;vertical-align:-1px;margin-right:5px
}
body #app .rfa-pop-home .rfa-pop-rank{
 grid-template-columns:30px 53px minmax(0,1fr) minmax(64px,auto)!important;
 gap:9px!important;min-height:67px!important;
 padding-bottom:10px!important;
}
body #app .rfa-pop-home .rfa-pop-rank-art{
 display:grid;place-items:center;height:50px;width:53px;
 border:2px solid #fff;border-radius:10px;overflow:hidden;
 background:linear-gradient(135deg,#402385,#a154ed 54%,#f938a5);
 box-shadow:0 3px 9px #29204b30;transform:rotate(-2deg)
}
body #app .rfa-pop-home .rfa-pop-rank-art b{
 color:#fff;font-size:clamp(14px,1.1vw,20px);font-weight:950;
 text-shadow:0 2px 5px #18105655
}
body #app .rfa-pop-home .rfa-pop-rank-art-1{
 background:linear-gradient(145deg,#111f68,#347bec 56%,#ef5cbc);transform:rotate(2deg)
}
body #app .rfa-pop-home .rfa-pop-rank-art-2{
 background:linear-gradient(145deg,#ffb359,#f67637 55%,#9f2db5)
}
body #app .rfa-pop-home .rfa-pop-rank-info b{font-size:14px!important}
body #app .rfa-pop-home .rfa-pop-rank-info span{font-size:11px!important}
body #app .rfa-pop-home .rfa-pop-rank-bar{height:11px!important;margin-top:8px!important}
body #app .rfa-pop-home .rfa-pop-rank-value{font-size:17px!important}
body #app .rfa-pop-home .rfa-pop-rank-value small{font-size:11px!important}
body #app .rfa-pop-home .rfa-pop-tv-aside{
 display:flex!important;flex-direction:column!important;
 gap:10px!important;min-width:0!important
}
body #app .rfa-pop-home .rfa-pop-fact{
 flex:0 0 auto!important;min-height:100px!important;
 background:linear-gradient(160deg,#fff 0%,#ecfff5 100%);
}
body #app .rfa-pop-home .rfa-pop-fact .rfa-pop-metric-value{
 font-size:clamp(27px,2.4vw,40px)!important;
 color:#03a85d!important;
}
body #app .rfa-pop-home .rfa-pop-distribution{
 flex:1 1 auto!important;
 background:linear-gradient(145deg,#fff 0%,#fff8fc 100%);
 text-align:left!important;
}
body #app .rfa-pop-home .rfa-pop-distribution .rfa-pop-metric-title{
 text-align:left!important;font-size:14px!important;margin:0 0 12px;
}
body #app .rfa-pop-home .rfa-pop-pie-wrap{
 display:grid;grid-template-columns:125px minmax(0,1fr);
 gap:13px;align-items:center;justify-content:center;
 min-width:0
}
body #app .rfa-pop-home .rfa-pop-pie{
 display:grid;place-items:center;position:relative;
 width:122px;height:122px;border-radius:50%;
 border:1px solid #f0e9f5;flex:none;
 box-shadow:0 5px 12px #623a9c19;
}
body #app .rfa-pop-home .rfa-pop-pie::after{
 content:"";position:absolute;inset:23px;
 border-radius:50%;background:#fff;
 box-shadow:inset 0 1px 3px #29115a15
}
body #app .rfa-pop-home .rfa-pop-pie-center{
 position:relative;z-index:2;display:flex;flex-direction:column;
 align-items:center;justify-content:center;
 text-align:center;gap:0;color:#10194a;
}
body #app .rfa-pop-home .rfa-pop-pie-center b{
 color:#15194e;font-weight:950;font-size:18px;line-height:1.1
}
body #app .rfa-pop-home .rfa-pop-pie-center span{
 color:#545479;font-size:9px;font-weight:750;line-height:1.2;
 max-width:69px;overflow:hidden;text-overflow:ellipsis
}
body #app .rfa-pop-home .rfa-pop-pie-legend{
 list-style:none;margin:0;padding:0;
 display:flex;flex-direction:column;gap:8px;min-width:0
}
body #app .rfa-pop-home .rfa-pop-pie-legend li{
 display:grid;grid-template-columns:10px minmax(0,1fr) auto;
 gap:6px;align-items:center;min-width:0
}
body #app .rfa-pop-home .rfa-pop-pie-legend li i{
 width:10px;height:10px;border-radius:50%
}
body #app .rfa-pop-home .rfa-pop-pie-legend li span{
 color:#2d3264;font-weight:700;font-size:11px;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
body #app .rfa-pop-home .rfa-pop-pie-legend li strong{
 color:#21245d;font-size:11px;font-weight:950;
 white-space:nowrap;font-variant-numeric:tabular-nums
}
body #app .rfa-pop-home .rfa-pop-tv-history{
 border:2px solid #ffffff70;box-shadow:0 6px 18px #5325a127!important;
 background:#fff!important
}
body #app .rfa-pop-home .rfa-pop-quick-link{
 position:relative;isolation:isolate;
 border:2px solid #ffffffad!important;
 transition:transform .15s ease,box-shadow .15s ease!important;
}
body #app .rfa-pop-home .rfa-pop-quick-link::before{
 content:"";position:absolute;width:85%;height:65%;
 top:-28%;left:-15%;border-radius:50%;
 background:radial-gradient(ellipse,#ffffff48 0%,#fff0 72%);
 pointer-events:none;z-index:-1
}
body #app .rfa-pop-home .rfa-pop-quick-link:hover{
 transform:translateY(-3px);
 box-shadow:0 12px 21px #2c155b36!important
}
body #app .rfa-pop-home .rfa-pop-quick-link .rfa-pop-symbol{
 text-shadow:0 3px 2px #3e14556a;
 filter:drop-shadow(0 5px 5px #17114f44);
}
body #app .rfa-pop-home .rfa-pop-news-card{
 background:linear-gradient(140deg,#fff 70%,#fff3fb 100%)!important;
 border:1px solid #dfd1f4!important;
 box-shadow:0 5px 18px #3f228a17!important;
}
body #app .rfa-pop-home .rfa-pop-news-info .tag{
 background:linear-gradient(90deg,#893af8,#ee228a)!important;
 box-shadow:0 3px 7px #ec2c8730!important
}
body #app .rfa-pop-home .rfa-pop-news-info h3{
 font-weight:900!important;color:#171b43!important;
}
body #app .rfa-pop-home .rfa-pop-retro-banner{
 border:3px solid #f9d0ff;
 box-shadow:0 10px 24px #9f18bc39!important
}
body #app .rfa-pop-home .rfa-pop-retro-banner h2{
 text-shadow:3px 5px 0 #4c127a,0 5px 16px #411560ab!important
}
body #app .rfa-pop-home .rfa-pop-week-panel{
 box-shadow:0 5px 15px #5d2a9e1b!important
}
body #app .rfa-pop-home .rfa-pop-week-panel h2{
 background:linear-gradient(100deg,#6a26df,#dd2be7)!important
}
body #app .rfa-pop-home .rfa-pop-side-popular{
 border:1px solid #ffdfef!important;
 background:linear-gradient(145deg,#fff4f9,#ffedf6)!important
}
body #app .rfa-pop-home .rfa-newsletter-side{
 background:linear-gradient(140deg,#dbf1ff 0%,#dcd7fa 100%)!important;
 border:2px solid #cbd9ff!important
}
body #app .rfa-pop-home .rfa-pop-newsletter a,
body #app .rfa-pop-home .rfa-newsletter-side button{
 background:linear-gradient(100deg,#fc3ca4,#e81980)!important;
 color:#fff!important;border:0!important;border-radius:24px!important
}
@media(max-width:1390px){
 body #app .rfa-pop-home .rfa-pop-tv-inside{grid-template-columns:1fr!important}
 body #app .rfa-pop-home .rfa-pop-tv-aside{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important
 }
 body #app .rfa-pop-home .rfa-pop-pie-wrap{
  grid-template-columns:100px minmax(0,1fr)!important;gap:9px!important
 }
 body #app .rfa-pop-home .rfa-pop-pie{width:100px;height:100px}
 body #app .rfa-pop-home .rfa-pop-pie::after{inset:19px}
}
@media(max-width:680px){
 body:has(.rfa-pop-home) .main-header::before,
 body:has(.rfa-pop-home) .main-header::after{display:none!important}
 body #app .rfa-pop-home .rfa-pop-rank{
  grid-template-columns:26px 45px minmax(0,1fr) minmax(60px,auto)!important;
  gap:7px!important
 }
 body #app .rfa-pop-home .rfa-pop-rank-art{
  width:45px;height:45px
 }
 body #app .rfa-pop-home .rfa-pop-tv-aside{
  display:flex!important;flex-direction:column!important
 }
 body #app .rfa-pop-home .rfa-pop-pie-wrap{
  grid-template-columns:110px minmax(0,1fr)!important
 }
 body #app .rfa-pop-home .rfa-pop-pie{width:108px;height:108px}
 body #app .rfa-pop-home .rfa-pop-quick-link:hover{transform:none}
}


/* === couche historique 4 : static/rfa_home_overflow_fix_20261102.css === */
/* Rétro Flash Actu — correctifs ciblés de l'accueil validé (02/11/2026).
   Cible : capture réelle desktop, sans modifier les pages articles/audiences.
   La maquette approuvée reste la source ; aucun asset SVG ou chiffre fictif. */

/* Les deux ornements de l'en-tête dépassaient explicitement de la fenêtre.
   Les garder visibles mais les clipper dans leur propre bandeau. */
body:has(.rfa-pop-home) .main-header{
 overflow-x:clip;
}
body:has(.rfa-pop-home) .main-header::before{
 left:0!important;transform:translate(-26%,-5%);pointer-events:none;
}
body:has(.rfa-pop-home) .main-header::after{
 right:0!important;transform:translate(27%,-5%);pointer-events:none;
}
/* Empêcher le moindre débordement résiduel issu du décor,
   tout en gardant les colonnes flexibles. */
html:has(.rfa-pop-home),body:has(.rfa-pop-home){
 max-width:100%;
 overflow-x:clip;
}
body:has(.rfa-pop-home) #app.main-content{
 min-width:0!important;max-width:100%!important;
 padding-bottom:30px!important;min-height:0!important;
}
body #app .rfa-pop-home,
body #app .rfa-pop-home .rfa-pop-hero-grid,
body #app .rfa-pop-home .rfa-pop-bottom,
body #app .rfa-pop-home .rfa-pop-column{
 min-width:0!important;max-width:100%;
}
body #app .rfa-pop-home .rfa-pop-bottom{
 align-items:start!important;
 gap:18px!important;
}
/* Ne plus écraser visuellement les actualités sous une petite vignette. */
body #app .rfa-pop-home .rfa-pop-mini-feed{
 gap:13px!important;
}
body #app .rfa-pop-home .rfa-pop-news-card{
 min-width:0!important;min-height:185px!important;
 overflow:hidden;
 display:flex!important;align-items:stretch;
}
body #app .rfa-pop-home .rfa-pop-news-thumb{
 flex:0 0 39%!important;max-width:39%!important;
 height:auto;align-self:stretch;
}
body #app .rfa-pop-home .rfa-pop-news-thumb img{
 width:100%!important;height:100%!important;
 object-fit:cover!important;object-position:center!important;
}
body #app .rfa-pop-home .rfa-pop-news-info{
 min-width:0!important;overflow:hidden!important;
 padding:13px 10px 11px 0!important;
 gap:7px!important;
}
body #app .rfa-pop-home .rfa-pop-news-info h3{
 font-size:clamp(15px,1.12vw,18px)!important;
 line-height:1.3!important;
 -webkit-line-clamp:5!important;
 overflow-wrap:anywhere;
}
body #app .rfa-pop-home .rfa-pop-news-info .tag{
 font-size:11px!important;max-width:100%;
}
body #app .rfa-pop-home .rfa-pop-news-info small{
 font-size:12px!important;
}
body #app .rfa-pop-home .rfa-pop-week-card strong{
 font-size:clamp(13px,1.07vw,16px)!important;
 line-height:1.35!important;
}
body #app .rfa-pop-home .rfa-pop-side-popular .popular{
 font-size:14px!important;line-height:1.48!important;
}
body #app .rfa-pop-home .rfa-pop-side-popular h2{
 font-size:25px!important;
}
body #app .rfa-pop-home .rfa-pop-newsletter,
body #app .rfa-pop-home .rfa-newsletter-side{
 min-width:0!important;
}
body #app .rfa-pop-home .rfa-newsletter-side input{
 min-width:0;max-width:100%;
}
/* Adapter les colonnes à la place disponible, sans imposer trois blocs
   impossibles à lire sur un desktop étroit. */
@media(min-width:1181px) and (max-width:1499px){
 body #app .rfa-pop-home .rfa-pop-bottom{
  grid-template-columns:minmax(0,1.07fr) minmax(0,1.03fr) minmax(235px,.82fr)!important;
 }
 body #app .rfa-pop-home .rfa-pop-news-thumb{
  flex-basis:35%!important;max-width:35%!important;
 }
}
@media(max-width:1180px){
 body #app .rfa-pop-home .rfa-pop-bottom{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 body #app .rfa-pop-home .rfa-pop-column-right{
  grid-column:1/-1!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start;
 }
}
@media(max-width:720px){
 body #app .rfa-pop-home .rfa-pop-bottom{grid-template-columns:minmax(0,1fr)!important}
 body #app .rfa-pop-home .rfa-pop-column-right{
  grid-column:auto!important;display:flex!important;
 }
 body #app .rfa-pop-home .rfa-pop-mini-feed{grid-template-columns:minmax(0,1fr)!important}
 body #app .rfa-pop-home .rfa-pop-news-card{
  min-height:145px!important;max-width:100%;
 }
 body #app .rfa-pop-home .rfa-pop-news-thumb{
  flex-basis:37%!important;max-width:37%!important;
 }
 body #app .rfa-pop-home .rfa-pop-news-info h3{font-size:15px!important}
}


/* === couche historique 5 : static/rfa_home_stream_20261102.css === */
/* Fil de l'actualité en continu — complément éditorial à la maquette validée.
   Les quatre petites cartes initiales restent identiques ; cette section ne
   montre que des articles déjà publiés et non présents dans les autres blocs. */
body #app .rfa-pop-home .rfa-pop-stream{
 margin-top:28px;min-width:0;padding:24px 0 6px;
 border-top:2px solid #f1d7f3;
}
body #app .rfa-pop-home .rfa-pop-stream-heading{
 display:flex;align-items:flex-end;justify-content:space-between;
 gap:13px 24px;flex-wrap:wrap;margin-bottom:18px;
}
body #app .rfa-pop-home .rfa-pop-stream-heading span{
 display:block;font-size:12px;line-height:1.2;font-weight:900;
 letter-spacing:1.35px;color:#f0228a;margin-bottom:4px;
}
body #app .rfa-pop-home .rfa-pop-stream-heading h2{
 margin:0;color:#18204e;font-size:clamp(25px,2vw,32px);
 font-weight:950;letter-spacing:-.7px;line-height:1.1;
}
body #app .rfa-pop-home .rfa-pop-stream-heading>a{
 font-size:14px;color:#e92086;font-weight:850;
}
body #app .rfa-pop-home .rfa-pop-stream-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px;min-width:0;
}
body #app .rfa-pop-home .rfa-pop-stream-card{
 display:grid;grid-template-columns:minmax(132px,35%) minmax(0,1fr);
 min-height:154px;min-width:0;overflow:hidden;
 background:#fff;border:1px solid #eadcf5;border-radius:15px;
 box-shadow:0 5px 18px #3a227611;
}
body #app .rfa-pop-home .rfa-pop-stream-image{
 display:block;width:100%;height:100%;min-height:154px;
 background:linear-gradient(135deg,#cc8af5,#fc45ae);overflow:hidden;
}
body #app .rfa-pop-home .rfa-pop-stream-image img{
 width:100%;height:100%;object-fit:cover;display:block;
}
body #app .rfa-pop-home .rfa-pop-stream-body{
 display:flex;flex-direction:column;align-items:flex-start;
 gap:8px;min-width:0;padding:15px 17px;
}
body #app .rfa-pop-home .rfa-pop-stream-meta{
 display:flex;align-items:center;gap:10px;
 flex-wrap:wrap;font-size:12px;color:#73738a;
}
body #app .rfa-pop-home .rfa-pop-stream-meta .tag{
 padding:4px 9px;border-radius:30px;
 background:linear-gradient(120deg,#912dee,#f02391)!important;
 color:#fff!important;font-size:11px;font-weight:850;
}
body #app .rfa-pop-home .rfa-pop-stream-card h3{
 margin:0;color:#172048;
 font-size:clamp(16px,1.22vw,20px);font-weight:900;
 line-height:1.3;letter-spacing:-.1px;
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
 overflow:hidden;overflow-wrap:anywhere;
}
body #app .rfa-pop-home .rfa-pop-stream-card h3 a{
 color:inherit;text-decoration:none;
}
body #app .rfa-pop-home .rfa-pop-stream-card h3 a:hover{
 color:#ea2387;
}
body #app .rfa-pop-home .rfa-pop-stream-body p{
 font-size:13px;line-height:1.43;color:#5f6682;
 margin:0;display:-webkit-box;-webkit-line-clamp:2;
 -webkit-box-orient:vertical;overflow:hidden;
}
body #app .rfa-pop-home .rfa-pop-stream-read{
 margin-top:auto;font-size:12px;font-weight:850;
 color:#ec2287!important;
}
body.night #app .rfa-pop-home .rfa-pop-stream-card{
 background:#202b43;border-color:#44516d;
}
body.night #app .rfa-pop-home .rfa-pop-stream-card h3,
body.night #app .rfa-pop-home .rfa-pop-stream-heading h2{
 color:#f6f2ff;
}
body.night #app .rfa-pop-home .rfa-pop-stream-body p{color:#bbc6de}
@media(max-width:1000px){
 body #app .rfa-pop-home .rfa-pop-stream-grid{grid-template-columns:1fr}
 body #app .rfa-pop-home .rfa-pop-stream-card{
  grid-template-columns:minmax(145px,30%) minmax(0,1fr)
 }
}
@media(max-width:540px){
 body #app .rfa-pop-home .rfa-pop-stream{padding-top:18px}
 body #app .rfa-pop-home .rfa-pop-stream-card{
  grid-template-columns:minmax(115px,38%) minmax(0,1fr);
  min-height:130px;
 }
 body #app .rfa-pop-home .rfa-pop-stream-image{min-height:130px}
 body #app .rfa-pop-home .rfa-pop-stream-body{padding:11px;gap:6px}
 body #app .rfa-pop-home .rfa-pop-stream-card h3{font-size:15px;-webkit-line-clamp:3}
 body #app .rfa-pop-home .rfa-pop-stream-body p{display:none}
}
@media(prefers-reduced-motion:reduce){
 body #app .rfa-pop-home .rfa-pop-stream *{animation:none!important;transition:none!important}
}


/* Dedicated original PNG illustrations, integration 2026-11-02. */
.rfa-pop-q-tv .rfa-pop-symbol{width:96px;height:96px;flex:0 0 96px;background:none;box-shadow:none;transform:none}
.rfa-pop-q-tv .rfa-pop-symbol img{display:block;width:100%;height:100%;object-fit:contain}
.rfa-pop-retro-banner{position:relative;isolation:isolate;overflow:hidden;min-height:260px;padding-bottom:150px}
.rfa-pop-retro-art{position:absolute;z-index:-1;right:-6%;bottom:-12%;width:82%;height:82%;object-fit:contain;pointer-events:none}
.rfa-pop-retro-banner h2,.rfa-pop-retro-banner p,.rfa-pop-retro-banner a{position:relative;z-index:1}
@media(max-width:600px){.rfa-pop-q-tv .rfa-pop-symbol{width:64px;height:64px;flex-basis:64px}.rfa-pop-retro-banner{min-height:250px}}


/* ==============================================================
   MOBILE V1 · 2026-11-03 · Validation smartphone 360–767px
   Maquette desktop inchangée, données et liens réels conservés.
   Correctif intégré DANS la feuille canonique, pas de CSS concurrent.
   ============================================================== */
@media (max-width:767px){
 body:has(.rfa-pop-home) #app.main-content{
   width:100%!important;min-width:0!important;
   padding:10px 12px 34px!important;margin-inline:auto!important;
 }
 body #app .rfa-pop-home{padding:0 0 24px!important;min-width:0!important}
 body #app .rfa-pop-home .rfa-pop-hero-grid{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   gap:14px!important;align-items:start!important;margin:0 0 20px!important;
 }
 body #app .rfa-pop-home .rfa-pop-lead{
   display:flex!important;flex-direction:column!important;gap:12px!important;
   min-width:0!important;min-height:0!important;
 }
 /* À la une : photo véritable 16:9 + pavé de lecture en dessous.
    Réserve une hauteur de texte stable pour éviter le saut entre slides. */
 body #app .rfa-pop-home .rfa-pop-lead .rfa-headline-carousel{
   display:block!important;position:relative!important;
   height:auto!important;min-height:0!important;max-height:none!important;
   flex:0 0 auto!important;border-radius:17px!important;
   overflow:hidden!important;box-shadow:0 9px 24px #29105425!important;
 }
 body #app .rfa-pop-home .rfa-headline-carousel .rfa-carousel-stage,
 body #app .rfa-pop-home .rfa-headline-carousel .rfa-carousel-slide,
 body #app .rfa-pop-home .rfa-headline-carousel .hero{
   display:block!important;position:relative!important;
   width:100%!important;height:auto!important;
   min-height:0!important;max-height:none!important;
   margin:0!important;overflow:hidden!important;
 }
 body #app .rfa-pop-home .rfa-headline-carousel .rfa-carousel-slide[hidden]{
   display:none!important;
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero{
   display:flex!important;flex-direction:column!important;
   gap:0!important;background:#28135c!important;border:0!important;padding:0!important;
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero-img,
 body #app .rfa-pop-home .rfa-headline-carousel .hero-img.rfa-landscape-frame{
   display:block!important;position:relative!important;
   inset:auto!important;width:100%!important;height:auto!important;
   aspect-ratio:16/9!important;max-height:none!important;min-height:0!important;
   border-radius:0!important;flex:0 0 auto!important;
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero-img img,
 body #app .rfa-pop-home .rfa-headline-carousel .hero-img .rfa-story-image{
   position:absolute!important;inset:0!important;
   width:100%!important;height:100%!important;
   object-fit:cover!important;object-position:center 35%!important;
   transform:none!important;filter:none!important;
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero-image-overlay{
   display:block!important;inset:0!important;
   background:linear-gradient(0deg,#24104b4a 0%,transparent 52%)!important;
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero-tag{
   top:12px!important;left:13px!important;bottom:auto!important;
   font-size:11px!important;padding:6px 11px!important;z-index:5!important;
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero-text{
   position:relative!important;inset:auto!important;
   display:flex!important;flex-direction:column!important;
   align-items:flex-start!important;justify-content:center!important;
   width:100%!important;max-width:none!important;height:auto!important;
   min-height:198px!important;max-height:none!important;
   padding:15px 17px 16px!important;overflow:visible!important;
   background:linear-gradient(125deg,#24104f,#3c1a79 70%,#5c1e86)!important;
   color:#fff!important;text-shadow:none!important;
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero h1{
   display:-webkit-box!important;-webkit-box-orient:vertical!important;
   -webkit-line-clamp:3!important;overflow:hidden!important;
   width:100%!important;height:auto!important;max-height:4.05em!important;
   font-size:clamp(21px,5.8vw,26px)!important;
   font-weight:900!important;letter-spacing:-.6px!important;
   line-height:1.24!important;margin:1px 0 9px!important;
   overflow-wrap:break-word!important;
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero-text p{
   display:-webkit-box!important;-webkit-box-orient:vertical!important;
   -webkit-line-clamp:2!important;overflow:hidden!important;
   max-height:3em!important;width:100%!important;
   font-size:13px!important;line-height:1.45!important;
   color:#f2e9ff!important;margin:0 0 12px!important;
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero .read-more{
   position:relative!important;display:inline-flex!important;
   align-items:center!important;align-self:flex-start!important;
   flex-shrink:0!important;margin:0!important;
   border-radius:30px!important;padding:9px 14px!important;
   background:#fff!important;color:#e91b84!important;
   font-size:13px!important;line-height:1.3!important;min-height:40px!important;
 }
 body #app .rfa-pop-home .rfa-carousel-dots{
   position:relative!important;inset:auto!important;
   display:flex!important;justify-content:flex-start!important;
   align-items:center!important;gap:0!important;
   width:100%!important;min-height:43px!important;height:43px!important;
   margin:0!important;padding:0 100px 0 10px!important;
   transform:none!important;background:#271053!important;
 }
 body #app .rfa-pop-home .rfa-carousel-dot{
   display:flex!important;align-items:center!important;justify-content:center!important;
   flex:0 0 25px!important;width:25px!important;height:39px!important;
 }
 body #app .rfa-pop-home .rfa-carousel-dot .rfa-carousel-indicator{
   width:8px!important;height:8px!important;background:#e3b9ee!important;
 }
 body #app .rfa-pop-home .rfa-carousel-dot[aria-selected="true"] .rfa-carousel-indicator{
   width:18px!important;background:#fa2c9c!important;
 }
 body #app .rfa-pop-home .rfa-carousel-touch-controls{
   display:flex!important;position:absolute!important;z-index:10!important;
   top:auto!important;bottom:3px!important;left:auto!important;right:10px!important;
   width:auto!important;height:37px!important;transform:none!important;
   justify-content:flex-end!important;gap:6px!important;pointer-events:none;
 }
 body #app .rfa-pop-home .rfa-carousel-touch-controls button{
   position:static!important;display:grid!important;place-items:center!important;
   height:36px!important;width:36px!important;min-width:36px!important;
   padding:0!important;font-size:22px!important;
   pointer-events:auto!important;touch-action:manipulation;
 }
 /* Rubriques : plutôt que cinq boutons illisibles, cinq cartes horizontales
    glissables avec un véritable repère visuel pour les découvrir. */
 body #app .rfa-pop-home .rfa-pop-quicknav{
   display:grid!important;grid-auto-flow:column!important;
   grid-auto-columns:clamp(122px,39vw,174px)!important;
   grid-template-columns:none!important;grid-template-rows:1fr!important;
   gap:9px!important;min-width:0!important;width:100%!important;
   overflow-x:auto!important;overflow-y:hidden!important;
   padding:3px 2px 9px!important;margin:0!important;
   scroll-snap-type:x mandatory!important;scroll-padding-inline:3px;
   overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
   scrollbar-width:thin;scrollbar-color:#df8ed5 transparent;
 }
 body #app .rfa-pop-home .rfa-pop-quick-link{
   width:auto!important;min-width:0!important;min-height:116px!important;
   height:116px!important;scroll-snap-align:start!important;
   padding:8px 6px 11px!important;border-radius:13px!important;
   display:flex!important;align-items:center!important;justify-content:space-between!important;
 }
 body #app .rfa-pop-home .rfa-pop-quick-link .rfa-pop-symbol{
   display:grid!important;place-items:center!important;
   height:76px!important;max-height:76px!important;
   width:100%!important;font-size:39px!important;
 }
 body #app .rfa-pop-home .rfa-pop-q-tv .rfa-pop-symbol{
   display:grid!important;place-items:center!important;
   height:76px!important;max-height:76px!important;width:100%!important;
   flex:none!important;
 }
 body #app .rfa-pop-home .rfa-pop-quick-link .rfa-pop-symbol img{
   width:76px!important;height:74px!important;max-width:94%!important;
   object-fit:contain!important;
 }
 body #app .rfa-pop-home .rfa-pop-quick-link strong{
   font-size:13px!important;line-height:1.2!important;white-space:normal!important;
   text-align:center!important;
 }
 body #app .rfa-pop-home .rfa-pop-mobile-hint{
   display:block!important;margin:-7px 1px 0!important;
   color:#795e97;font-size:11px;font-weight:750;letter-spacing:.1px;
 }
 /* Audiences : classement prioritaire, barre, chiffres et PDA jamais écrasés. */
 body #app .rfa-pop-home .rfa-pop-tv{
   width:100%!important;min-width:0!important;
   padding:10px!important;border-width:3px!important;
   border-radius:18px!important;gap:9px!important;
 }
 body #app .rfa-pop-home .rfa-pop-tv-heading{
   padding:5px 5px 9px!important;gap:6px!important;align-items:center!important;
 }
 body #app .rfa-pop-home .rfa-pop-tv-heading h2{
   font-size:clamp(23px,6.3vw,29px)!important;
   line-height:1.1!important;letter-spacing:-.5px!important;gap:8px!important;
 }
 body #app .rfa-pop-home .rfa-pop-tv-heading h2::before{
   width:27px!important;height:23px!important;border-width:3px!important;
 }
 body #app .rfa-pop-home .rfa-pop-tv-heading p{
   font-size:11px!important;line-height:1.35!important;
 }
 body #app .rfa-pop-home .rfa-pop-tv-heading a{
   padding:9px 11px!important;font-size:12px!important;flex-shrink:0!important;
 }
 body #app .rfa-pop-home .rfa-pop-tv-inside{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;
 }
 body #app .rfa-pop-home .rfa-pop-tv-main{padding:14px 12px!important}
 body #app .rfa-pop-home .rfa-pop-tv-main h3{
   font-size:17px!important;margin:0 0 12px!important;
 }
 body #app .rfa-pop-home .rfa-pop-ranking{gap:9px!important}
 body #app .rfa-pop-home .rfa-pop-rank{
   display:grid!important;
   grid-template-columns:29px minmax(0,1fr) minmax(70px,auto)!important;
   gap:8px!important;align-items:center!important;
   min-width:0!important;min-height:64px!important;padding-bottom:9px!important;
 }
 body #app .rfa-pop-home .rfa-pop-rank-art{display:none!important}
 body #app .rfa-pop-home .rfa-pop-rank-no{
   width:27px!important;height:27px!important;font-size:15px!important;
 }
 body #app .rfa-pop-home .rfa-pop-rank-info b{
   display:block!important;font-size:14px!important;line-height:1.25!important;
 }
 body #app .rfa-pop-home .rfa-pop-rank-info span{
   display:-webkit-box!important;-webkit-box-orient:vertical!important;
   -webkit-line-clamp:2!important;overflow:hidden!important;
   white-space:normal!important;font-size:12px!important;
   line-height:1.3!important;
 }
 body #app .rfa-pop-home .rfa-pop-rank-bar{
   height:10px!important;margin-top:7px!important;
 }
 body #app .rfa-pop-home .rfa-pop-rank-value{
   font-size:16px!important;line-height:1.15!important;
   max-width:94px!important;min-width:0!important;
 }
 body #app .rfa-pop-home .rfa-pop-rank-value small{
   font-size:11px!important;line-height:1.25!important;
 }
 body #app .rfa-pop-home .rfa-pop-tv-aside{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   gap:9px!important;
 }
 body #app .rfa-pop-home .rfa-pop-fact{
   min-height:0!important;padding:12px 14px!important;
   display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:5px 14px;
 }
 body #app .rfa-pop-home .rfa-pop-fact .rfa-pop-metric-title{
   text-align:left!important;font-size:13px!important;
 }
 body #app .rfa-pop-home .rfa-pop-fact .rfa-pop-metric-value{
   margin:0!important;font-size:28px!important;text-align:right!important;
 }
 body #app .rfa-pop-home .rfa-pop-fact p{
   grid-column:1/-1;margin:0!important;font-size:12px!important;text-align:left!important;
 }
 body #app .rfa-pop-home .rfa-pop-distribution{
   text-align:left!important;padding:14px!important;
 }
 body #app .rfa-pop-home .rfa-pop-distribution .rfa-pop-metric-title{
   font-size:14px!important;margin:0 0 10px!important;
 }
 body #app .rfa-pop-home .rfa-pop-pie-wrap{
   display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;
   gap:12px!important;align-items:center!important;justify-content:start!important;
 }
 body #app .rfa-pop-home .rfa-pop-pie{
   width:106px!important;height:106px!important;
 }
 body #app .rfa-pop-home .rfa-pop-pie::after{inset:19px!important}
 body #app .rfa-pop-home .rfa-pop-pie-center b{font-size:17px!important}
 body #app .rfa-pop-home .rfa-pop-pie-legend{gap:8px!important;min-width:0}
 body #app .rfa-pop-home .rfa-pop-pie-legend li{
   grid-template-columns:10px minmax(0,1fr) auto!important;
   gap:5px!important;
 }
 body #app .rfa-pop-home .rfa-pop-pie-legend li span{
   font-size:12px!important;
 }
 body #app .rfa-pop-home .rfa-pop-pie-legend li strong{
   font-size:12px!important;
 }
 body #app .rfa-pop-home .rfa-pop-tv-history{
   min-height:0!important;padding:13px 11px!important;
 }
 body #app .rfa-pop-home .rfa-pop-tv-history h3{
   font-size:14px!important;line-height:1.3!important;
 }
 body #app .rfa-pop-home .rfa-pop-tv-history canvas{
   display:block;width:100%!important;height:112px!important;max-height:112px!important;
 }
 body #app .rfa-pop-home .rfa-pop-tv-history canvas[hidden]{display:none!important}
 body #app .rfa-pop-home .rfa-pop-tv-history .rfa-pop-history-key{font-size:11px!important}
 body #app .rfa-pop-home .rfa-pop-tv-history #rfa-pop-history-status{
   font-size:11px!important;line-height:1.35!important;
 }
 /* Bas d'accueil : du vrai contenu, une colonne et des vignettes lisibles. */
 body #app .rfa-pop-home .rfa-pop-bottom{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   gap:17px!important;margin-top:20px!important;
 }
 body #app .rfa-pop-home .rfa-pop-column{
   min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:12px!important;
 }
 body #app .rfa-pop-home .rfa-pop-column-right{
   grid-column:auto!important;display:flex!important;grid-template-columns:none!important;
 }
 body #app .rfa-pop-home .rfa-pop-section-heading{
   flex-wrap:wrap!important;gap:6px 12px!important;min-height:0!important;
 }
 body #app .rfa-pop-home .rfa-pop-section-heading h2{
   font-size:22px!important;line-height:1.2!important;
 }
 body #app .rfa-pop-home .rfa-pop-section-heading a{font-size:12px!important}
 body #app .rfa-pop-home .rfa-pop-mini-feed{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important;
 }
 body #app .rfa-pop-home .rfa-pop-news-card{
   display:flex!important;flex-direction:row!important;
   min-height:142px!important;height:auto!important;width:100%!important;
   border-radius:13px!important;overflow:hidden!important;
 }
 body #app .rfa-pop-home .rfa-pop-news-thumb{
   flex:0 0 38%!important;max-width:38%!important;min-width:0!important;
   align-self:stretch!important;
 }
 body #app .rfa-pop-home .rfa-pop-news-thumb img{
   width:100%!important;height:100%!important;object-fit:cover!important;
 }
 body #app .rfa-pop-home .rfa-pop-news-info{
   gap:6px!important;padding:10px 10px 10px 0!important;min-width:0!important;
 }
 body #app .rfa-pop-home .rfa-pop-news-info h3{
   font-size:15px!important;line-height:1.34!important;
   -webkit-line-clamp:4!important;overflow-wrap:break-word!important;
 }
 body #app .rfa-pop-home .rfa-pop-news-info small{font-size:11px!important}
 body #app .rfa-pop-home .rfa-pop-retro-banner{
   min-height:240px!important;padding:19px 12px 120px!important;
   border-radius:16px!important;
 }
 body #app .rfa-pop-home .rfa-pop-retro-banner h2{
   font-size:clamp(36px,10vw,51px)!important;
   line-height:1.06!important;letter-spacing:-1.9px!important;
 }
 body #app .rfa-pop-home .rfa-pop-retro-banner p{font-size:12px!important}
 body #app .rfa-pop-home .rfa-pop-retro-art{
   display:block!important;width:98%!important;height:145px!important;
   right:-3%!important;bottom:-15px!important;max-width:none!important;
   object-fit:contain!important;z-index:-1!important;
 }
 body #app .rfa-pop-home .rfa-pop-week-panel h2{
   font-size:17px!important;padding:11px 12px!important;
 }
 /* Les trois sélections : une ligne par article, aucune demi-carte coupée. */
 body #app .rfa-pop-home .rfa-pop-week-list{
   display:grid!important;grid-auto-flow:row!important;
   grid-auto-columns:auto!important;
   grid-template-columns:minmax(0,1fr)!important;
   grid-template-rows:none!important;
   min-width:0!important;gap:10px!important;padding:11px!important;
   overflow-x:visible!important;overflow-y:visible!important;
   scroll-snap-type:none!important;
 }
 body #app .rfa-pop-home .rfa-pop-week-card{
   display:grid!important;
   grid-template-columns:minmax(106px,36%) minmax(0,1fr)!important;
   gap:11px!important;align-items:stretch!important;
   min-height:106px!important;min-width:0!important;
   scroll-snap-align:none!important;
   border:1px solid #eee0f6;border-radius:12px;
   background:#fff;overflow:hidden;
 }
 body #app .rfa-pop-home .rfa-pop-week-image{
   display:block!important;align-self:stretch!important;
   width:100%!important;height:100%!important;min-height:106px!important;
   aspect-ratio:auto!important;border-radius:0!important;
 }
 body #app .rfa-pop-home .rfa-pop-week-image img{
   width:100%!important;height:100%!important;object-fit:cover!important;
 }
 body #app .rfa-pop-home .rfa-pop-week-card strong{
   align-self:center!important;display:-webkit-box!important;
   -webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;
   min-width:0!important;margin:0!important;padding:9px 10px 9px 0!important;
   font-size:14px!important;line-height:1.35!important;
   overflow:hidden!important;overflow-wrap:break-word!important;
 }
 body #app .rfa-pop-home .rfa-pop-side-popular{
   padding:17px!important;width:100%!important;
 }
 body #app .rfa-pop-home .rfa-pop-side-popular h2{font-size:22px!important}
 body #app .rfa-pop-home .rfa-pop-side-popular .popular{
   font-size:14px!important;line-height:1.38!important;
   padding:13px 0!important;
 }
 body #app .rfa-pop-home .rfa-newsletter-side,
 body #app .rfa-pop-home .rfa-pop-newsletter{
   width:100%!important;padding:17px!important;border-radius:14px!important;
 }
 /* Only the email field is full-width. Checkboxes have fixed dimensions. */
 body #app .rfa-pop-home .rfa-newsletter-side input[type="email"]{
   display:block!important;box-sizing:border-box!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
   font-size:16px!important;min-height:44px!important;
 }
 body #app .rfa-pop-home .rfa-newsletter-side .rfa-subscribe{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   width:100%!important;min-width:0!important;gap:11px!important;
 }
 body #app .rfa-pop-home .rfa-newsletter-side label.rfa-checkbox{
   display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;
   gap:10px!important;align-items:start!important;
   min-width:0!important;width:100%!important;max-width:100%!important;
   padding:0!important;margin:0!important;
   white-space:normal!important;word-break:normal!important;
   text-align:left!important;font-size:12px!important;
   line-height:1.5!important;color:#344568!important;
 }
 body #app .rfa-pop-home .rfa-newsletter-side .rfa-checkbox input[type="checkbox"]{
   grid-column:1!important;display:block!important;
   box-sizing:border-box!important;
   width:20px!important;min-width:20px!important;max-width:20px!important;
   height:20px!important;min-height:20px!important;max-height:20px!important;
   padding:0!important;margin:1px 0 0!important;
   border-radius:4px!important;flex:none!important;align-self:start!important;
   accent-color:#f3218b;
 }
 body #app .rfa-pop-home .rfa-newsletter-side .rfa-checkbox span{
   grid-column:2!important;display:block!important;
   min-width:0!important;max-width:100%!important;
   overflow-wrap:break-word!important;word-break:normal!important;
 }
 body #app .rfa-pop-home .rfa-newsletter-side .rfa-status:empty{
   display:none!important;
 }
 body #app .rfa-pop-home .rfa-newsletter-side button{
   min-height:44px!important;font-size:14px!important;
 }
 body #app .rfa-pop-home .rfa-pop-stream{
   margin-top:21px!important;padding-top:18px!important;
 }
 body #app .rfa-pop-home .rfa-pop-stream-heading h2{font-size:24px!important}
 body #app .rfa-pop-home .rfa-pop-stream-grid{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important;
 }
 body #app .rfa-pop-home .rfa-pop-stream-card{
   display:grid!important;grid-template-columns:minmax(110px,36%) minmax(0,1fr)!important;
   width:100%!important;min-width:0!important;min-height:133px!important;
 }
 body #app .rfa-pop-home .rfa-pop-stream-image{
   min-height:133px!important;height:100%!important;
 }
 body #app .rfa-pop-home .rfa-pop-stream-body{
   min-width:0!important;gap:5px!important;padding:11px 10px!important;
 }
 body #app .rfa-pop-home .rfa-pop-stream-card h3{
   font-size:15px!important;line-height:1.3!important;-webkit-line-clamp:3!important;
 }
 body #app .rfa-pop-home .rfa-pop-stream-body p{display:none!important}
 body #app .rfa-pop-home .rfa-pop-stream-meta{gap:5px!important;font-size:11px!important}
 body #app .rfa-pop-home .rfa-pop-stream-read{font-size:12px!important}
}
@media(max-width:370px){
 body #app .rfa-pop-home .rfa-pop-pie-wrap{
   grid-template-columns:90px minmax(0,1fr)!important;gap:9px!important;
 }
 body #app .rfa-pop-home .rfa-pop-pie{
   width:88px!important;height:88px!important;
 }
 body #app .rfa-pop-home .rfa-pop-pie::after{inset:17px!important}
 body #app .rfa-pop-home .rfa-pop-pie-center b{font-size:14px!important}
 body #app .rfa-pop-home .rfa-pop-quicknav{
   grid-auto-columns:122px!important;
 }
 body #app .rfa-pop-home .rfa-pop-news-card{
   min-height:134px!important;
 }
 body #app .rfa-pop-home .rfa-pop-news-info h3{
   font-size:14px!important;
 }
}
@media(min-width:768px) and (max-width:1024px){
 body #app .rfa-pop-home .rfa-pop-hero-grid{
   grid-template-columns:minmax(0,1fr)!important;
 }
 body #app .rfa-pop-home .rfa-pop-lead .rfa-headline-carousel{
   height:410px!important;min-height:410px!important;flex:0 0 410px!important;
 }
 body #app .rfa-pop-home .rfa-pop-quicknav{
   grid-template-columns:repeat(5,minmax(0,1fr))!important;
 }
 body #app .rfa-pop-home .rfa-pop-quick-link strong{
   font-size:12px!important;
 }
 body #app .rfa-pop-home .rfa-pop-tv-inside{
   grid-template-columns:minmax(0,1fr) minmax(190px,.8fr)!important;
 }
 body #app .rfa-pop-home .rfa-pop-tv-aside{
   display:flex!important;flex-direction:column!important;
 }
 body #app .rfa-pop-home .rfa-pop-bottom{
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 body #app .rfa-pop-home .rfa-pop-column-right{
   grid-column:1/-1!important;display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}


/* Priorité au logo compact dans le vrai header mobile : la règle
   desktop précédente n'a plus le droit de forcer 30px sur téléphone. */
@media(max-width:767px){
 body:has(.rfa-pop-home) .main-header .brand-name>span{
   font-size:clamp(18px,5.2vw,25px)!important;
   line-height:1.1!important;letter-spacing:-.8px!important;
 }
 body:has(.rfa-pop-home) .main-header .brand-icon{
   width:33px!important;height:39px!important;
 }
 body:has(.rfa-pop-home) .main-header .brand-name small{
   font-size:9px!important;
 }
 body #app .rfa-pop-home .rfa-headline-carousel .hero-text{
   min-height:236px!important;
 }
}

/* Indication de glissement : cachée sur desktop, explicite sur téléphone. */
body #app .rfa-pop-home .rfa-pop-mobile-hint{display:none}


/* ============================================================
   ACCUEIL DESKTOP / refonte éditoriale 2026-11-03
   - Un seul article par ligne dans les deux fils
   - Même largeur pour en-tête, navigation et page
   - Textes lisibles, cartes équilibrées
   - Aucun changement aux données, images et comportements
   - Mobile (<768px) conservé intégralement
   ============================================================ */
@media(min-width:768px){
  body #app .rfa-pop-home .rfa-pop-mini-feed{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  body #app .rfa-pop-home .rfa-pop-news-card{
    display:flex!important;flex-direction:row!important;
    width:100%!important;min-width:0!important;min-height:132px!important;
    gap:13px!important;align-items:stretch!important;
    overflow:hidden!important;
    border-radius:14px!important;
  }
  body #app .rfa-pop-home .rfa-pop-news-thumb{
    position:relative!important;display:block!important;
    flex:0 0 34%!important;max-width:34%!important;
    min-width:0!important;min-height:132px!important;
    align-self:stretch!important;
  }
  body #app .rfa-pop-home .rfa-pop-news-thumb img{
    display:block!important;position:absolute!important;
    width:100%!important;height:100%!important;inset:0!important;
    object-fit:cover!important;
  }
  body #app .rfa-pop-home .rfa-pop-news-info{
    flex:1 1 0!important;min-width:0!important;overflow:hidden!important;
    padding:13px 13px 12px 0!important;
    display:flex!important;flex-direction:column!important;gap:7px!important;
  }
  body #app .rfa-pop-home .rfa-pop-news-info h3{
    font-size:clamp(16px,1.16vw,19px)!important;
    line-height:1.31!important;font-weight:900!important;
    -webkit-line-clamp:4!important;overflow-wrap:break-word!important;
    margin:0!important;
  }
  body #app .rfa-pop-home .rfa-pop-news-info .tag{
    font-size:11px!important;letter-spacing:.2px!important;
  }
  body #app .rfa-pop-home .rfa-pop-news-info small{
    margin-top:auto!important;font-size:12px!important;
  }

  /* Le fil complet reprend la lecture d'un véritable site d'actualité :
     titre, contexte et photo sur une seule ligne par publication. */
  body #app .rfa-pop-home .rfa-pop-stream{
    padding-top:24px!important;margin-top:17px!important;
    border-top:2px solid #ebd6f1!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-heading{
    margin-bottom:17px!important;align-items:center!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-heading h2{
    font-size:clamp(27px,2.15vw,35px)!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-heading>a{
    font-size:14px!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-grid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:13px!important;min-width:0!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-card{
    display:grid!important;
    grid-template-columns:clamp(190px,22%,280px) minmax(0,1fr)!important;
    min-width:0!important;min-height:156px!important;
    border-radius:15px!important;
    border:1px solid #e6dbf1!important;
    box-shadow:0 4px 14px #30236912!important;
    overflow:hidden!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-image{
    display:block!important;position:relative!important;
    width:100%!important;height:100%!important;min-height:156px!important;
    overflow:hidden!important;background:#eee7f7;
  }
  body #app .rfa-pop-home .rfa-pop-stream-image img{
    display:block!important;position:absolute!important;
    inset:0!important;width:100%!important;height:100%!important;
    object-fit:cover!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-body{
    display:flex!important;flex-direction:column!important;
    min-width:0!important;gap:7px!important;
    padding:17px 22px!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-meta{
    display:flex!important;gap:11px!important;font-size:12px!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-card h3{
    margin:0!important;color:#172048!important;
    font-size:clamp(19px,1.53vw,24px)!important;
    line-height:1.28!important;font-weight:900!important;
    -webkit-line-clamp:3!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-card h3 a:hover{
    color:#f02086!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-body p{
    display:-webkit-box!important;-webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:14px!important;line-height:1.45!important;
    color:#626d89!important;margin:0!important;overflow:hidden!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-read{
    margin-top:auto!important;font-size:13px!important;
  }
  body #app .rfa-pop-home .rfa-pop-section-heading h2{
    font-size:clamp(23px,1.7vw,30px)!important;
    font-weight:950!important;letter-spacing:-.55px!important;
  }
  body #app .rfa-pop-home .rfa-pop-section-heading a{
    font-size:13px!important;
  }
  body #app .rfa-pop-home .rfa-pop-week-card strong{
    font-size:clamp(13px,.97vw,16px)!important;
    line-height:1.35!important;
    -webkit-line-clamp:4!important;
  }
  body #app .rfa-pop-home .rfa-pop-week-panel h2{
    font-size:clamp(18px,1.35vw,22px)!important;
  }
  body #app .rfa-pop-home .rfa-pop-side-popular .popular{
    font-size:clamp(14px,1vw,16px)!important;
    line-height:1.38!important;
  }
  body #app .rfa-pop-home .rfa-pop-side-popular h2{
    font-size:clamp(22px,1.5vw,27px)!important;
  }
  body #app .rfa-pop-home .rfa-newsletter-side p{
    font-size:14px!important;line-height:1.45!important;
  }
  body #app .rfa-pop-home .rfa-pop-ranking{
    font-size:14px!important;
  }
  body #app .rfa-pop-home .rfa-pop-rank-info b{
    font-size:14px!important;
  }
  body #app .rfa-pop-home .rfa-pop-rank-info span{
    font-size:12px!important;
  }
  body #app .rfa-pop-home .rfa-pop-rank-value{
    font-size:17px!important;
  }
  body #app .rfa-pop-home .rfa-pop-tv-history h3{
    font-size:15px!important;
  }
}

@media(min-width:1181px){
  /* Alignement de l'identité du site avec le corps de page,
     sans laisser un logo au centre d'une bande trop large. */
  body:has(.rfa-pop-home) .header-content,
  body:has(.rfa-pop-home) .navigation .nav-inner,
  body:has(.rfa-pop-home) .topline-inner,
  body:has(.rfa-pop-home) #app.main-content,
  body:has(.rfa-pop-home) .footer-top,
  body:has(.rfa-pop-home) .footer-bottom{
    box-sizing:border-box!important;
    width:calc(100% - 48px)!important;
    max-width:1600px!important;
    padding-inline:0!important;
    margin-inline:auto!important;
  }
  body:has(.rfa-pop-home) .header-content{
    display:flex!important;gap:22px!important;
    align-items:center!important;min-height:90px!important;
  }
  body:has(.rfa-pop-home) .brand{
    min-width:300px!important;gap:12px!important;
  }
  body:has(.rfa-pop-home) .brand-name>span{
    font-size:clamp(31px,2.45vw,40px)!important;
  }
  body:has(.rfa-pop-home) .brand-name small{
    font-size:12px!important;
  }
  body:has(.rfa-pop-home) .navigation .nav-inner{
    display:flex!important;justify-content:flex-start!important;
    gap:clamp(8px,1.05vw,18px)!important;
  }
  body:has(.rfa-pop-home) .navigation .nav-link{
    font-size:clamp(13px,.95vw,15px)!important;
    padding:10px 12px!important;
  }
  body:has(.rfa-pop-home) .main-content{
    padding-top:17px!important;padding-bottom:38px!important;
  }

  /* Trois colonnes équilibrées, pas de grand trou avant le fil. */
  body #app .rfa-pop-home .rfa-pop-bottom{
    display:grid!important;grid-template-columns:
      minmax(0,1.1fr) minmax(0,1fr) minmax(295px,.86fr)!important;
    align-items:start!important;
    gap:18px!important;margin-top:18px!important;
  }
  body #app .rfa-pop-home .rfa-pop-column-right{
    grid-column:auto!important;
    display:flex!important;flex-direction:column!important;
    gap:13px!important;
  }
  body #app .rfa-pop-home .rfa-pop-news-card{
    min-height:135px!important;
  }
  body #app .rfa-pop-home .rfa-pop-retro-banner{
    min-height:235px!important;
  }
  body #app .rfa-pop-home .rfa-pop-retro-banner h2{
    font-size:clamp(39px,3.2vw,55px)!important;
  }
  body #app .rfa-pop-home .rfa-pop-week-list{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;padding:11px!important;
  }
  body #app .rfa-pop-home .rfa-pop-week-image{
    aspect-ratio:1.45!important;
  }
  body #app .rfa-pop-home .rfa-pop-lead .hero h1{
    font-size:clamp(30px,2.4vw,42px)!important;
    line-height:1.12!important;
  }
  body #app .rfa-pop-home .rfa-pop-lead .hero-text p{
    font-size:15px!important;line-height:1.45!important;
  }
}
@media(min-width:768px) and (max-width:1180px){
  body #app .rfa-pop-home .rfa-pop-news-card{
    min-height:125px!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-card{
    grid-template-columns:minmax(165px,31%) minmax(0,1fr)!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-card h3{
    font-size:19px!important;
  }
}


/* Références publiées sans photo : ne pas afficher de grandes tuiles vides
   qui imitent une illustration. Une entrée lisible prend toute la ligne. */
body #app .rfa-pop-home .rfa-pop-stream-card.rfa-pop-stream-card--no-photo{
  grid-template-columns:minmax(0,1fr)!important;
  border-left:5px solid #d83bd8!important;
  background:linear-gradient(120deg,#fff 0%,#fff9fe 100%)!important;
}
body #app .rfa-pop-home .rfa-pop-stream-card--no-photo .rfa-pop-stream-body{
  padding-left:22px!important;
}
@media(max-width:767px){
  body #app .rfa-pop-home .rfa-pop-stream-card.rfa-pop-stream-card--no-photo{
    grid-template-columns:minmax(0,1fr)!important;
    min-height:120px!important;
  }
  body #app .rfa-pop-home .rfa-pop-stream-card--no-photo .rfa-pop-stream-body{
    padding:14px 16px!important;
  }
}


/* RFA finition desktop 2026-11-03 : lisibilite et largeur */
@media (min-width:1181px) {
  /* Largeur commune : header, menu, contenu et pied restent alignes. */
  body:has(.rfa-pop-home) .header-content,
  body:has(.rfa-pop-home) .navigation .nav-inner,
  body:has(.rfa-pop-home) .topline-inner,
  body:has(.rfa-pop-home) #app.main-content,
  body:has(.rfa-pop-home) .footer-top,
  body:has(.rfa-pop-home) .footer-bottom {
    width:calc(100% - 48px)!important;
    max-width:1720px!important;
  }
  body #app .rfa-pop-home .rfa-pop-hero-grid{
    gap:20px!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  body #app .rfa-pop-home .rfa-pop-bottom{
    grid-template-columns:minmax(0,1.16fr) minmax(0,1fr) minmax(300px,.83fr)!important;
    gap:20px!important;
  }
}
/* En dessous de 1450px, donner un peu plus de place aux articles. */
@media (min-width:1181px) and (max-width:1450px) {
  body #app .rfa-pop-home .rfa-pop-bottom{
    grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(270px,.83fr)!important;
    gap:14px!important;
  }
  body #app .rfa-pop-home .rfa-pop-news-info h3{font-size:16px!important}
}
/* Rendre les petits chiffres d'audience reellement lisibles sans modifier les valeurs. */
@media (min-width:1025px) {
  body #app .rfa-pop-home .rfa-pop-tv-heading p{font-size:13px!important}
  body #app .rfa-pop-home .rfa-pop-tv-main h3{font-size:16px!important}
  body #app .rfa-pop-home .rfa-pop-rank-info b{font-size:14px!important;line-height:1.3!important}
  body #app .rfa-pop-home .rfa-pop-rank-info span{font-size:12px!important;line-height:1.4!important}
  body #app .rfa-pop-home .rfa-pop-rank-value small{font-size:11px!important}
  body #app .rfa-pop-home .rfa-pop-tv-metric .rfa-pop-metric-title{font-size:12px!important}
  body #app .rfa-pop-home .rfa-pop-tv-metric p{font-size:11px!important;line-height:1.45!important}
  body #app .rfa-pop-home .rfa-pop-tv-history{min-height:126px!important}
  body #app .rfa-pop-home .rfa-pop-tv-history canvas{height:90px!important}
}
/* Clavier : une indication visible sur les cartes de l'accueil. */
body #app .rfa-pop-home .rfa-pop-news-card:focus-within,
body #app .rfa-pop-home .rfa-pop-stream-card:focus-within{
  outline:3px solid #596bf6;outline-offset:2px;
}
@media(prefers-reduced-motion:reduce){
  body #app .rfa-pop-home a,
  body #app .rfa-pop-home button{transition:none!important}
}


/* RFA — carrousel magazine V2, 2026-11-03.
   Reequilibre photo / titre et controles, sans changer les donnees du slider. */
@media (min-width:768px){
  body #app .rfa-pop-home .rfa-pop-lead .rfa-headline-carousel{
    isolation:isolate!important;
    border-radius:18px!important;
  }
  body #app .rfa-pop-home .rfa-pop-lead .rfa-headline-carousel .hero-img img{
    object-fit:cover!important;
    object-position:63% 33%!important;
  }
  body #app .rfa-pop-home .rfa-pop-lead .hero-image-overlay{
    background:linear-gradient(90deg,
      rgba(16,8,42,.93) 0%,
      rgba(22,9,54,.84) 29%,
      rgba(24,11,53,.40) 57%,
      rgba(20,9,44,.04) 88%)!important;
  }
  body #app .rfa-pop-home .rfa-pop-lead .hero-text{
    top:0!important;bottom:0!important;left:0!important;
    width:75%!important;max-width:480px!important;
    height:100%!important;min-height:0!important;
    padding:63px 22px 55px!important;
    justify-content:center!important;align-items:flex-start!important;
    overflow:visible!important;
  }
  body #app .rfa-pop-home .rfa-pop-lead .hero h1{
    font-size:clamp(23px,1.72vw,30px)!important;
    line-height:1.13!important;letter-spacing:-.55px!important;
    margin:4px 0 10px!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;line-clamp:3!important;
    overflow:hidden!important;text-wrap:balance;
    max-width:100%!important;
  }
  body #app .rfa-pop-home .rfa-pop-lead .hero-text p{
    font-size:13px!important;line-height:1.42!important;
    margin:0 0 14px!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;line-clamp:2!important;
    overflow:hidden!important;
    max-width:94%!important;
  }
  body #app .rfa-pop-home .rfa-pop-lead .hero .read-more{
    padding:9px 14px!important;font-size:12px!important;
    margin:0!important;flex:0 0 auto!important;
  }
  body #app .rfa-pop-home .rfa-carousel-dots{
    right:auto!important;left:17px!important;
    bottom:9px!important;justify-content:flex-start!important;
    gap:0!important;width:auto!important;
  }
  body #app .rfa-pop-home .rfa-carousel-dot{
    width:25px!important;height:31px!important;
  }
  body #app .rfa-pop-home .rfa-carousel-dot .rfa-carousel-indicator{
    width:7px!important;height:7px!important;
  }
  body #app .rfa-pop-home .rfa-carousel-dot[aria-selected="true"] .rfa-carousel-indicator{
    width:19px!important;
  }
  body #app .rfa-pop-home .rfa-carousel-touch-controls{
    top:auto!important;bottom:9px!important;
    left:auto!important;right:13px!important;
    width:auto!important;height:auto!important;
    transform:none!important;
    display:flex!important;justify-content:flex-end!important;gap:7px!important;
  }
}
@media(min-width:768px) and (max-width:1180px){
  body #app .rfa-pop-home .rfa-pop-lead .hero-text{
    width:76%!important;padding:55px 21px 48px!important;
  }
  body #app .rfa-pop-home .rfa-pop-lead .hero h1{
    font-size:clamp(22px,2.45vw,27px)!important;
  }
}
@media(max-width:767px){
  /* Le mobile garde son carrousel pleine largeur et ses commandes tactiles. */
  body #app .rfa-pop-home .rfa-pop-lead .hero h1{
    text-wrap:pretty;
  }
}

/* Portraits : garder tout le visage et le sujet dans le cadre paysage existant. */
body #app .rfa-pop-home .rfa-pop-lead .hero-img.rfa-photo-portrait{background:#201044!important}
@media(min-width:768px){
 body #app .rfa-pop-home .rfa-pop-lead .hero-img.rfa-photo-portrait img{
   inset:0 0 0 auto!important;width:66%!important;height:100%!important;
   object-fit:contain!important;object-position:right center!important;
 }
}
@media(max-width:767px){
 body #app .rfa-pop-home .rfa-pop-lead .hero-img.rfa-photo-portrait img{
   object-fit:contain!important;object-position:center!important;
 }
}