/* Banner 2048 pour classement/blog */
.banner-2048 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 0 14px;
}
.banner-title {
  font-size: 1.1rem;
  font-weight: 800;
  color: #fbbf24;
  text-decoration: none;
}
.banner-title:hover { color: #fcd34d; }
.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-2 {
  background: rgba(238, 228, 218, 0.4);
  color: #776e65;
}
.tuile-4 {
  background: rgba(237, 224, 200, 0.45);
  color: #776e65;
}
.tuile-8 {
  background: rgba(242, 177, 121, 0.5);
  color: #f9f6f2;
}