/* v5.2.2 — Rich Adventure Timeline. Presentation only. */
.jmit-v522-story-card {
  position: relative;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px !important;
  border: 1px solid rgba(194, 151, 38, .22);
  border-left: 4px solid #c59b2f;
  border-radius: 14px;
  background: linear-gradient(135deg, #fffdf7 0%, #ffffff 100%);
  box-shadow: 0 6px 18px rgba(31, 43, 60, .06);
}
.jmit-v522-story-card + .jmit-v522-story-card { margin-top: 10px; }
.jmit-v522-story-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff5cf;
  border: 2px solid #d5ad45;
  font-size: 20px;
  line-height: 1;
}
.jmit-v522-story-card > div { min-width: 0; }
.jmit-v522-story-card strong { display: block; line-height: 1.35; }
.jmit-v522-story-card em {
  display: inline-block;
  margin-top: 5px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #f3f5f8;
  color: #495568;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}
.jmit-v522-story-card small {
  display: block;
  margin-top: 6px;
  color: #758093;
  font-size: 11px;
}
.jmit-v522-story-card.is-adventure_started { border-left-color: #e20f2f; }
.jmit-v522-story-card.is-adventure_started .jmit-v522-story-icon { background: #ffe9ed; border-color: #e20f2f; }
.jmit-v522-story-card.is-leg_started,
.jmit-v522-story-card.is-next_stop,
.jmit-v522-story-card.is-driving { border-left-color: #2d6f9f; }
.jmit-v522-story-card.is-leg_started .jmit-v522-story-icon,
.jmit-v522-story-card.is-next_stop .jmit-v522-story-icon,
.jmit-v522-story-card.is-driving .jmit-v522-story-icon { background: #e9f5ff; border-color: #5c96bd; }
.jmit-v522-story-card.is-stop_completed,
.jmit-v522-story-card.is-overnight_arrival { border-left-color: #2f8a55; }
.jmit-v522-story-card.is-stop_completed .jmit-v522-story-icon,
.jmit-v522-story-card.is-overnight_arrival .jmit-v522-story-icon { background: #eaf8ef; border-color: #54a874; }
@media (max-width: 767px) {
  .jmit-v522-story-card { grid-template-columns: 40px minmax(0, 1fr); gap: 10px; padding: 12px !important; }
  .jmit-v522-story-icon { width: 38px; height: 38px; font-size: 18px; }
}