/* Shared 02A/02B card-grid rules. The item count is an explicit presentation hint. */
.service-revision-02a .content-card-grid--service {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.service-revision-02a .content-card-grid--service > * {
  grid-column: span 2;
  min-width: 0;
}

.service-revision-02a .content-card-grid--service > .revision-card {
  margin-left: 0;
}

.service-revision-02a .content-card-grid--service.content-card-grid--count-4 > * {
  grid-column: span 3;
}

.service-revision-02a .content-card-grid--service.content-card-grid--count-5 > :nth-child(4),
.service-revision-02a .content-card-grid--service.content-card-grid--count-7 > :nth-child(4),
.service-revision-02a .content-card-grid--service.content-card-grid--count-7 > :nth-child(6),
.service-revision-02a .content-card-grid--service.content-card-grid--count-8 > :nth-child(7) {
  grid-column: 2 / span 2;
}

.service-revision-02a .content-card-grid--service.content-card-grid--count-5 > :nth-child(5),
.service-revision-02a .content-card-grid--service.content-card-grid--count-7 > :nth-child(5),
.service-revision-02a .content-card-grid--service.content-card-grid--count-7 > :nth-child(7),
.service-revision-02a .content-card-grid--service.content-card-grid--count-8 > :nth-child(8) {
  grid-column: 4 / span 2;
}

.knowledge-article-v2 .content-card-grid--article {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.knowledge-article-v2 .content-card-grid--article > * {
  grid-column: span 2;
  min-width: 0;
}

.knowledge-article-v2 .content-card-grid--article.content-card-grid--count-1 > :last-child,
.knowledge-article-v2 .content-card-grid--article.content-card-grid--count-3 > :last-child,
.knowledge-article-v2 .content-card-grid--article.content-card-grid--count-5 > :last-child,
.knowledge-article-v2 .content-card-grid--article.content-card-grid--count-7:not(.content-card-grid--steps) > :last-child,
.knowledge-article-v2 .content-card-grid--article.content-card-grid--count-9 > :last-child {
  grid-column: 2 / span 2;
}

.knowledge-article-v2 .content-card-grid--steps.content-card-grid--count-7 > :last-child {
  grid-column: 1 / -1;
}

@media (max-width: 1100px) {
  .service-revision-02a .content-card-grid--service {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .service-revision-02a .content-card-grid--service > *,
  .service-revision-02a .content-card-grid--service.content-card-grid--count-4 > *,
  .service-revision-02a .content-card-grid--service.content-card-grid--count-5 > :nth-child(4),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-5 > :nth-child(5),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-7 > :nth-child(4),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-7 > :nth-child(5),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-7 > :nth-child(6),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-7 > :nth-child(7),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-8 > :nth-child(7),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-8 > :nth-child(8) {
    grid-column: span 2;
  }

  .service-revision-02a .content-card-grid--service.content-card-grid--count-1 > :last-child,
  .service-revision-02a .content-card-grid--service.content-card-grid--count-3 > :last-child,
  .service-revision-02a .content-card-grid--service.content-card-grid--count-5 > :last-child,
  .service-revision-02a .content-card-grid--service.content-card-grid--count-7 > :last-child,
  .service-revision-02a .content-card-grid--service.content-card-grid--count-9 > :last-child {
    grid-column: 2 / span 2;
  }
}

@media (max-width: 767px) {
  .service-revision-02a .content-card-grid--service,
  .knowledge-article-v2 .content-card-grid--article {
    grid-template-columns: 1fr;
  }

  .service-revision-02a .content-card-grid--service > *,
  .service-revision-02a .content-card-grid--service.content-card-grid--count-4 > *,
  .service-revision-02a .content-card-grid--service.content-card-grid--count-5 > :nth-child(4),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-5 > :nth-child(5),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-7 > :nth-child(4),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-7 > :nth-child(5),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-7 > :nth-child(6),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-7 > :nth-child(7),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-8 > :nth-child(7),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-8 > :nth-child(8),
  .service-revision-02a .content-card-grid--service.content-card-grid--count-1 > :last-child,
  .service-revision-02a .content-card-grid--service.content-card-grid--count-3 > :last-child,
  .service-revision-02a .content-card-grid--service.content-card-grid--count-5 > :last-child,
  .service-revision-02a .content-card-grid--service.content-card-grid--count-7 > :last-child,
  .service-revision-02a .content-card-grid--service.content-card-grid--count-9 > :last-child,
  .knowledge-article-v2 .content-card-grid--article > *,
  .knowledge-article-v2 .content-card-grid--article.content-card-grid--count-1 > :last-child,
  .knowledge-article-v2 .content-card-grid--article.content-card-grid--count-3 > :last-child,
  .knowledge-article-v2 .content-card-grid--article.content-card-grid--count-5 > :last-child,
  .knowledge-article-v2 .content-card-grid--article.content-card-grid--count-7:not(.content-card-grid--steps) > :last-child,
  .knowledge-article-v2 .content-card-grid--article.content-card-grid--count-9 > :last-child,
  .knowledge-article-v2 .content-card-grid--steps.content-card-grid--count-7 > :last-child {
    grid-column: auto;
  }
}