/* itinerary-10-days.css: moved out of luxury_japan_itinerary.html on 2026-09-04 (typography step 4).
   Loaded from the template's extra_head so it keeps applying after the shared sheets. */
/* Duration selector cards */






/* ITINERARY-SPECIFIC: inline links in sections */
.dest-section h2 a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid #947A7A;
}

.dest-section h2 a:hover {
  color: #947A7A;
}

.dest-section p a,
.dest-section li a {
  color: #947A7A;
  text-decoration: none;
  border-bottom: 1px solid rgba(148, 122, 122, 0.4);
}

.dest-section p a:hover,
.dest-section li a:hover {
  border-bottom-color: #947A7A;
}

.dest-cta-final .dest-cta-text a {
  color: #947A7A;
  text-decoration: none;
  border-bottom: 1px solid rgba(148, 122, 122, 0.4);
}

.dest-cta-final .dest-cta-text a:hover {
  border-bottom-color: #947A7A;
}

/* OVERRIDES: smaller cards grid for itinerary page */
.dest-other-grid {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.dest-other-card picture {
  height: 160px;
}

.dest-other-card-content {
  padding: 18px;
}

.dest-other-card-content h3 {
  font-size: var(--fs-h4);
}

.dest-other-card-content p {
  font-size: var(--fs-sm);
  margin: 0 0 10px;
}

.dest-other-link {
  font-size: var(--fs-xs);
}

@media screen and (max-width: 780px) {
  .dest-other-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 450px) {
  .dest-other-grid {
    grid-template-columns: 1fr;
  }
}