/* Wrapper allows groups to sit side-by-side */
.lineup-wrapper {
  display: inline-block;
  vertical-align: top;
  margin: 1rem;
}

.lineup-group {
  margin: 1.5rem;
  padding: 1rem;
  border-radius: 14px;

  /* Soft cornflower blue border */
  border: 2px solid rgba(100, 149, 237, 0.7);

  /* Very subtle blue background tint */
  background-color: rgba(100, 149, 237, 0.08);

  transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Smaller grid */
.lineup-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  gap: 0.5rem;
}

/* Smaller images */
.lineup-grid img {
  width: 100%;
  max-width: 100px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 8px;
}

/* Horizontal divider */
.fancy-hr {
  margin: 3rem 0;  /* Increased vertical spacing */
  width: 100%;
}

.fancy-hr svg {
  width: 100%;
  height: auto;
}