/* Banner Taquin pour classement/blog */
.banner-taquin {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 0 14px;
}
.banner-title {
  font-size: 1.1rem;
  font-weight: 800;
  color: #34d399;
  text-decoration: none;
}
.banner-title:hover { color: #6ee7b7; }
.banner-tuiles {
  display: flex;
  gap: 6px;
}
.tuile-deco {
  width: 28px; height: 28px;
  border-radius: 6px;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.65rem; font-weight: 900;
}
.tuile-1 {
  background: rgba(52, 211, 153, 0.4);
  color: #065f46;
}
.tuile-2 {
  background: rgba(16, 185, 129, 0.45);
  color: #065f46;
}
.tuile-3 {
  background: rgba(5, 150, 105, 0.5);
  color: #f0fdf4;
}