/* Styling for TCG Cube pages that use layout cube.njk */

#cube {
  max-width: 1200px;

  p {
    max-width: 80ch;
  }
  h3 {
    margin: 1em;
  }

  img + p {
    margin-top: 1em;
  }
}

.cube-card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  list-style: none;
  padding-left: 0;
  max-width: 100%;

  li {
    max-width: 100%;
  }

  img {
    max-width: min(100%, 240px);
  }

  .cube-count {
    width: 100%;
    background: var(--color-background-primary);
    color: var(--text);
    text-align: center;
    font-weight: 900;
  }
}