/* ymag : presentation magazine du blog et de ses rubriques (en ligne le 14 nov. 2026,
   valide par Fabien). Calque CSS seul, active par la classe body.ymag (mu-plugin
   yt-blog-magazine.php, qui pose aussi la pastille calendrier dans la vignette).
   Le balisage Kadence des articles n'est pas touche : meme liste, meme ordre, memes liens.
   Ordre sur une page de 12 : 1 a la une (grande carte) + 4 en carre a droite,
   3 cartes moyennes, puis 4 lignes.
   14 nov. 2026 (2) : aussi le glossaire (pages de categorie et bloc « Les dernieres fiches »,
   liste #ymag-une) ; les rangs se comptent parmi les li seulement (nth-child(n of li)),
   un autre element en tete de liste (lien vers la galaxie) prend toute la largeur. */

html body.ymag{
  --ymag-card:#fff; --ymag-line:var(--yj-border,#DADDE1); --ymag-line2:var(--yj-border2,#CED0D4);
  --ymag-t:var(--yj-text,#050505); --ymag-t2:var(--yj-text2,#4A4E55); --ymag-off:var(--yj-off,#4C5058);
}
html.yj-isdark body.ymag{ --ymag-card:#000; --ymag-line:rgba(255,255,255,.14); --ymag-line2:rgba(255,255,255,.32); }

/* couleurs des thematiques (celles des vignettes et des filtres) */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article{ --ymag-c:#4B5768; --ymag-ct:#fff; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article.category-ecosysteme-apple{ --ymag-c:#345890; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article.category-production-audio{ --ymag-c:#C45048; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article.category-photo-video-montage{ --ymag-c:#7850AC; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article.category-web-ia{ --ymag-c:#488868; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article.category-podcasts-itw{ --ymag-c:#A05C4E; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article.category-musique-harmonie{ --ymag-c:#D07838; --ymag-ct:#1A1A1A; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article.category-formation-carriere-vie{ --ymag-c:#E0B43C; --ymag-ct:#1A1A1A; }

/* la grille : 24 colonnes */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une).kadence-posts-list{
  display:grid !important; grid-template-columns:repeat(24,minmax(0,1fr)) !important;
  gap:20px !important; list-style:none !important; padding:0 !important;
}
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > :not(li){ grid-column:1 / -1 !important; margin:0 0 4px !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li{ grid-column:span 8 !important; grid-row:auto !important; margin:0 !important; padding:0 !important; min-width:0 !important; display:flex !important; }

/* la carte */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li > article{
  position:relative !important; isolation:isolate; display:flex !important; flex-direction:column !important;
  width:100% !important; margin:0 !important; background:var(--ymag-card) !important;
  border:1px solid var(--ymag-line) !important; border-radius:8px !important; overflow:hidden !important;
  box-shadow:none !important; transform:none !important; transition:border-color .2s;
}
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li > article:hover{ border-color:var(--ymag-line2) !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article a.post-thumbnail{
  display:block !important; position:relative !important; margin:0 !important; padding:0 !important; border-radius:0 !important;
  overflow:hidden !important; aspect-ratio:16/9; height:auto !important; flex:0 0 auto;
  border-bottom:1px solid var(--ymag-line) !important;
}
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .post-thumbnail-inner{ position:absolute !important; inset:0 !important; padding:0 !important; height:100% !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .post-thumbnail-inner img{
  position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  object-fit:cover !important; transition:transform .8s cubic-bezier(.2,.8,.2,1);
}
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li > article:hover .post-thumbnail-inner img{ transform:scale(1.035); }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-content-wrap,
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-header,
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-title{ position:static !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-content-wrap{
  padding:16px 18px 20px !important; display:flex !important; flex-direction:column !important; flex:1 1 auto; background:none !important;
}
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-header{ margin:0 !important; }

/* rubrique : pastille de couleur + nom, jamais en bleu */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-taxonomies{ margin:0 !important; display:flex !important; align-items:center; gap:10px; flex-wrap:wrap; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-taxonomies .term-links{ display:inline-flex !important; gap:10px; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-taxonomies a{
  position:relative !important; z-index:2; display:inline-flex !important; align-items:center; gap:7px;
  font-size:13px !important; font-weight:600 !important; line-height:1.3 !important; letter-spacing:0 !important;
  color:var(--ymag-off) !important; background:none !important; padding:0 !important; border:0 !important;
  border-radius:0 !important; text-decoration:none !important; text-transform:none !important;
}
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-taxonomies a::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--ymag-c); flex:0 0 auto; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-taxonomies a:hover{ text-decoration:underline !important; }

/* titre : toute la carte est cliquable */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-title{
  margin:8px 0 0 !important; font-size:19px !important; line-height:1.28 !important; font-weight:700 !important;
  letter-spacing:-.012em !important; text-wrap:pretty;
  display:-webkit-box !important; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;
}
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-title a{ color:var(--ymag-t) !important; text-decoration:none !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-title a::after{ content:""; position:absolute; inset:0; z-index:1; border-radius:8px; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-title a:focus-visible{ outline:none !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-title a:focus-visible::after{ outline:3px solid var(--yj-link,#124CA3); outline-offset:-3px; }

/* chapo : deux lignes */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-summary{
  margin:10px 0 0 !important; font-size:15px !important; line-height:1.5 !important; color:var(--ymag-t2) !important;
  display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; overflow:hidden !important;
}
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-summary p{ margin:0 !important; font-size:inherit !important; line-height:inherit !important; color:inherit !important; }

/* ce qui ne sert plus dans une carte de magazine */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-meta,
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .entry-footer,
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article footer,
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .more-link-wrap{ display:none !important; }

/* pastille calendrier (posee dans la vignette par yt-blog-magazine.php) */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .ymag-cal{
  position:absolute; top:12px; left:12px; z-index:2; width:46px; border-radius:8px; overflow:hidden;
  background:#fff; color:#111; text-align:center; line-height:1; font-variant-numeric:tabular-nums;
  box-shadow:0 1px 2px rgba(0,0,0,.25), 0 4px 14px rgba(0,0,0,.18); pointer-events:none;
}
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .ymag-cal b{ display:block; padding:4px 0 3px; font-size:10.5px; font-weight:700; background:var(--ymag-c); color:var(--ymag-ct); }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .ymag-cal i{ display:block; font-style:normal; font-size:20px; font-weight:700; letter-spacing:-.02em; padding:5px 0 1px; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .ymag-cal em{ display:block; font-style:normal; font-size:10.5px; font-weight:600; color:#4C5058; padding:0 0 6px; }

/* ===== 1. A la une : grande carte, texte pose sur l'image ===== */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li){ grid-column:1 / span 14 !important; grid-row:span 2 !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) > article{ min-height:460px; border-color:transparent !important; background:#0B0D12 !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) a.post-thumbnail{ position:absolute !important; inset:0 !important; aspect-ratio:auto; height:100% !important; z-index:-1; border:0 !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) a.post-thumbnail::after{
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(to top, rgba(8,9,12,.94) 0%, rgba(8,9,12,.78) 26%, rgba(8,9,12,.30) 52%, rgba(8,9,12,0) 72%);
}
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .entry-content-wrap{ margin-top:auto !important; flex:0 0 auto !important; padding:30px 34px 32px !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .entry-taxonomies a{ color:rgba(255,255,255,.88) !important; font-size:14px !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .entry-title{ font-size:36px !important; line-height:1.1 !important; letter-spacing:-.03em !important; margin-top:12px !important; max-width:600px; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .entry-title a{ color:#fff !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .entry-summary{ color:rgba(255,255,255,.80) !important; font-size:16px !important; max-width:560px; margin-top:12px !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .ymag-cal{ top:20px; left:20px; width:58px; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .ymag-cal b{ font-size:12px; padding:5px 0 4px; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .ymag-cal i{ font-size:27px; padding:6px 0 2px; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .ymag-cal em{ font-size:12px; padding-bottom:7px; }

/* ===== 2 a 5. Le carre de quatre a droite ===== */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(-n+5 of li){ grid-column:span 5 !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(-n+5 of li) .entry-content-wrap{ padding:12px 14px 16px !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(-n+5 of li) .entry-title{ font-size:16px !important; line-height:1.3 !important; margin-top:6px !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(-n+5 of li) .entry-summary{ display:none !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(-n+5 of li) .entry-taxonomies a{ font-size:12.5px !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(-n+5 of li) .ymag-cal{ top:9px; left:9px; width:40px; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(-n+5 of li) .ymag-cal b{ font-size:9.5px; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(-n+5 of li) .ymag-cal i{ font-size:17px; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(-n+5 of li) .ymag-cal em{ font-size:9.5px; }

/* ===== 6 a 8. Trois cartes moyennes ===== */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+6 of li):nth-child(-n+8 of li){ grid-column:span 8 !important; margin-top:28px !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+6 of li):nth-child(-n+8 of li) .entry-title{ font-size:21px !important; line-height:1.24 !important; }

/* ===== 9 et suivants. Lignes : vignette a gauche, texte a droite ===== */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+9 of li){ grid-column:1 / -1 !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(9 of li){ margin-top:28px !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+9 of li) > article{ flex-direction:row !important; align-items:stretch; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+9 of li) a.post-thumbnail{ width:340px; flex:0 0 340px; border-bottom:0 !important; border-right:1px solid var(--ymag-line) !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+9 of li) .entry-content-wrap{ justify-content:center; padding:22px 32px !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+9 of li) .entry-title{ font-size:24px !important; line-height:1.2 !important; letter-spacing:-.02em !important; max-width:720px; -webkit-line-clamp:2; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+9 of li) .entry-summary{ max-width:720px; font-size:16px !important; }


/* ===== ecran moyen : la une en deux moities ===== */
@media (max-width:1100px) and (min-width:901px){
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li):nth-child(n of li){ grid-column:1 / span 12 !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(-n+5 of li){ grid-column:span 6 !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .entry-title{ font-size:30px !important; }
}

/* ===== tablette ===== */
@media (max-width:900px){
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li){ grid-column:1 / -1 !important; grid-row:auto !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(-n+5 of li){ grid-column:span 12 !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+6 of li):nth-child(n of li){ grid-column:1 / -1 !important; margin-top:0 !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(6 of li){ margin-top:28px !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+6 of li):nth-child(n of li) > article{ flex-direction:row !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+6 of li):nth-child(n of li) a.post-thumbnail{ width:300px; flex:0 0 300px; border-bottom:0 !important; border-right:1px solid var(--ymag-line) !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+6 of li):nth-child(n of li) .entry-content-wrap{ justify-content:center; padding:20px 26px !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+6 of li):nth-child(n of li) .entry-title{ font-size:21px !important; -webkit-line-clamp:2; }
}

/* ===== mobile ===== */
@media (max-width:760px){
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une).kadence-posts-list{ gap:12px !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n of li):nth-child(n of li){ grid-column:1 / -1 !important; margin-top:0 !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li){ margin-bottom:12px !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) > article{ min-height:440px; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .entry-content-wrap{ padding:22px 22px 24px !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .entry-title{ font-size:27px !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .entry-summary{ font-size:15px !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .ymag-cal{ top:14px; left:14px; width:50px; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .ymag-cal i{ font-size:23px; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(n of li) > article{ flex-direction:row !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(n of li) a.post-thumbnail{ width:38%; max-width:150px; flex:0 0 38%; align-self:flex-start; border-bottom:0 !important; border-right:0 !important; margin:12px 0 12px 12px !important; border-radius:6px !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(n of li) .ymag-cal{ top:5px; left:5px; width:30px; border-radius:5px; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(n of li) .ymag-cal b{ font-size:7.5px; padding:2px 0; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(n of li) .ymag-cal i{ font-size:12px; padding:3px 0 0; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(n of li) .ymag-cal em{ font-size:7.5px; padding:1px 0 3px; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(n of li) .entry-content-wrap{ padding:12px 14px !important; justify-content:flex-start; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(n of li) .entry-title{ font-size:15.5px !important; line-height:1.3 !important; margin-top:5px !important; -webkit-line-clamp:3; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(n of li) .entry-summary{ display:none !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(n of li) .entry-taxonomies a{ font-size:12px !important; }
}

@media (prefers-reduced-motion:reduce){
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article .post-thumbnail-inner img{ transition:none; transform:none !important; }
}

/* ===== 14 nov. 2026 : tri autre que « Plus recents » (?tri=maj, populaire, az, za) =====
   La une n'existe que dans l'ordre de publication : avec un autre tri, toutes les
   cartes passent en lignes (classe body.ymag-liste posee par yt-blog-magazine.php). */
html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li){ grid-column:1 / -1 !important; grid-row:auto !important; margin-top:0 !important; }
html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) > article{ flex-direction:row !important; align-items:stretch; min-height:0; background:var(--ymag-card) !important; border-color:var(--ymag-line) !important; }
html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) a.post-thumbnail{ position:relative !important; inset:auto !important; z-index:auto; aspect-ratio:16/9; height:auto !important; width:340px; flex:0 0 340px; align-self:center; border-bottom:0 !important; border-right:1px solid var(--ymag-line) !important; margin:0 !important; border-radius:0 !important; max-width:none; }
html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) a.post-thumbnail::after{ content:none; display:none; }
html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .entry-content-wrap{ margin-top:0 !important; flex:1 1 auto !important; justify-content:center; padding:22px 32px !important; }
html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .entry-taxonomies a{ color:var(--ymag-off) !important; font-size:13px !important; }
html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .entry-title{ font-size:24px !important; line-height:1.2 !important; letter-spacing:-.02em !important; margin-top:8px !important; max-width:720px; -webkit-line-clamp:2; }
html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .entry-title a{ color:var(--ymag-t) !important; }
html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .entry-summary{ display:-webkit-box !important; color:var(--ymag-t2) !important; font-size:16px !important; max-width:720px; margin-top:10px !important; }
html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .ymag-cal{ top:12px; left:12px; width:46px; }
html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .ymag-cal b{ font-size:10.5px; padding:4px 0 3px; }
html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .ymag-cal i{ font-size:20px; padding:5px 0 1px; }
html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .ymag-cal em{ font-size:10.5px; padding:0 0 6px; }
@media (max-width:900px){
  html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) a.post-thumbnail{ width:300px; flex:0 0 300px; }
  html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .entry-title{ font-size:21px !important; }
}
@media (max-width:760px){
  html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) a.post-thumbnail{ width:38%; max-width:150px; flex:0 0 38%; align-self:flex-start; border-right:0 !important; margin:12px 0 12px 12px !important; border-radius:6px !important; }
  html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .ymag-cal{ top:5px; left:5px; width:30px; border-radius:5px; }
  html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .ymag-cal b{ font-size:7.5px; padding:2px 0; }
  html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .ymag-cal i{ font-size:12px; padding:3px 0 0; }
  html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .ymag-cal em{ font-size:7.5px; padding:1px 0 3px; }
  html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .entry-content-wrap{ padding:12px 14px !important; justify-content:flex-start; }
  html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .entry-title{ font-size:15.5px !important; line-height:1.3 !important; margin-top:5px !important; -webkit-line-clamp:3; }
  html body.ymag.ymag.ymag-liste #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #archive-container > li:nth-child(n of li):nth-child(n of li):nth-child(n of li) .entry-summary{ display:none !important; }
}