/* Ferry guide (generated by scripts/generate-ferry-guide.mjs). Layered on
   editorial-guide.css, family-attractions.css and family-guide.css, which
   provide the shell (header, hero, tables, FAQ, footer); only the per-route
   cards live here. */

.route-grid { margin-top: 1.4rem; }
.route-card h3 { margin-bottom: .2rem; }
.route-card--olsen { border-top: 5px solid #e3ad1c; }
.route-card--balearia { border-top: 5px solid #167d9a; }
.route-card__operator { margin: 0; color: var(--muted); font-size: .9rem; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; }
.route-card p { margin: .7rem 0 0; }
.route-facts { display: grid; gap: 6px; margin: 1rem 0 0; padding: 12px 14px; border-radius: 12px; background: #f3f8f9; }
.route-facts div { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 10px; }
.route-facts dt { color: var(--night); font-weight: 800; }
.route-facts dd { margin: 0; }
.route-pick { margin-top: 1.2rem; }

@media (max-width: 620px) {
  .route-facts div { grid-template-columns: 1fr; gap: 0; }
}