/* Give this chapter the same vertical breathing room as its neighbours. */
#scope {
  margin-top: clamp(70px, 7vw, 110px);
}

/* Selected scope item stays raised and highlighted until another is chosen. */
#scope .scope-card {
  position: relative;
  cursor: pointer;
  transform-origin: center;
  transition: transform .26s ease, background .26s ease, border-color .26s ease, box-shadow .26s ease;
}
#scope .scope-card:focus-visible {
  outline: 3px solid #ff8b45;
  outline-offset: 4px;
}
#scope .scope-card.is-selected {
  z-index: 2;
  transform: translateY(-5px) scale(1.018);
  border-color: #075ac9;
  background: linear-gradient(135deg, #075ac9 0%, #1769be 100%);
  box-shadow: 0 22px 38px rgba(23, 76, 145, .22);
}
#scope .scope-card.is-selected .scope-count,
#scope .scope-card.is-selected h3,
#scope .scope-card.is-selected p {
  color: #fff;
}
@media (max-width: 760px) {
  #scope { margin-top: 70px; }
  #scope .scope-card.is-selected { transform: translateY(-3px) scale(1.012); }
}
@media (prefers-reduced-motion: reduce) {
  #scope .scope-card { transition: none; }
}