/* R8 Keep Exploring: isolated presentation for the existing secondary routes. */
.support-r2-resources .support-r2-resource-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.support-r2-resources .support-r2-resource {
  min-height: 104px;
  align-self: stretch;
}

.support-r2-resources .support-r2-resource > span:nth-child(2) {
  align-self: start;
}

.support-r2-resources .support-r2-resource-pending {
  cursor: not-allowed;
  opacity: .68;
}

.support-r2-resources .support-r2-resource-pending:hover {
  color: #f4f8fc;
  background: transparent;
  box-shadow: none;
}

.support-r2-resources .support-r2-resource-pending .support-r2-resource-icon {
  color: #91acc2;
  background: rgba(255, 255, 255, .04);
  border-color: rgba(200, 222, 241, .13);
}

.support-r2-resources [data-release-state="loading"] [data-release-copy] {
  color: #c4d3df;
}

@media (max-width: 1180px) {
  .support-r2-resources .support-r2-resource-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .support-r2-resources .support-r2-resource,
  .support-r2-resources .support-r2-resource:nth-child(2n) {
    border-right: 1px solid rgba(198, 218, 236, .18);
    border-bottom: 1px solid rgba(198, 218, 236, .18);
  }

  .support-r2-resources .support-r2-resource:nth-child(2n) {
    border-right: 0;
  }

  .support-r2-resources .support-r2-resource:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}

@media (max-width: 680px) {
  .support-r2-resources .support-r2-resource-list {
    grid-template-columns: 1fr;
  }

  .support-r2-resources .support-r2-resource,
  .support-r2-resources .support-r2-resource:nth-child(2n),
  .support-r2-resources .support-r2-resource:nth-last-child(-n + 2) {
    min-height: 88px;
    border-right: 0;
    border-bottom: 1px solid rgba(198, 218, 236, .18);
  }

  .support-r2-resources .support-r2-resource:last-child {
    border-bottom: 0;
  }
}

.support-r2-resources .support-r2-resource:focus-visible {
  outline: 3px solid #93da49;
  outline-offset: -3px;
}