.overseas-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 42px;
  border-top: 1px solid #ffffff38;
  border-left: 1px solid #ffffff38;
}

.overseas-grid article {
  min-height: 220px;
  padding: 28px;
  border-right: 1px solid #ffffff38;
  border-bottom: 1px solid #ffffff38;
  background: #001c2b26;
  scroll-margin-top: 20px;
}

.overseas-grid .site-card-link{display:block;color:inherit;text-decoration:none}
.overseas-grid .site-card-link article{height:100%;transition:background .2s ease,transform .2s ease}
.overseas-grid .site-card-link:hover article,.overseas-grid .site-card-link:focus-visible article{background:#06445c;transform:translateY(-2px)}
.overseas-grid .site-card-link:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.overseas-grid .featured-overseas{border-top:3px solid var(--cyan)}
.overseas-grid .site-detail-link{display:block;margin-top:22px;color:#fff;font-weight:700}
.overseas-grid .site-detail-link b{margin-left:6px;color:var(--cyan)}

.overseas-grid span {
  color: #8fddea;
  font: 600 12px Oswald;
}

.overseas-grid small {
  display: block;
  margin-top: 24px;
  color: var(--cyan);
  font: 600 10px Oswald;
  letter-spacing: .17em;
}

.overseas-grid h3 {
  margin: 7px 0 20px;
  font-size: 25px;
}

.overseas-grid p {
  margin: 0;
  color: #b9d6df;
  font-size: 14px;
}

.overseas-grid .special-destination {
  background: linear-gradient(135deg, #183f43, #0d5861);
  border-top: 3px solid #f4ce78;
}

.overseas-grid .special-destination > span,
.overseas-grid .special-destination small {
  color: #f4ce78;
}

.overseas-grid .special-destination p {
  color: #eef8f4;
  line-height: 1.8;
}

@media (max-width: 900px) {
  .overseas-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .overseas-grid { grid-template-columns: 1fr; }
  .overseas-grid article { min-height: 190px; }
}