/* Le mur d'avis qui défile (version 7 choisie le 06/10, msg 6603) : pages au style 38 (avis38.njk) et accueil
   (outils/lab-s3/72.mjs). Sur fond foncé par défaut ; une section claire (.f38-clair) passe la note et le dernier billet en bordeaux. */
.avm { display: block; max-width: 1180px; margin: 22px auto 0; padding: 0 20px; }
@media (min-width: 900px) { .avm { padding: 0 40px; } }
.avg-e { display: inline-flex; gap: 2px; color: #e8a613; vertical-align: middle; } .avg-e svg { display: block; fill: currentColor; width: 16px; height: 16px; }
.avm-note { margin: 0 0 18px; font-weight: 600; }
.avm-note b { font: 400 34px/1 "Anton", "Anton Repli", sans-serif; color: #e8a613; vertical-align: -3px; }

.avm-note a { color: inherit; font-weight: 800; text-underline-offset: 4px; text-decoration-thickness: 2px; }
.avm-mur { display: grid; gap: 18px; height: 460px; overflow: hidden; -webkit-mask-image: linear-gradient(transparent, #000 14%, #000 86%, transparent); mask-image: linear-gradient(transparent, #000 14%, #000 86%, transparent); }
.avm-col2 { display: none; }
.avm-piste { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; animation: avm-monte 80s linear infinite; }
.avm-col2 .avm-piste { animation-direction: reverse; animation-duration: 92s; }
.avm-mur:hover .avm-piste { animation-play-state: paused; }
/* Msg 6711 (« rouge sur rouge, on ne les voit pas ») : les cartes alternent blanc, jaune et noir sur toutes les pages ;
   la carte noire garde un filet jaune pour se détacher d'une section noire */
.avm-piste li { padding: 16px 18px; border-radius: 12px; background: #fff; color: #000; }
.avm-piste li .avg-e { color: #8f0000; }
.avm-piste li:nth-child(3n+2) { background: #e8a613; color: #000; } .avm-piste li:nth-child(3n+2) .avg-e { color: #000; }
.avm-piste li:nth-child(3n) { background: #000; color: #fff; box-shadow: inset 0 0 0 2px #e8a613; } .avm-piste li:nth-child(3n) .avg-e { color: #e8a613; }
.avm-piste blockquote { margin: 8px 0 6px; font: 600 16px/1.45 "Montserrat", "Montserrat Repli", sans-serif; }
.avm-piste p { margin: 0; font-weight: 800; font-size: 13px; }
@keyframes avm-monte { to { transform: translateY(-50%); } }
@media (min-width: 900px) { .avm-mur { grid-template-columns: 1fr 1fr; gap: 22px; height: 520px; } .avm-col2 { display: block; } }
@media (prefers-reduced-motion: reduce) { .avm-piste { animation: none; } .avm-mur { height: auto; -webkit-mask-image: none; mask-image: none; } .avm-piste li[aria-hidden] { display: none; } }