#attractions .discovery-nav { margin-block-end: 1.15rem; }
#attractions .discovery-nav ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
#attractions .discovery-link {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .17rem;
  height: 100%;
  min-height: 4.5rem;
  padding: .62rem 1.9rem .68rem .8rem;
  border: 1px solid var(--line);
  border-radius: .7rem;
  background: #edf3ff;
  color: #182d62;
  line-height: 1.32;
  text-decoration: none;
  overflow-wrap: anywhere;
}
#attractions .discovery-link:hover { background: #e3ecff; }
#attractions .discovery-link:focus-visible { z-index: 1; }
#attractions .discovery-link::after {
  content: "";
  position: absolute;
  inset-inline-end: .8rem;
  inset-block-start: 50%;
  width: .45rem;
  height: .45rem;
  border: solid #254fa8;
  border-width: 0 .125rem .125rem 0;
  transform: translateY(-65%) rotate(45deg);
}
#attractions .discovery-link-external::after { transform: translateY(-50%) rotate(-90deg); }
#attractions .discovery-title { font-weight: 750; }
#attractions .discovery-hint { color: var(--muted); font-size: .82rem; }
#attractions [id^="discovery-"] { scroll-margin-block-start: 1rem; }

@media (max-width: 830px) {
  #attractions .discovery-nav ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}