/* Illustrations explain the current step; content and actions work without them. */
.sm-illustration { display: block; flex: 0 0 auto; width: 144px; height: 96px; max-width: 100%; overflow: hidden; }
.sm-illustration img { display: block; width: 100%; height: 100%; object-fit: contain; }
.sm-illustration--large { width: 330px; height: 220px; margin: 0 auto 16px; }
.sm-illustration--small { width: 108px; height: 72px; }
.sm-illustration--card { width: 90px; height: 60px; }
.sm-illustration--unavailable img { visibility: hidden; }
.sm-journey-intro { display: flex; align-items: center; gap: 18px; margin: 0 0 20px; min-width: 0; color: #18382c; }
.sm-journey-intro > div { min-width: 0; }
.sm-journey-intro h1, .sm-journey-intro h2, .sm-journey-intro h3 { margin: 0 0 6px; font-family: var(--ef-serif, Georgia, serif); font-size: 24px; line-height: 1.2; font-weight: 600; color: #18382c; text-align: left; }
.sm-journey-intro p { margin: 0; color: #52685d; font-size: 14px; line-height: 1.6; }
.sm-journey-intro--large { flex-direction: column; align-items: stretch; gap: 0; }
.sm-journey-intro--small h2, .sm-journey-intro--small h3 { font-size: 20px; }
.ef-event-feed > .sm-journey-intro { margin-bottom: 0; }
.ef-event-heading-copy > .sm-illustration { float: right; margin: 0 0 6px 8px; }
.ef-event-result-card > .sm-illustration { float: right; margin-left: 10px; }
.ef-event-empty .sm-illustration { margin: 0 auto 12px; }
.ef-empty > .sm-illustration { mix-blend-mode: multiply; }
#screen-event-first .ef-empty > .sm-illustration + h2 { color: #18382c; font-family: var(--ef-serif, Georgia, serif); font-size: 24px; }
.ef-private-prospects > .sm-illustration { margin-bottom: 18px; }
.ef-event-sheet .sm-journey-intro { margin-top: 14px; }
.ef-event-sheet .sm-illustration { max-height: 96px; }
.ef-event-sheet .ef-ticket-qr { position: relative; z-index: 1; }
.ef-member-card .sm-illustration { margin: 0 auto 14px; }
.ef-member-card .sm-illustration { background: #fff; border-radius: 16px; }
.ef-member-card > p a { color: #fff; text-decoration: underline; }
.ef-event-feed > .sm-journey-intro .sm-illustration { mix-blend-mode: multiply; }
.ef-media-preflight > .sm-illustration { margin: 0 auto 12px; }
#edit-profile-overlay [data-sm-illustration] .sm-illustration { margin-inline: auto; }
.ef-membership-scroll > .sm-illustration { margin: 0 auto 12px; }
.ef-event-format-art { display: flex; align-items: center; gap: 12px; padding: 0 22px 14px; color: #52685d; font-size: 13px; line-height: 1.5; }
.ef-event-format-art > span:last-child { min-width: 0; }
.ef-error > .sm-illustration { margin-inline: auto; }
#screen-event-first .sm-journey-intro :is(h1, h2, h3) { color: #18382c; text-align: left; }
[data-sm-illustration] { margin: 0 0 12px; }
#screen-onboarding [data-sm-illustration] .sm-illustration { margin-inline: auto; }
#screen-entry [data-sm-illustration] .sm-illustration { margin-inline: auto; }
#screen-review [data-sm-illustration] .sm-illustration { margin-inline: auto; }
#screen-speed-event .sm-journey-intro { margin-top: 6px; }
@media (max-width: 767px) {
  .ef-events-member-nav #ef-content > .sm-journey-intro:first-child,
  .ef-events-member-nav #ef-content > .ef-column > .sm-journey-intro:first-child { margin-top: 44px; }
  .sm-illustration--large { width: 240px; height: 160px; }
  .sm-illustration--compact { width: 120px; height: 80px; }
  .sm-journey-intro { gap: 12px; }
  .sm-journey-intro h1, .sm-journey-intro h2, .sm-journey-intro h3 { font-size: 20px; }
  .sm-journey-intro p { font-size: 13px; }
  .ef-event-heading-copy > .sm-illustration { width: 72px; height: 48px; }
}
@media (max-width: 359px) {
  #screen-event-first.ef-events-member-nav .ef-mobile-nav { padding-inline: 6px; column-gap: 0; grid-template-columns: 1fr 1fr 1.35fr 1fr !important; }
  .sm-journey-intro:not(.sm-journey-intro--large) .sm-illustration { width: 96px; height: 64px; }
  .ef-event-heading-copy > .sm-illustration { float: none; margin: 0 0 8px; }
}