/* Resort directory cards, shared by the six-state and state directories. */
.resort-card[data-resort-card] {
  display: flex;
  flex-direction: column;
  border-top: 4px solid var(--blue-dark);
  transition: box-shadow .18s ease, border-color .18s ease;
}
.resort-card[data-resort-card] .resort-card-visual { min-height: 148px; }
.resort-card[data-resort-card] .resort-card-status { margin-bottom: 10px; }
.resort-card[data-resort-card] .resort-card-status .eyebrow { font-size: 10px; letter-spacing: .1em; }
.resort-card[data-resort-card] .resort-card-summary { color: var(--ink); }
.resort-card-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0;
  margin: 14px 0 0;
  list-style: none;
}
.resort-card-highlights li {
  border-radius: 4px;
  background: var(--blue-pale);
  color: var(--navy);
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 700;
}
.resort-card[data-resort-card] .facts { margin-bottom: 18px; }
.resort-card[data-resort-card] .fact:only-child { grid-column: 1 / -1; }
.resort-card[data-resort-card] .card-actions {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
.resort-card[data-resort-card] .card-actions a { width: 100%; justify-content: space-between; text-decoration: none; }
.resort-card[data-resort-card] .card-actions a span { font-size: 21px; line-height: 1; }
@media (max-width: 680px) {
  .resort-directory-controls .filter-button { min-height: 44px; }
}