.ac-row.special {
  background: var(--ac-green);
  color: #fff;
  border-color: #ffffff40;
}

.ac-row.special:hover {
  background: #0a493e;
}

.ac-row.special .ac-icon {
  background: var(--ac-yellow);
  color: var(--ac-ink);
}

.ac-row.special p {
  color: #cbd8d4;
}

@media (min-width: 761px) {
  .ac-feature {
    grid-template-columns: 8rem minmax(0, 1fr);
  }

  .ac-feature > div:nth-child(2) {
    max-width: 1050px;
  }
}

@media (min-width: 1001px) {
  .ac-hero,
  .ac-index,
  .ac-feature,
  .ac-row,
  .ac-guide,
  .ac-platform {
    padding-left: var(--portal-axis-gutter);
    padding-right: var(--portal-axis-gutter);
  }
}

@media (max-width: 760px) {
  .ac-index {
    scrollbar-width: none;
  }

  .ac-index::-webkit-scrollbar {
    display: none;
  }
}