.guide-posters { width: 100%; margin-top: 12px; text-align: start; }
.guide-posters-heading { font-weight: 700; font-size: 17px; margin-bottom: 9px; }
.guide-posters-row { display: flex; justify-content: center; gap: 10px; overflow-x: auto; padding-bottom: 4px; }
.guide-poster { flex: 1 0 100px; max-width: 168px; min-width: 0; padding: 0 0 10px;
  border: 2px solid #dad7f5; border-radius: 16px; overflow: hidden; cursor: pointer;
  background: #fff; color: #2c2445; font: inherit; text-align: start; }
.guide-poster:focus-visible { outline: 3px solid #6755be; outline-offset: 2px; }
.guide-poster-image { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover;
  background: #eeecf8; text-align: center; }
.guide-poster-name { display: block; padding: 8px 9px 0; font-size: 14px; font-weight: 700; }
.guide-poster-reason { display: block; padding: 5px 9px 0; font-size: 12px; }
.guide-posters-hint { font-size: 12px; margin-top: 8px; opacity: .8; }
#home.has-recommendations #homeShelf { display: none; }
#home.has-recommendations .mascot { max-height: 105px; width: auto; }
#home.has-shelf.has-recommendations .heroWrap { min-height: 112px; }
#home.has-recommendations .home-body { gap: 10px; }
#home.has-recommendations .h-title { font-size: 23px; }
#home.has-recommendations .mic-hero { width: 76px; height: 76px; font-size: 32px; }
@media (prefers-reduced-motion: no-preference) {
  .guide-posters:not(.hidden) { animation: guide-posters-appear .18s ease-out; }
  @keyframes guide-posters-appear { from { opacity: 0; transform: translateY(5px); } }
}