/* RealDigitalTech V23 — correctifs de mise en page (chargé en dernier sur toutes les pages)
   1. Menu de langue au-dessus du bandeau NEW
   2. Colonne article : marges symétriques, images contenues, aucun contact avec la bande verticale du rail
   3. Radar gaming : 4 cartes alignées, jamais de carte orpheline
   4. Garde-fous responsive (aucun défilement horizontal) */

/* 1 — Langues ------------------------------------------------------------ */
header.mast{position:relative!important;z-index:6000!important}
.main-nav{z-index:6000!important}
.rdt-nav-tools .rdt-language{z-index:6100!important}
.rdt-lang-pop{z-index:6200!important;min-width:170px;width:auto!important}
.rdt-lang-pop a{white-space:nowrap}
.rdt-lang-pop a[aria-current="page"]{background:#eaf5ff;box-shadow:inset 3px 0 0 #087fd0}
.rdt-lang-pop .rdt-lang-name{color:#12304f;font-weight:700;font-size:.74rem;margin-left:auto;opacity:.75}
.rdt-lang-pop .rdt-lang-note{display:block;padding:6px 8px 4px;font-size:.66rem;line-height:1.3;color:#5b6b7f;border-top:1px solid #e3ebf4;margin-top:4px;white-space:normal}

/* 2 — Colonne article ------------------------------------------------------ */
.rdt-page-main>main.article-page,
.rdt-page-main>main.shell.article-page{
  box-sizing:border-box!important;
  width:auto!important;max-width:none!important;
  margin-left:0!important;margin-right:0!important;
  padding-left:34px!important;padding-right:34px!important;
  overflow-x:clip;
}
.article-page article,
.article-page article>*{max-width:100%;box-sizing:border-box}
.article-page img,
.article-page video,
.article-page iframe,
.article-page figure,
.article-page table{max-width:100%!important;box-sizing:border-box}
.article-page article>img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover!important;margin:14px 0 6px!important}
.article-page .affiliate-notice{box-sizing:border-box;max-width:100%}
.article-page .story-meta{color:#5b6b7f!important;opacity:1!important}
.rdt-page-main{overflow-x:clip}
/* Espace de respiration entre la colonne et la bande verticale du rail */
@media (min-width:1101px){
  .rdt-page-frame{column-gap:22px}
  .right-trending-rail img{max-width:100%;height:auto}
}

/* 3 — Radar gaming ----------------------------------------------------------- */
.gaming-hub .gaming-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.gaming-hub .gaming-card{min-width:0}
.gaming-hub .gaming-card img{display:block;width:100%!important;aspect-ratio:16/9;height:auto!important;object-fit:cover}
@media (max-width:1100px){.gaming-hub .gaming-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){.gaming-hub .gaming-grid{grid-template-columns:1fr!important}}

/* 4 — Garde-fous responsive ---------------------------------------------------- */
html,body{max-width:100%;overflow-x:hidden}
@media (max-width:760px){
  .rdt-page-main>main.article-page,
  .rdt-page-main>main.shell.article-page{padding-left:16px!important;padding-right:16px!important}
}

/* 5 — Accueil : sections alignées sur la largeur du panneau, titre Outils lisible */
.rdt-main-segment>section.gaming-hub.shell,
.rdt-main-segment>section.tools-fun.shell{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
.rdt-main-segment>section.gaming-hub.shell{padding-left:17px!important;padding-right:17px!important}
.tools-fun .section-title h2{color:#071b39!important}

/* 6 — Mobile / tablette : la colonne article ne doit jamais être écrasée par le rail
   (avant correction : grid-template-columns = 0px 334px sur téléphone). */
@media (max-width:1100px){
  .rdt-page-frame,.rdt-page-frame.rdt-true-rows{display:block!important;grid-template-columns:none!important}
  .rdt-page-main{width:auto!important;max-width:none!important}
  .right-trending-rail{width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:18px 12px!important;position:relative!important;inset:auto!important}
  .right-trending-rail [data-rdt-clone]{display:none!important}
  .right-trending-rail:before{display:none!important}
  .rdt-rail-segment{width:auto!important;max-width:none!important}
}
@media (min-width:640px) and (max-width:1100px){
  .right-trending-rail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:16px!important}
  .right-trending-rail .rail-title{grid-column:1/-1}
}

/* 7 — Navigation mobile : barre compacte toujours visible (menu ☰ + logo + recherche + langue).
   Avant correction : .main-nav était masquée sous 760 px et aucune alternative n'existait sur les articles. */
@media (max-width:760px){
  .main-nav,.main-nav.open{display:block!important;position:sticky!important;top:0!important;z-index:6000!important;background:#061632!important}
  .main-nav .nav-scroll{display:flex!important;align-items:stretch!important;flex-wrap:nowrap!important;overflow:visible!important;min-height:52px;padding:0 8px!important;gap:0!important}
  .main-nav .nav-scroll>a:not(.rdt-nav-brand){display:none!important}
  .main-nav .rdt-home-menu{display:flex!important;align-items:center}
  .main-nav .rdt-nav-brand{display:flex!important;align-items:center;margin-right:auto!important;padding:0 8px!important}
  .main-nav .rdt-nav-tools{display:flex!important;align-items:stretch;margin-left:auto!important}
  .main-nav .rdt-home-menu-panel{max-height:calc(100vh - 60px);overflow-y:auto}
  .mobile-menu{display:none!important}
}

/* 8 — Articles d'analyse : tableaux comparatifs et chiffres clés */
.article-page .rdt-table{overflow-x:auto;margin:14px 0 18px;border:1px solid #cfdcec;background:#fff}
.article-page .rdt-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:.95rem}
.article-page .rdt-table th{text-align:left;background:#071b39;color:#fff;font-weight:800;padding:10px 12px;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase}
.article-page .rdt-table td{padding:11px 12px;border-top:1px solid #e1e9f3;vertical-align:top;line-height:1.5}
.article-page .rdt-table td:first-child{font-weight:800;color:#071b39;width:24%}
.article-page .rdt-table tbody tr:nth-child(even) td{background:#f5f9fd}
.article-page .rdt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0 18px}
.article-page .rdt-stat{background:#fff;border:1px solid #cfdcec;border-top:5px solid #087fd0;padding:14px 16px;display:grid;gap:4px}
.article-page .rdt-stat:nth-child(4n+2){border-top-color:#0a9168}.article-page .rdt-stat:nth-child(4n+3){border-top-color:#d97706}.article-page .rdt-stat:nth-child(4n+4){border-top-color:#c1133f}
.article-page .rdt-stat b{font-size:1.9rem;line-height:1.1;font-weight:900;color:#071b39;font-variant-numeric:tabular-nums}
@media (max-width:520px){.article-page .rdt-stat b{font-size:1.45rem;white-space:nowrap}.article-page .rdt-stat{padding:12px}}
.article-page .rdt-stat span{font-weight:800;color:#12304f}
.article-page .rdt-stat small{color:#5b6b7f;font-size:.82rem}
.article-page .article-sources ul{padding-left:18px}
.article-page .article-sources li{margin:4px 0}
.article-page .rdt-note{font-size:.9rem;color:#4a5b72;border-left:4px solid #cfdcec;padding:8px 12px;background:#f7fafd}
[dir="rtl"] .article-page .rdt-table th{text-align:right}
.article-page .rdt-table a{color:#075ff7;text-decoration:underline;text-underline-offset:2px}

/* 9. Newsletter masquée tant qu'elle n'est pas branchée : l'assistant prend toute la largeur */
.tools.shell:not(:has(.signup)){grid-template-columns:1fr}

/* 10. Publicité, sponsoring, affiliation : emplacements prêts, jamais vides à l'écran, toujours étiquetés */
.ad-slot:empty{display:none!important}
.ad-slot:not(:empty){position:relative;padding-top:18px}
.ad-slot:not(:empty)::before{content:"Advertisement";position:absolute;top:2px;left:8px;font-size:.62rem;letter-spacing:.1em;color:#68755a}
html[lang="fr"] .ad-slot:not(:empty)::before{content:"Publicité"}
.rdt-label{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:4px;vertical-align:middle}
.rdt-label-sponsored{background:#fff4d6;color:#8a5a00;border:1px solid #f0d58a}
.rdt-label-ad{background:#eef1f4;color:#4b5563;border:1px solid #d6dbe1}
.rdt-label-affiliate{background:#e8f4ff;color:#0a4f8a;border:1px solid #b9dcfb}
.rdt-ai-note{margin:18px 0 0;padding:12px 14px;background:#f3f6fb;border-left:4px solid #087fd0;font-size:.9rem;color:#33475f}
.rdt-ai-note a{color:#075ff7;font-weight:700}

/* 11. Fil d'Ariane et pages rubriques */
.rdt-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px;padding:0;font-size:.82rem;color:#5e6c83}
.rdt-breadcrumb li+li::before{content:"›";margin-right:4px;color:#9aa8bb}
.rdt-breadcrumb a{color:#075ff7;font-weight:600}
.page-hero+.content .rdt-cat-grid,.rdt-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;width:min(1220px,calc(100% - 34px));margin:18px auto 40px}
.rdt-cat-card{display:grid;grid-template-rows:auto 1fr;background:#fff;border:1px solid #dce5f2;border-radius:10px;overflow:hidden;color:#07152d}
.rdt-cat-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.rdt-cat-card span{display:grid;gap:6px;padding:12px 14px}
.rdt-cat-card small{font-size:.7rem;font-weight:800;letter-spacing:.06em;color:#087fd0}
.rdt-cat-card b{font-size:1.02rem;line-height:1.3}
.rdt-cat-card em{font-style:normal;color:#5e6c83;font-size:.88rem;line-height:1.45}
.rdt-cat-card:hover{border-color:#087fd0}
.rdt-cat-tile span{padding:18px}
body>.rdt-breadcrumb,main>.rdt-breadcrumb{width:min(1220px,calc(100% - 34px));margin:14px auto 0}

/* 12. Dimensions d'images déclarées (anti-décalage) sans déformation */
:where(img[width][height]){height:auto}

/* 13. Mobile : menu, recherche et langue sur une seule ligne */
@media (max-width:760px){
  .main-nav .nav-scroll{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center}
  .main-nav .rdt-home-menu{flex:0 0 auto!important;width:auto!important;min-width:0!important}
  .main-nav .rdt-nav-tools{margin-left:auto!important}
}

/* 14. Arabe (droite à gauche) */
html[dir="rtl"] .skip:not(:focus),html[dir="rtl"] .sr-only{left:0!important;right:auto!important;clip-path:inset(50%);white-space:nowrap}
html[dir="rtl"] .rdt-home-menu-panel{left:auto!important;right:0!important}
html[dir="rtl"] .news-belt{direction:ltr}
html[dir="rtl"] .rdt-breadcrumb li+li::before{content:"‹";margin:0 0 0 4px}
html[dir="rtl"] .article-page ul,html[dir="rtl"] .legal ul{padding-right:1.4em;padding-left:0}
html[dir="rtl"] .rdt-ai-note{border-left:0;border-right:4px solid #087fd0}
html[dir="rtl"] body{font-family:"Segoe UI",Tahoma,"Noto Sans Arabic",Arial,sans-serif}

/* 15. Newsletter (Brevo) : encart de fin d'article et page Newsletter */
.rdt-nl-cta{width:min(900px,calc(100% - 34px));margin:28px auto;display:flex;gap:20px;align-items:center;justify-content:space-between;background:#eaf3ff;border:1px solid #cfe2fb;border-left:5px solid #087fd0;border-radius:12px;padding:20px 24px}
.rdt-nl-cta h2{margin:0 0 4px;font-size:1.2rem}.rdt-nl-cta p{margin:0;color:#5e6c83;font-size:.92rem}
.rdt-nl-cta .primary{flex:0 0 auto;white-space:nowrap}
@media(max-width:640px){.rdt-nl-cta{flex-direction:column;align-items:flex-start}}
html[dir="rtl"] .rdt-nl-cta{border-left:1px solid #cfe2fb;border-right:5px solid #087fd0}
.rdt-nl-frame{margin:22px 0 6px}

/* 16. Mention de la photo de presse sous l'image principale */
.rdt-photo-credit{margin:-20px 0 22px;font-size:.74rem;color:#6b7890;text-align:right}
html[dir="rtl"] .rdt-photo-credit{text-align:left}

/* 17. Auteur : photo (page auteur, liste des auteurs, signature) */
.rdt-author-photo{float:right;width:160px!important;height:160px!important;max-width:160px!important;border-radius:50%!important;object-fit:cover;padding:0!important;margin:0 0 14px 22px;border:4px solid #fff;box-shadow:0 2px 10px rgba(6,22,50,.15)}
html[dir="rtl"] .rdt-author-photo{float:left;margin:0 22px 14px 0}
.rdt-author-h{display:flex;align-items:center;gap:14px}
.rdt-author-thumb{width:64px!important;height:64px!important;border-radius:50%!important;margin:0!important;object-fit:cover;flex:none}
.rdt-author-link{display:flex;align-items:center;flex-wrap:wrap;gap:0 5px}
.rdt-byline-photo{width:32px!important;height:32px!important;max-width:32px!important;border-radius:50%!important;object-fit:cover;margin:0 4px 0 0!important;padding:0!important;border:0!important;box-shadow:none!important}
html[dir="rtl"] .rdt-byline-photo{margin:0 0 0 4px}
@media(max-width:600px){.rdt-author-photo{float:none;display:block;margin:0 auto 16px}}

/* 18. Icône « maison » du lien Home dans le menu (remplace l'ancien signe ⌂) */
.rdt-home{display:inline-flex!important;align-items:center;gap:7px}
.rdt-home::before{content:"";width:17px;height:17px;flex:none;background:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2 2.5 11.3l1.3 1.5L5 11.8V20a1 1 0 0 0 1 1h4.5v-6h3v6H18a1 1 0 0 0 1-1v-8.2l1.2 1 1.3-1.5z'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2 2.5 11.3l1.3 1.5L5 11.8V20a1 1 0 0 0 1 1h4.5v-6h3v6H18a1 1 0 0 0 1-1v-8.2l1.2 1 1.3-1.5z'/%3E%3C/svg%3E") center/contain no-repeat}

/* 19. Menu principal : les intitulés longs (espagnol, allemand…) passent sur 2 lignes au lieu de se chevaucher */
@media (min-width:901px){
.main-nav .nav-scroll>a:not(.rdt-sticky-logo){white-space:normal!important;text-align:center!important;line-height:1.15!important;min-width:min-content!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
}
/* photos d'auteur toujours rondes (les règles « img{border-radius:0} » de styles.css sont plus spécifiques) */
.article-page .rdt-author-link img.rdt-byline-photo,.rdt-author-link img.rdt-byline-photo,.legal img.rdt-author-photo,.legal img.rdt-author-thumb,main img.rdt-author-photo,main img.rdt-author-thumb{border-radius:50%!important}

/* 20. Encadré « Consensus des testeurs » (synthèses de tests) */
.rdt-consensus{margin:22px 0;padding:18px 20px;background:#fff;border:1px solid #d6e2f1;border-top:4px solid #087fd0;border-radius:10px;box-shadow:0 2px 10px rgba(6,22,50,.06)}
.rdt-cs-head{display:flex;align-items:center;gap:18px}
.rdt-cs-score{flex:none;width:104px;height:104px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;background:conic-gradient(#087fd0 calc(var(--p,80)*1%),#e3edf8 0);position:relative}
.rdt-cs-score::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}
.rdt-cs-score b,.rdt-cs-score span{position:relative}
.rdt-cs-score b{font-size:25px;line-height:1;color:#061632;letter-spacing:-.02em}.rdt-cs-score span{font-size:12px;color:#5a6a80;margin-left:1px;align-self:center;margin-top:6px}
.rdt-consensus h2{margin:0 0 2px!important;font-size:1.15rem!important}
.rdt-consensus .rdt-cs-head p{margin:0 0 6px;color:#5a6a80;font-size:.92rem}
.rdt-cs-agree{display:inline-block;font-size:.8rem;font-weight:800;padding:3px 10px;border-radius:999px}
.rdt-cs-ok{background:#e1f3e9;color:#1d7a4f}.rdt-cs-mid{background:#e3f0fb;color:#075b9a}.rdt-cs-low{background:#fff1e3;color:#a4500f}
.rdt-consensus ul{list-style:none;margin:16px 0 8px!important;padding:0!important;display:grid;gap:9px}
.rdt-consensus li{display:grid;grid-template-columns:150px 1fr 38px auto;align-items:center;gap:10px;margin:0!important;font-size:.92rem}
.rdt-cs-src{font-weight:700;color:#0b1b33;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rdt-cs-bar{height:9px;background:#e8eff8;border-radius:9px;overflow:hidden}
.rdt-cs-bar i{display:block;height:100%;background:linear-gradient(90deg,#4aa8ec,#087fd0);border-radius:9px}
.rdt-consensus li b{text-align:right;color:#061632}.rdt-consensus li small{color:#6b7890;font-size:.78rem;min-width:56px}
.rdt-cs-note{margin:6px 0 0!important;font-size:.78rem!important;color:#6b7890!important}
@media(max-width:600px){.rdt-consensus li{grid-template-columns:1fr 34px;row-gap:3px}.rdt-cs-bar{grid-column:1/-1;order:3}.rdt-consensus li small{display:none}.rdt-cs-score{width:86px;height:86px}.rdt-cs-score b{font-size:21px}}
html[dir="rtl"] .rdt-consensus li b{text-align:left}
.rdt-cs-score{direction:ltr}.rdt-consensus li b,.rdt-consensus li small{direction:ltr;unicode-bidi:isolate}

/* 21. Logo de la barre de menu : « R » bleu, texte blanc (image dédiée, plus de filtre tout-blanc) */
.main-nav .rdt-sticky-logo img,.rdt-sticky-logo img{filter:none!important}

/* 22. Page auteur : liste des articles (miniature à gauche, titre + résumé à droite, fond blanc) */
.rdt-al-list{display:grid;gap:14px;margin:14px 0 6px}
.legal a.rdt-al-item,a.rdt-al-item{display:grid!important;grid-template-columns:240px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid #dce5f2;border-radius:12px;padding:12px;color:#07152d!important;text-decoration:none!important;font-weight:400!important;transition:border-color .15s,box-shadow .15s}
a.rdt-al-item:hover{border-color:#087fd0;box-shadow:0 4px 14px rgba(6,22,50,.08)}
.legal a.rdt-al-item img,a.rdt-al-item img{width:240px!important;height:135px!important;max-width:none!important;object-fit:cover;border-radius:8px!important;margin:0!important}
a.rdt-al-item small{display:block;color:#0668b3;font-weight:800;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}
a.rdt-al-item b{display:block;font-size:1.08rem;line-height:1.3;color:#061632;margin-bottom:6px}
a.rdt-al-item em{display:block;font-style:normal;color:#44566f;font-size:.93rem;line-height:1.5}
@media(max-width:640px){.legal a.rdt-al-item,a.rdt-al-item{grid-template-columns:1fr}.legal a.rdt-al-item img,a.rdt-al-item img{width:100%!important;height:auto!important;aspect-ratio:16/9}}
/* page auteur : pas de bande verticale « Trending », la liste prend toute la largeur */
.rdt-page-frame:has(.rdt-al-list) .right-trending-rail{display:none!important}
.rdt-page-frame:has(.rdt-al-list){display:block!important;grid-template-columns:1fr!important}
.rdt-page-frame:has(.rdt-al-list)>main{max-width:1100px;margin:0 auto!important;width:100%!important}
.rdt-page-frame:has(.rdt-al-list) .content .legal{max-width:1000px!important;width:100%!important}
.legal a.rdt-al-item img,a.rdt-al-item img{border-radius:0!important}
.rdt-al-h::after{content:" " attr(data-count);color:#6b7890;font-weight:600}

/* 23. Photo inline dans le titre de la page auteur */
.legal h2.rdt-al-h img.rdt-byline-photo{display:inline-block!important;width:32px!important;height:32px!important;border-radius:50%!important;vertical-align:middle;margin:0 .3em 0 .15em;object-fit:cover}

/* 24. Encart newsletter avec case e-mail */
.rdt-nl-form{flex:0 0 380px;max-width:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rdt-nl-form input[type=email]{flex:1 1 180px;min-width:0;padding:11px 14px;border:1px solid #b8cbe4;border-radius:10px;font-size:1rem;background:#fff;color:#0d1b2e}
.rdt-nl-form input[type=email]:focus{outline:2px solid #087fd0;outline-offset:1px;border-color:#087fd0}
.rdt-nl-form input.bad{border-color:#d93025}
.rdt-nl-form .primary{flex:0 0 auto;cursor:pointer;border:0}
.rdt-nl-form .primary[disabled]{opacity:.6}
.rdt-nl-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rdt-nl-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px}
.rdt-nl-ok,.rdt-nl-err{flex:1 1 100%;margin:4px 0 0!important;font-size:.92rem}
.rdt-nl-ok{color:#137333!important;font-weight:600}.rdt-nl-err{color:#b3261e!important}
@media(max-width:640px){.rdt-nl-form{flex:1 1 auto;width:100%}}

/* 25. Onglet Accueil : +3 mm de large (11 px) */
.main-nav .nav-scroll>a.rdt-home{padding-left:calc(clamp(7px,.75vw,15px) + 15.5px)!important;padding-right:calc(clamp(7px,.75vw,15px) + 15.5px)!important}
.rdt-nl-form [hidden]{display:none!important}

/* 26. Menu ordinateur : texte plus grand, bande 5 mm plus haute, logo à taille fixe */
@media (min-width:1101px){
html body .main-nav .nav-scroll>a:not(.rdt-sticky-logo){font-size:clamp(.86rem,1.02vw,1.08rem)!important;font-weight:700!important}
html body .main-nav .nav-scroll{min-height:77px!important}
html body .main-nav .nav-scroll>a.rdt-sticky-logo,html body .main-nav .rdt-nav-brand{flex:0 0 auto!important}
}

/* 27. Bande « Tendances actuelles » : classement clair (12 articles numérotés, grandes vignettes, titre complet, note) */
html body .rdt-page-frame{background:#c9dcef!important;box-shadow:0 0 0 100vmax #c9dcef!important;clip-path:inset(0 -100vmax)!important}
html body .right-trending-rail{counter-reset:rk}
html body .right-trending-rail{height:auto!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body .right-trending-rail::before,html body .right-trending-rail::after{display:none!important}
html body .right-trending-rail:not(.rdt-filled)>a:nth-of-type(n+13),html body .right-trending-rail [data-rdt-clone]{display:none!important}
/* V20 : plus de bouton « Voir plus » dans la bande ; elle est remplie par rdt-i18n.js jusqu’en bas de l’article */
.right-trending-rail .rdt-rail-more{display:none!important}
html body .right-trending-rail .rdt-rail-date{display:none!important}
html body .right-trending-rail>a{counter-increment:rk;background:none!important;border:0!important;border-bottom:1px solid rgba(7,26,51,.12)!important;min-height:0!important}
html body .right-trending-rail>a img{border-radius:0!important;border:0!important;box-shadow:none!important;object-fit:cover}
html body .right-trending-rail .rail-copy b{color:#071a33!important;font-weight:800!important}
html body .right-trending-rail>a:hover .rail-copy b{color:#087fd0!important}
.rdt-rail-score{white-space:nowrap;font-size:.82rem;font-weight:700;color:#3d4f68;cursor:pointer}
.rdt-rail-score::before{content:"(" attr(data-n)}
.rdt-rail-score i{font-style:normal;color:#087fd0;margin:0 3px 0 2px}.rdt-rail-score i::before{content:"★"}
.rdt-rail-score::after{content:"review average)"}
.rdt-rail-score[data-o]::after{content:attr(data-o) ")"!important}
.rdt-rail-score:hover{text-decoration:underline}
:lang(fr) .rdt-rail-score::after{content:"moyenne des tests)"}
:lang(es) .rdt-rail-score::after{content:"media de las pruebas)"}
:lang(de) .rdt-rail-score::after{content:"Testdurchschnitt)"}
:lang(zh) .rdt-rail-score::after{content:"评测平均分)"}
:lang(pt) .rdt-rail-score::after{content:"média dos testes)"}
:lang(ko) .rdt-rail-score::after{content:"리뷰 평균)"}
:lang(tr) .rdt-rail-score::after{content:"test ortalaması)"}
:lang(ar) .rdt-rail-score::after{content:"متوسط الاختبارات)"}
@media (min-width:1101px){
html body .right-trending-rail{padding:0 34px 10px 0!important;position:relative!important;top:auto!important;align-self:start}
html body .right-trending-rail .rail-title{border-radius:0!important;margin:0 0 4px 40px!important;position:static!important}
html body .right-trending-rail>a{display:grid!important;grid-template-columns:30px 1fr!important;column-gap:10px!important;align-items:start!important;padding:14px 0!important}
html body .right-trending-rail>a::before{content:counter(rk);grid-row:1/3;font:800 1.6rem/1 system-ui,sans-serif;color:#087fd0;text-align:center;padding-top:4px}
html body .right-trending-rail>a img{grid-column:2;width:100%!important;height:auto!important;aspect-ratio:16/9}
html body .right-trending-rail .rail-copy{grid-column:2;padding:8px 0 0!important}
html body .right-trending-rail .rail-copy b{font-size:1rem!important;line-height:1.3!important}
html[dir="rtl"] body .right-trending-rail{padding:0 0 10px 34px!important}
html[dir="rtl"] body .right-trending-rail .rail-title{margin:0 40px 4px 0!important}
.rdt-mast-date{position:absolute;right:34px;top:50%;transform:translateY(-50%);text-align:right;border-left:3px solid #e8213f;padding-left:14px;line-height:1.25}
.rdt-mast-date small{display:block;font:700 .66rem/1.2 system-ui,sans-serif;letter-spacing:.12em;color:#087fd0;text-transform:uppercase;margin-bottom:3px}
.rdt-mast-date b{display:block;font:800 1.05rem/1.25 system-ui,sans-serif;color:#071a33}
.rdt-mast-date span{font:600 .82rem system-ui,sans-serif;color:#5e6c83}
.rdt-has-date .rdt-editorial-signature{padding-right:220px!important}
.rdt-has-date .rdt-editorial-signature strong{font-size:clamp(1.05rem,1.55vw,1.95rem)!important;line-height:1.2!important}
.rdt-has-date .rdt-editorial-signature span{font-size:clamp(.74rem,.98vw,1rem)!important}
html[dir="rtl"] .rdt-mast-date{right:auto;left:34px;text-align:left;border-left:0;border-right:3px solid #e8213f;padding-left:0;padding-right:14px}
html[dir="rtl"].rdt-has-date .rdt-editorial-signature{padding-right:0!important;padding-left:220px!important}
}
@media (max-width:1100px){.rdt-mast-date{display:none}}
html body .right-trending-rail .rail-copy .rdt-rail-score{color:#3d4f68!important;opacity:1!important;font-weight:700!important;font-size:.82rem!important}
html body .right-trending-rail .rail-copy .rdt-rail-score i{color:#087fd0!important}
html body .right-trending-rail .rail-title{position:static!important}
@media (min-width:1101px){html[lang="de"] body .main-nav .nav-scroll>a:not(.rdt-sticky-logo){font-size:clamp(.76rem,.92vw,1.08rem)!important}}
@media (min-width:1101px) and (max-width:1365px){html body .main-nav .nav-scroll>a:not(.rdt-sticky-logo):not(.rdt-home){font-size:.8rem!important;padding-left:6px!important;padding-right:6px!important}html body .main-nav .nav-scroll>a.rdt-home{font-size:.8rem!important}}
@media (min-width:1101px) and (max-width:1300px){html[lang="de"] body .main-nav .nav-scroll>a:not(.rdt-sticky-logo):not(.rdt-home){font-size:.72rem!important;padding-left:4px!important;padding-right:4px!important}html[lang="de"] body .main-nav .nav-scroll>a.rdt-home{padding-left:12px!important;padding-right:12px!important}html body .main-nav .nav-scroll{overflow-x:auto!important;scrollbar-width:none}}

/* Accueil : la colonne découpée en segments garde son style sombre (date retirée du bandeau, note lisible) */
html body .rdt-rail-segment .rdt-rail-date{display:none!important}
html body .rdt-rail-segment .rail-copy .rdt-rail-score{color:#a9bfdc!important;opacity:1!important;font-weight:700!important;font-size:.8rem!important}
html body .rdt-rail-segment .rail-copy .rdt-rail-score i{color:#4fb3ff!important}
@media (min-width:1101px){
html body .right-trending-rail .rail-copy{text-align:justify!important;hyphens:auto}
html body .right-trending-rail>a{border-bottom:0!important;background:linear-gradient(rgba(7,26,51,.14),rgba(7,26,51,.14)) no-repeat 40px 100%/calc(100% - 40px) 1px!important}
html[dir="rtl"] body .right-trending-rail>a{background-position:0 100%!important}
}
/* 28. Slogan : la phrase sous le grand titre est justifiée sur la largeur exacte du titre */
@media (min-width:761px){
html body .mast-row .rdt-editorial-signature{display:grid!important;grid-template-columns:min-content;align-content:center}
html body .mast-row .rdt-editorial-signature strong{white-space:nowrap!important;width:max-content}
html body .mast-row .rdt-editorial-signature span{text-align:justify!important;text-align-last:justify!important;white-space:nowrap!important}
}
/* 29. Pied de page : logo identique à celui de la bande blanche (posé sur un fond blanc) */
html body footer.footer .footer-grid>div:first-child>a:first-child{display:inline-block;background:#fff;border-radius:12px;padding:12px 18px;line-height:0;box-shadow:0 4px 18px rgba(0,0,0,.25)}
html body footer.footer .footer-grid>div:first-child>a:first-child img{width:240px!important;height:auto!important;filter:none!important;opacity:1!important}
/* 30. Barre de progression de lecture (articles) */
.rdt-progress{position:fixed;left:0;right:0;top:0;height:4px;z-index:2147483000;pointer-events:none;opacity:0;transition:opacity .25s}
.rdt-progress.on{opacity:1}
.rdt-progress i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#087fd0,#2aa7ff 60%,#e8213f);box-shadow:0 0 8px rgba(42,167,255,.55)}
html[dir="rtl"] .rdt-progress i{transform-origin:100% 50%;background:linear-gradient(270deg,#087fd0,#2aa7ff 60%,#e8213f)}
@media print{.rdt-progress{display:none}}
/* 31. Emplacements publicitaires A (haut), B (colonne de droite), C (milieu d'article) */
.rdt-ad{display:block;position:relative;font-family:inherit}
.rdt-ad-card{position:relative;display:block;background:#fff;border:1px solid #dbe4f0;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(7,26,51,.07);text-decoration:none!important;color:#071a33}
.rdt-ad-lbl{position:absolute;top:8px;left:10px;z-index:3;background:rgba(255,255,255,.94);color:#5e6c83;font:700 10px/1 system-ui,sans-serif;letter-spacing:.12em;padding:4px 7px;border-radius:4px;text-transform:uppercase}
html[dir="rtl"] .rdt-ad-lbl{left:auto;right:10px}
.rdt-ad-media{display:block;line-height:0;background:#0b1830}
.rdt-ad-media img,.rdt-ad-media video{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;border-radius:0!important}
.rdt-ad-body{display:flex;align-items:center;gap:18px;padding:14px 18px}
.rdt-ad-txt{flex:1;min-width:0}.rdt-ad-txt b{display:block;font-weight:800;font-size:1.08rem;line-height:1.3;color:#071a33}
.rdt-ad-txt span{display:block;margin-top:4px;color:#4b5d75;font-size:.92rem;line-height:1.45}
.rdt-ad-cta{flex:0 0 auto;background:#087fd0;color:#fff!important;font-weight:800;font-size:.92rem;padding:11px 20px;border-radius:999px;text-decoration:none!important;white-space:nowrap}
.rdt-ad-cta:hover{background:#066bb0}
.rdt-ad-cta-solo{position:absolute;right:14px;bottom:14px;z-index:3}
/* annonce maison « Votre marque ici » */
.rdt-ad-house{background:linear-gradient(135deg,#f5f9ff,#eaf3ff);border:1px dashed #9cc2ea;box-shadow:none;padding:22px 22px 18px}
.rdt-ad-house .rdt-ad-lbl{background:#fff}
.rdt-ad-hb{display:block}.rdt-ad-hb b{display:block;font-size:1.15rem;font-weight:800;color:#071a33;margin-top:8px}
.rdt-ad-hb span{display:block;color:#4b5d75;font-size:.92rem;margin-top:4px;line-height:1.45}
.rdt-ad-house em{display:inline-block;margin-top:10px;font-style:normal;font-weight:800;color:#087fd0;font-size:.92rem}
.rdt-ad-house:hover{border-color:#087fd0}
/* A : bandeau haut */
.rdt-ad-A{background:#c9dcef;padding:18px 51px 0;box-shadow:0 0 0 100vmax #c9dcef;clip-path:inset(0 -100vmax)}
.rdt-ad-A .rdt-ad-card{display:grid;grid-template-columns:minmax(0,360px) 1fr;align-items:stretch;min-height:120px}
.rdt-ad-A .rdt-ad-media{aspect-ratio:3/1;height:100%}
.rdt-ad-A.rdt-ad-k-text .rdt-ad-card,.rdt-ad-A .rdt-ad-house{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.rdt-ad-A .rdt-ad-house{padding:26px 26px 18px}
.rdt-ad-A .rdt-ad-house em{margin-top:0}
.rdt-ad-A.rdt-ad-k-image .rdt-ad-card,.rdt-ad-A.rdt-ad-k-video .rdt-ad-card{display:block}
.rdt-ad-A.rdt-ad-k-image .rdt-ad-media,.rdt-ad-A.rdt-ad-k-video .rdt-ad-media{aspect-ratio:6/1;max-height:200px}
/* B : colonne de droite (alignée sur le bandeau rouge) */
.rdt-ad-B{margin:0 0 18px}
.rdt-ad-B .rdt-ad-card{border-radius:0}
.rdt-ad-B .rdt-ad-media{aspect-ratio:6/5}
.rdt-ad-B .rdt-ad-body{flex-direction:column;align-items:flex-start;gap:10px}
.rdt-ad-B .rdt-ad-house{padding:24px 18px 18px}
@media (min-width:1101px){html body .right-trending-rail>.rdt-ad-B{margin-left:40px!important}html[dir="rtl"] body .right-trending-rail>.rdt-ad-B{margin-left:0!important;margin-right:40px!important}}
/* C : milieu d'article */
.rdt-ad-C{margin:30px 0}
.rdt-ad-C .rdt-ad-media{aspect-ratio:16/9}
@media (max-width:760px){
.rdt-ad-A{padding:14px 12px 0}
.rdt-ad-A .rdt-ad-card{display:block}
.rdt-ad-A .rdt-ad-media{aspect-ratio:3/1}
.rdt-ad-body{flex-direction:column;align-items:flex-start;gap:10px}
}
@media print{.rdt-ad{display:none!important}}
html body .right-trending-rail .rdt-ad a,html body .rdt-rail-segment .rdt-ad a{display:block!important;padding:0!important;border:0!important;background:none!important;grid-template-columns:none!important;min-height:0!important}
html body .right-trending-rail .rdt-ad a::before{display:none!important;content:none!important}
html body .right-trending-rail .rdt-ad .rdt-ad-house{background:linear-gradient(135deg,#f5f9ff,#eaf3ff)!important;border:1px dashed #9cc2ea!important;padding:24px 18px 18px!important}
html body .right-trending-rail .rdt-ad a.rdt-ad-cta{display:inline-block!important;background:#087fd0!important;padding:11px 20px!important}
html body .right-trending-rail .rdt-ad img{width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;border-radius:0!important}
@media (max-width:760px){.rdt-ad-A{padding-bottom:14px}}
.rdt-ad-A{margin:0!important}
.rdt-ad-A{clip-path:inset(0 -100vmax -24px)!important}
html body .rdt-ad .rdt-ad-hb b{color:#071a33!important;font-size:1.15rem!important}
html body .rdt-ad .rdt-ad-hb span{color:#4b5d75!important}
html body .rdt-ad .rdt-ad-house{padding-top:36px!important}
html body .rdt-ad .rdt-ad-house em{color:#087fd0!important}
html body .rdt-ad .rdt-ad-lbl{color:#5e6c83!important;background:#fff!important}
.rdt-ad-B{margin-top:18px!important}
/* 32. Menu : 4 traits bleus + menu « coffre-fort » (tambours argentés, 3 lignes visibles) */
html body .rdt-home-menu>summary .rdt-hamb i{background:#1e90ff!important;box-shadow:0 0 6px rgba(30,144,255,.35)}
html body .rdt-home-menu>summary:hover .rdt-hamb i{background:#56b0ff!important}
html body .rdt-home-menu-panel.rdt-has-safe{width:auto!important;min-width:0!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 0 0!important}
html body .rdt-home-menu-panel.rdt-has-safe>:not(.rdt-safe){display:none!important}
.rdt-safe{display:flex;gap:12px;padding:16px;border-radius:18px;width:min(560px,calc(100vw - 24px));
 background:radial-gradient(120% 80% at 30% 0%,rgba(255,255,255,.95),rgba(255,255,255,0) 60%),repeating-linear-gradient(90deg,rgba(0,0,0,.025) 0 1px,rgba(255,255,255,.04) 1px 3px),linear-gradient(180deg,#f3f5f8 0%,#cfd5dd 46%,#e8ecf1 54%,#aab2bd 100%);
 border:1px solid #8e97a3;box-shadow:0 18px 40px rgba(2,10,25,.45),inset 0 1px 0 #fff,inset 0 -2px 6px rgba(0,0,0,.18)}
.rdt-drum{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch;outline:none;border-radius:12px}
.rdt-drum-main{flex:0 0 46%}
.rdt-drum:focus-visible{box-shadow:0 0 0 3px rgba(8,127,208,.45)}
.rdt-drum-view{position:relative;height:138px;perspective:520px;overflow:hidden;border-radius:10px;cursor:grab;touch-action:none;user-select:none;
 background:linear-gradient(180deg,#9aa3ae 0%,#e9edf2 22%,#fbfcfd 50%,#e9edf2 78%,#9aa3ae 100%);
 box-shadow:inset 0 2px 6px rgba(0,0,0,.35),inset 0 -2px 6px rgba(0,0,0,.3),0 1px 0 #fff}
.rdt-drum-view:active{cursor:grabbing}
.rdt-drum-wheel{position:absolute;left:0;right:0;top:50%;height:46px;margin-top:-23px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.rdt-drum-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 12px;backface-visibility:hidden;
 font:800 14.5px/1.15 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#2b3442;text-shadow:0 1px 0 rgba(255,255,255,.9);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}
.rdt-drum-item.on{color:#063a6b}
.rdt-drum-window{position:absolute;left:4px;right:4px;top:50%;height:46px;margin-top:-23px;pointer-events:none;border-radius:8px;
 border:2px solid #087fd0;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(8,127,208,.08));box-shadow:0 0 0 1px rgba(255,255,255,.7) inset,0 2px 10px rgba(8,127,208,.25)}
.rdt-drum-up,.rdt-drum-down{height:22px;border:0;background:none;cursor:pointer;position:relative}
.rdt-drum-up::before,.rdt-drum-down::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border:solid #5b6573;border-width:0 3px 3px 0;transform:translate(-50%,-30%) rotate(-135deg)}
.rdt-drum-down::before{transform:translate(-50%,-70%) rotate(45deg)}
.rdt-drum-up:hover::before,.rdt-drum-down:hover::before{border-color:#087fd0}
.rdt-drum-sub .rdt-drum-item{font-weight:700;font-size:14px}
.rdt-drum.empty{opacity:.35}
.rdt-drum-sub.pulse .rdt-drum-window{animation:rdtpulse .5s}
@keyframes rdtpulse{50%{box-shadow:0 0 0 4px rgba(8,127,208,.35),0 2px 14px rgba(8,127,208,.5)}}

@media (max-width:520px){.rdt-safe{padding:12px;gap:8px}.rdt-drum-item{font-size:12.5px;padding:0 6px;white-space:normal;line-height:1.1}}
@media (prefers-reduced-motion:reduce){.rdt-drum-wheel{transition:none}}
/* 32b. Menu coffre-fort : rendu « vrai métal » (cylindres chromés, molettes crantées, vis, gravure) */
.rdt-safe{position:relative;padding:22px 26px!important;gap:16px!important;border-radius:14px!important;
 background:
  radial-gradient(circle at 14px 14px,#9aa3ad 0 3px,#e9edf1 3.5px 5px,transparent 5.5px),
  radial-gradient(circle at calc(100% - 14px) 14px,#9aa3ad 0 3px,#e9edf1 3.5px 5px,transparent 5.5px),
  radial-gradient(circle at 14px calc(100% - 14px),#9aa3ad 0 3px,#e9edf1 3.5px 5px,transparent 5.5px),
  radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),#9aa3ad 0 3px,#e9edf1 3.5px 5px,transparent 5.5px),
  repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,rgba(0,0,0,.035) 1px 2px,rgba(255,255,255,0) 2px 4px),
  linear-gradient(160deg,#d9dee4 0%,#aeb6c0 35%,#e3e7ec 52%,#9ea7b2 78%,#c4cad2 100%)!important;
 border:1px solid #6f7885!important;box-shadow:0 22px 46px rgba(2,10,25,.5),inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 2px rgba(255,255,255,.18),inset 0 -3px 8px rgba(0,0,0,.25)!important}
.rdt-drum-view{height:150px!important;border-radius:6px!important;
 background:
  linear-gradient(90deg,rgba(0,0,0,.28) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,.28) 100%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.10) 0 1px,rgba(0,0,0,.04) 1px 2px),
  linear-gradient(180deg,#3d444d 0%,#7c8591 9%,#c3c9d1 22%,#f7f9fb 40%,#ffffff 46%,#e4e8ed 56%,#b9c0c9 74%,#7a838f 90%,#3a4048 100%)!important;
 box-shadow:inset 0 3px 7px rgba(0,0,0,.55),inset 0 -3px 7px rgba(0,0,0,.5),0 0 0 3px #59616c,0 0 0 4px #d7dce2,0 6px 12px rgba(0,0,0,.35)!important}
/* molettes crantées sur les côtés */
.rdt-drum-view::before,.rdt-drum-view::after{content:"";position:absolute;top:0;bottom:0;width:12px;z-index:4;pointer-events:none;
 background:repeating-linear-gradient(0deg,#5c6470 0 2px,#e8ecf0 2px 4px,#9aa2ad 4px 6px),linear-gradient(90deg,rgba(0,0,0,.3),rgba(255,255,255,.2),rgba(0,0,0,.3));background-blend-mode:multiply;
 box-shadow:inset 0 10px 10px -4px rgba(0,0,0,.6),inset 0 -10px 10px -4px rgba(0,0,0,.6)}
.rdt-drum-view::before{left:0;border-right:1px solid rgba(0,0,0,.35)}.rdt-drum-view::after{right:0;border-left:1px solid rgba(0,0,0,.35)}
.rdt-drum-wheel{left:12px!important;right:12px!important}
/* texte gravé dans le métal + rainures entre les lignes (elles tournent avec le cylindre) */
.rdt-drum-item{color:#1f2833!important;font-weight:800!important;letter-spacing:.02em;
 text-shadow:0 1px 0 rgba(255,255,255,.85),0 -1px 0 rgba(0,0,0,.25)!important;
 background:linear-gradient(180deg,rgba(0,0,0,.18) 0,rgba(255,255,255,.55) 1.5px,rgba(255,255,255,0) 3px,rgba(255,255,255,0) calc(100% - 3px),rgba(0,0,0,.12) calc(100% - 1px),rgba(255,255,255,.5) 100%)}
.rdt-drum-item.on{color:#062f57!important}
/* fenêtre de lecture : verre teinté + repères bleus façon cadran */
.rdt-drum-window{left:12px!important;right:12px!important;border:0!important;border-radius:0!important;
 background:linear-gradient(180deg,rgba(8,127,208,.16),rgba(255,255,255,.18) 40%,rgba(8,127,208,.12))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(255,255,255,.5),0 -1px 0 rgba(0,0,0,.35),0 1px 0 rgba(0,0,0,.35)!important}
.rdt-drum-window::before,.rdt-drum-window::after{content:"";position:absolute;top:50%;margin-top:-7px;border:7px solid transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.rdt-drum-window::before{left:-13px;border-left-color:#087fd0}.rdt-drum-window::after{right:-13px;border-right-color:#087fd0}
.rdt-drum-up::before,.rdt-drum-down::before{border-color:#3b434e!important}
.rdt-drum-up:hover::before,.rdt-drum-down:hover::before{border-color:#087fd0!important}
.rdt-safe{width:min(640px,calc(100vw - 24px))!important}
.rdt-drum-main{flex:0 0 50%!important}
.rdt-drum-item{white-space:normal!important;line-height:1.12!important;font-size:14px!important;padding:0 16px!important}
.rdt-drum-window::before{left:1px!important}.rdt-drum-window::after{right:1px!important}
.rdt-drum-window::before{border-left-color:#087fd0!important;border-right:0!important}.rdt-drum-window::after{border-right-color:#087fd0!important;border-left:0!important}
/* 32c. Argent réaliste (comme une médaille) : métal neutre, relief, texte gravé, profondeur */
.rdt-safe{border-radius:16px!important;border:1px solid #74797e!important;
 background:
  radial-gradient(circle at 15px 15px,#6d7277 0 2.5px,#fdfdfd 3px,#9da2a6 4.5px,transparent 5.5px),
  radial-gradient(circle at calc(100% - 15px) 15px,#6d7277 0 2.5px,#fdfdfd 3px,#9da2a6 4.5px,transparent 5.5px),
  radial-gradient(circle at 15px calc(100% - 15px),#6d7277 0 2.5px,#fdfdfd 3px,#9da2a6 4.5px,transparent 5.5px),
  radial-gradient(circle at calc(100% - 15px) calc(100% - 15px),#6d7277 0 2.5px,#fdfdfd 3px,#9da2a6 4.5px,transparent 5.5px),
  radial-gradient(130% 90% at 35% 10%,rgba(255,255,255,.9),rgba(255,255,255,0) 55%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,rgba(0,0,0,.03) 1px 2px,rgba(255,255,255,0) 2px 4px),
  linear-gradient(165deg,#eeeff0 0%,#c3c6c9 30%,#f4f5f5 50%,#a9adb1 75%,#d6d8da 100%)!important;
 box-shadow:0 24px 48px rgba(0,0,0,.45),0 4px 10px rgba(0,0,0,.3),
  inset 0 2px 0 #ffffff,inset 0 -2px 0 rgba(0,0,0,.25),
  inset 0 0 0 6px rgba(255,255,255,.25),inset 0 0 0 7px rgba(0,0,0,.18),inset 0 0 0 8px rgba(255,255,255,.55)!important}
/* logement creusé autour de chaque cylindre (profondeur) */
.rdt-drum-view{
 background:
  linear-gradient(90deg,rgba(0,0,0,.30) 0,rgba(0,0,0,0) 12%,rgba(0,0,0,0) 88%,rgba(0,0,0,.30) 100%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,rgba(0,0,0,.035) 1px 2px),
  linear-gradient(180deg,#2d3033 0%,#6b7074 8%,#a9adb1 20%,#dfe1e3 34%,#fbfbfb 45%,#ffffff 48%,#e9eaeb 57%,#b8bcbf 72%,#7e8387 86%,#3a3d40 100%)!important;
 box-shadow:inset 0 4px 8px rgba(0,0,0,.6),inset 0 -4px 8px rgba(0,0,0,.55),
  0 0 0 2px #50555a,0 0 0 4px #c9ccce,0 0 0 5px #8b9094,0 -1px 0 5px rgba(0,0,0,.25),0 1px 0 5px rgba(255,255,255,.85)!important}
.rdt-drum-view::before,.rdt-drum-view::after{background:repeating-linear-gradient(0deg,#55595d 0 2px,#f2f3f4 2px 3.5px,#a3a7ab 3.5px 5px),linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.25),rgba(0,0,0,.35))!important}
/* texte gravé (creux) : ombre en haut, reflet en bas, métal plus sombre au fond */
.rdt-drum-item{color:#6c7176!important;font-weight:900!important;
 text-shadow:0 -1px 0 rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.95),0 0 1px rgba(0,0,0,.25)!important;
 background:linear-gradient(180deg,rgba(0,0,0,.28) 0,rgba(255,255,255,.75) 1.5px,rgba(255,255,255,0) 3px,rgba(255,255,255,0) calc(100% - 3px),rgba(0,0,0,.16) calc(100% - 1px),rgba(255,255,255,.6) 100%)!important}
.rdt-drum-item.on{color:#4a4f54!important;text-shadow:0 -1px 0 rgba(0,0,0,.6),0 1px 0 #fff,0 0 1px rgba(0,0,0,.3)!important}
/* fenêtre : verre neutre, repères bleus */
.rdt-drum-window{background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.06) 45%,rgba(0,0,0,.05) 55%,rgba(255,255,255,.2))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.6),0 -1px 0 rgba(0,0,0,.4),0 1px 0 rgba(0,0,0,.4),0 0 14px rgba(255,255,255,.25)!important}
/* flèches en relief */
.rdt-drum-up::before,.rdt-drum-down::before{border-color:#5c6166!important;filter:drop-shadow(0 1px 0 #fff)}
/* 32d. Vue oblique : plaque tournée vers la gauche, extrémités des cylindres visibles en ovale */
html body .rdt-home-menu-panel.rdt-has-safe{perspective:1300px}
.rdt-safe{transform:rotateY(17deg) rotateX(4deg);transform-origin:0 30%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.rdt-safe:hover{transform:rotateY(14deg) rotateX(3deg)}
.rdt-drum-view::before{left:-4px!important;width:30px!important;border-radius:50%!important;border:0!important;
 background:
  radial-gradient(ellipse 60% 52% at 58% 50%,rgba(255,255,255,.0) 0 55%,rgba(0,0,0,.45) 75%,rgba(0,0,0,.0) 100%),
  repeating-linear-gradient(0deg,#4b4f53 0 2px,#f4f5f6 2px 3.5px,#a2a6aa 3.5px 5px),
  linear-gradient(90deg,#3a3d40,#d9dcdf 45%,#8a8f93)!important;background-blend-mode:normal,multiply,normal!important;
 box-shadow:inset -3px 0 4px rgba(0,0,0,.55),inset 3px 0 3px rgba(255,255,255,.55),2px 0 4px rgba(0,0,0,.35)!important}
.rdt-drum-view::after{right:-2px!important;width:12px!important;border-radius:50%!important;border:0!important;
 background:repeating-linear-gradient(0deg,#3e4246 0 2px,#c9ccce 2px 3.5px,#7f8488 3.5px 5px)!important;
 box-shadow:inset 2px 0 3px rgba(0,0,0,.6)!important;opacity:.85}
.rdt-drum-wheel{left:26px!important;right:10px!important}
.rdt-drum-window{left:24px!important;right:8px!important}
@media (max-width:520px){.rdt-safe,.rdt-safe:hover{transform:rotateY(9deg) rotateX(2deg)}}
@media (prefers-reduced-motion:reduce){.rdt-safe{transition:none}}
/* extrémité droite : ovale plus étroite et plus sombre (côté qui s'éloigne) */
.rdt-drum-view::after{right:-3px!important;width:18px!important;border-radius:50%!important;opacity:1!important;
 background:
  radial-gradient(ellipse 60% 52% at 42% 50%,rgba(255,255,255,0) 0 50%,rgba(0,0,0,.55) 78%,rgba(0,0,0,0) 100%),
  repeating-linear-gradient(0deg,#3f4347 0 2px,#d3d6d8 2px 3.5px,#868b8f 3.5px 5px),
  linear-gradient(90deg,#6f7478,#b9bdc0 55%,#2f3235)!important;
 box-shadow:inset 3px 0 4px rgba(0,0,0,.6),inset -2px 0 2px rgba(255,255,255,.35),-2px 0 4px rgba(0,0,0,.35)!important}
.rdt-drum-wheel{right:16px!important}.rdt-drum-window{right:14px!important}
/* extrémité droite en forme de « ) » : demi-ovale qui bombe vers la droite */
.rdt-drum-view::after{right:0!important;width:16px!important;border-radius:0!important;opacity:1!important;box-shadow:none!important;
 background:
  radial-gradient(ellipse 100% 50% at 0 50%,rgba(0,0,0,0) 0 93%,rgba(0,0,0,.55) 96%,#2c2f32 99%),
  linear-gradient(90deg,rgba(255,255,255,.35),rgba(0,0,0,.45)),
  repeating-linear-gradient(0deg,#45494d 0 2px,#d6d9db 2px 3.5px,#8b9094 3.5px 5px)!important;
 background-blend-mode:normal,overlay,normal!important}
.rdt-drum-wheel{right:16px!important}.rdt-drum-window{right:16px!important}
/* arc gauche élargi de 5 mm (≈ 19 px) au milieu */
.rdt-drum-view::before{width:49px!important;left:-6px!important}
.rdt-drum-wheel{left:43px!important}.rdt-drum-window{left:41px!important}
.rdt-safe{width:min(680px,calc(100vw - 24px))!important}
@media (max-width:520px){.rdt-drum-view::before{width:36px!important}.rdt-drum-wheel{left:30px!important}.rdt-drum-window{left:28px!important}}
@media (max-width:520px){.rdt-drum-view::before{width:28px!important;left:-5px!important}.rdt-drum-wheel{left:22px!important;right:14px!important}.rdt-drum-window{left:20px!important}.rdt-drum-item{font-size:12px!important;padding:0 4px!important}.rdt-safe{padding:18px 14px!important}}
/* extrémité droite : arrondi lisse (sans dents), le cylindre se termine en courbe */
.rdt-drum-view::after{width:22px!important;
 background:
  radial-gradient(ellipse 100% 50% at 0 50%,rgba(0,0,0,0) 0 90%,rgba(0,0,0,.45) 95%,#25282b 99%),
  linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.25) 30%,rgba(0,0,0,.35) 85%),
  linear-gradient(180deg,#2d3033 0%,#6b7074 8%,#a9adb1 20%,#dfe1e3 34%,#fbfbfb 45%,#ffffff 48%,#e9eaeb 57%,#b8bcbf 72%,#7e8387 86%,#3a3d40 100%)!important;
 background-blend-mode:normal,normal,normal!important}
.rdt-drum-wheel{right:18px!important}.rdt-drum-window{right:20px!important}
/* les 3 barres se terminent en ovale vers la droite, sans bordure */
.rdt-drum-view::after{display:none!important}
.rdt-drum-view{border-radius:6px 48px 48px 6px / 6px 50% 50% 6px!important;
 box-shadow:inset 0 4px 8px rgba(0,0,0,.55),inset 0 -4px 8px rgba(0,0,0,.5),inset -10px 0 14px -6px rgba(0,0,0,.45),0 6px 14px rgba(0,0,0,.3)!important}
.rdt-drum-wheel{right:8px!important}.rdt-drum-window{right:0!important;border-radius:0 40px 40px 0 / 0 50% 50% 0!important}
.rdt-drum-window::after{right:10px!important}
@media (max-width:520px){.rdt-drum-view{border-radius:6px 30px 30px 6px / 6px 50% 50% 6px!important}.rdt-drum-wheel{right:6px!important}}
/* rotation mécanique : cran par cran avec rebond, molette et stries qui tournent avec le cylindre */
.rdt-drum-wheel{transition:transform .34s cubic-bezier(.34,1.6,.5,1)!important}
.rdt-drum-view.live .rdt-drum-wheel{transition:none!important}
.rdt-drum-view::before{background-position:0 0,0 var(--k,0px),0 0!important}
.rdt-drum-view{background-position:0 0,0 var(--k,0px),0 0!important}
.rdt-drum-view.tick{animation:rdttick .16s}
@keyframes rdttick{40%{transform:translateY(1px)}}
@media (prefers-reduced-motion:reduce){.rdt-drum-wheel{transition:none!important}.rdt-drum-view.tick{animation:none}}
/* 33. Emplacement D : bandeau flottant en bas de l'écran (reste visible en défilant, bouton ✕) */
.rdt-ad-D{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:0 16px 10px;pointer-events:none;transform:translateY(120%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.rdt-ad-D.on{transform:none}
.rdt-ad-D .rdt-ad-card{pointer-events:auto;max-width:980px;margin:0 auto;display:flex;align-items:center;max-height:min(120px,30vh);box-shadow:0 -6px 28px rgba(7,26,51,.28);border-radius:12px}
.rdt-ad-D .rdt-ad-media{flex:0 0 auto;height:min(120px,30vh);aspect-ratio:6/1;max-width:46%}
.rdt-ad-D.rdt-ad-k-image .rdt-ad-media,.rdt-ad-D.rdt-ad-k-video .rdt-ad-media{max-width:100%;flex:1}
.rdt-ad-D .rdt-ad-body{flex:1;min-width:0;padding:10px 54px 10px 18px}
.rdt-ad-D .rdt-ad-txt b{font-size:1rem}.rdt-ad-D .rdt-ad-txt span{font-size:.86rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rdt-ad-close{position:absolute;top:6px;right:8px;z-index:5;width:30px;height:30px;border-radius:50%;border:0;background:rgba(7,26,51,.75);color:#fff;font:700 20px/30px system-ui;cursor:pointer;padding:0}
.rdt-ad-close:hover{background:#e8213f}
html[dir="rtl"] .rdt-ad-close{right:auto;left:8px}html[dir="rtl"] .rdt-ad-D .rdt-ad-body{padding:10px 18px 10px 54px}
body.rdt-anchor-on .rdt-nl-fab{bottom:calc(64px + var(--rdt-anchor,0px))!important}
body.rdt-anchor-on .rdt-rss-fab{bottom:calc(16px + var(--rdt-anchor,0px))!important}
body.rdt-cookie-open .rdt-ad-D{display:none}
@media (max-width:760px){.rdt-ad-D{padding:0 8px 8px}.rdt-ad-D .rdt-ad-card{max-height:min(110px,30vh)}.rdt-ad-D .rdt-ad-media{aspect-ratio:3/1;max-width:38%}.rdt-ad-D .rdt-ad-body{flex-direction:row;align-items:center;padding:8px 44px 8px 10px;gap:8px}.rdt-ad-D .rdt-ad-txt span{display:none}.rdt-ad-D .rdt-ad-cta{padding:8px 12px;font-size:.8rem}}
@media print{.rdt-ad-D{display:none!important}}
.rdt-ad-D .rdt-ad-media{aspect-ratio:3/1!important;max-width:40%!important}
.rdt-ad-D.rdt-ad-k-image .rdt-ad-media,.rdt-ad-D.rdt-ad-k-video .rdt-ad-media{aspect-ratio:6/1!important;max-width:100%!important}
@media (max-width:760px){.rdt-ad-D .rdt-ad-txt b{font-size:.85rem!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rdt-ad-D .rdt-ad-media{max-width:34%!important}}
/* 32e. Molettes sans plaque de fond ; extrémité gauche ovale (plus de coins noirs) */
.rdt-safe{background:none!important;border:0!important;box-shadow:none!important;padding:6px 10px!important}
.rdt-drum-view{border-radius:26px 48px 48px 26px / 50% 50% 50% 50%!important;
 box-shadow:inset 0 4px 8px rgba(0,0,0,.45),inset 0 -4px 8px rgba(0,0,0,.45),inset -10px 0 14px -6px rgba(0,0,0,.4),0 10px 22px rgba(2,10,25,.45),0 3px 6px rgba(2,10,25,.35)!important}
.rdt-drum-view::before{left:0!important}
.rdt-drum-window{border-radius:22px 40px 40px 22px / 50% 50% 50% 50%!important}
.rdt-drum-up,.rdt-drum-down{height:26px!important}
.rdt-drum-up::before,.rdt-drum-down::before{border-color:#e9edf2!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))!important}
.rdt-drum-up:hover::before,.rdt-drum-down:hover::before{border-color:#56b0ff!important}
@media (max-width:520px){.rdt-drum-view{border-radius:16px 30px 30px 16px / 50% 50% 50% 50%!important}}
.rdt-drum-up,.rdt-drum-down{align-self:center!important;width:44px!important;height:24px!important;margin:4px 0!important;border-radius:12px!important;
 background:linear-gradient(180deg,#ffffff,#d5d9dd 55%,#a9aeb3)!important;box-shadow:0 2px 5px rgba(0,0,0,.45),inset 0 1px 0 #fff!important}
.rdt-drum-up::before,.rdt-drum-down::before{width:8px!important;height:8px!important;border-width:0 2.5px 2.5px 0!important;border-color:#3b4046!important;filter:none!important}
.rdt-drum-up:hover::before,.rdt-drum-down:hover::before{border-color:#087fd0!important}
.rdt-drum-up,.rdt-drum-down{display:none!important}.rdt-safe{padding:14px 10px!important}
.rdt-drum-view{cursor:ns-resize!important}
/* 34. Tendances : sans numéros, titres et bandeau rouge alignés sur toute la largeur */
@media (min-width:1101px){
html body .right-trending-rail>a{grid-template-columns:1fr!important;column-gap:0!important;background-position:0 100%!important;background-size:100% 1px!important}
html body .right-trending-rail>a::before{display:none!important;content:none!important}
html body .right-trending-rail>a img,html body .right-trending-rail .rail-copy{grid-column:1!important}
html body .right-trending-rail .rail-title{margin:0 0 4px 0!important}
html body .right-trending-rail>.rdt-ad-B{margin-left:0!important}
html[dir="rtl"] body .right-trending-rail .rail-title{margin:0 0 4px 0!important}
html[dir="rtl"] body .right-trending-rail>.rdt-ad-B{margin-right:0!important}
html body .right-trending-rail{padding-left:24px!important}
html[dir="rtl"] body .right-trending-rail{padding-right:24px!important;padding-left:0!important}
}
html body .right-trending-rail .rail-title{white-space:nowrap!important;overflow:hidden}
html body .right-trending-rail .rail-title{text-align:center!important;justify-content:center!important}

/* 35 — rubrique Business : « Dans la même série » + carte auteur */
.rdt-biz-series{margin:2.2rem 0 1.4rem;padding:1.3rem 1.3rem 1rem;background:#fff;border:1px solid #d9e3f3;border-radius:14px}
.rdt-biz-series h2{margin:0 0 .9rem!important;font-size:1.15rem!important;letter-spacing:.02em;color:#0b1f3f}
.rdt-biz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rdt-biz-card{display:flex;flex-direction:column;gap:.5rem;text-decoration:none!important;color:#0b1f3f!important;font-weight:700;font-size:.95rem;line-height:1.3}
.rdt-biz-card img{width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;border-radius:10px!important;margin:0!important;box-shadow:none!important}
.rdt-biz-card:hover span{color:#0b5fd7}
.rdt-biz-all{margin:.9rem 0 0!important;font-weight:700}
.rdt-biz-all a{color:#0b5fd7!important;text-decoration:none}
.rdt-biz-author{display:flex;gap:1rem;align-items:flex-start;margin:1.4rem 0 1rem;padding:1.2rem 1.3rem;background:linear-gradient(135deg,#0b1f3f,#123a75);border-radius:14px;color:#fff}
.rdt-biz-author img{width:72px!important;height:72px!important;max-width:72px!important;border-radius:50%!important;object-fit:cover;margin:0!important;border:3px solid rgba(255,255,255,.85)!important;flex:0 0 auto}
.rdt-biz-author p{margin:0!important;color:#fff!important}
.rdt-biz-author-k{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.rdt-biz-author-n{font-size:1.15rem;font-weight:800;margin:.15rem 0 .35rem!important}
.rdt-biz-author-n a{color:#fff!important;text-decoration:none}
.rdt-biz-author-b{font-size:.95rem;line-height:1.5;opacity:.92}
.rdt-biz-li{display:inline-flex;align-items:center;gap:.5rem;margin-top:.8rem;padding:.55rem 1rem;border-radius:999px;background:#0a66c2;color:#fff!important;font-weight:700;font-size:.92rem;text-decoration:none!important}
.rdt-biz-li:hover{background:#004182}
@media (max-width:720px){.rdt-biz-grid{grid-template-columns:1fr}.rdt-biz-card{flex-direction:row;align-items:center}.rdt-biz-card img{width:120px!important;flex:0 0 120px}}
@media (max-width:560px){.rdt-biz-author{flex-direction:column;align-items:center;text-align:center}.rdt-biz-li{width:100%;justify-content:center}}

/* 36. Colonne Tendances : 20 cartes, puis « Voir plus » */
.right-trending-rail:not(.rdt-rail-open) a[data-more]{display:none!important}
.rdt-rail-more{display:block;width:100%;margin:10px 0 4px;padding:10px 12px;border:1px solid #d3e1f2;border-radius:9px;background:#fff;color:#075ff7;font-weight:800;font-size:.85rem;cursor:pointer}
.rdt-rail-more:hover{background:#eaf3ff}

/* V20 — téléphone : les rubriques défilent horizontalement dans la barre, entre ☰ et la recherche */
.rdt-m-links{display:contents}
@media (max-width:760px){
  .main-nav .rdt-m-links{display:flex!important;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;align-items:center;gap:2px;padding:0 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 18px),transparent 100%)}
  .main-nav .rdt-m-links::-webkit-scrollbar{display:none}
  .main-nav .rdt-m-links>a{display:inline-flex!important;align-items:center;flex:0 0 auto;white-space:nowrap;padding:6px 10px!important;border-radius:16px;color:#e8f1ff!important;font-size:.82rem!important;font-weight:800!important;text-decoration:none!important;line-height:1.1!important;min-height:0!important;height:auto!important;background:transparent!important}
  .main-nav .rdt-m-links>a[aria-current=page],.main-nav .rdt-m-links>a.rdt-home{background:#0d2b55!important;color:#fff!important}
}