.cambridge-hero-grid {
  display: grid;
  gap: 2rem;
  align-items: start;
}

.cambridge-primary-action {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  padding: 0.625rem 1rem;
  border: 1px solid rgb(37 99 235);
  border-radius: 0.5rem;
  background: rgb(37 99 235);
  color: white;
  font-size: 0.875rem;
  font-weight: 600;
  transition: background-color 150ms ease, border-color 150ms ease;
}

.cambridge-primary-action:hover {
  border-color: rgb(29 78 216);
  background: rgb(29 78 216);
}

.cambridge-detail-link {
  color: rgb(96 165 250);
}

.cambridge-detail-link:hover {
  color: rgb(147 197 253);
}

.cambridge-task-dot {
  width: 0.375rem;
  height: 0.375rem;
  margin-top: 0.55rem;
  flex: none;
  border-radius: 9999px;
  background: rgb(16 185 129);
}

.cambridge-scale-scroll {
  overflow-x: auto;
}

@media (min-width: 1024px) {
  .cambridge-hero-grid {
    grid-template-columns: minmax(0, 1fr) 20rem;
  }
}