/* v113 route page additions: answer-first opening, route facts, return trip. Uses the existing teal + gold tokens. */
.hero .lede { font-size: 19px; line-height: 1.5; max-width: 740px; }
.hero .answer-check { margin: 6px 0 0; font-size: 13px; }
.hero .updated { margin: 8px 0 0; font-size: 13px; font-weight: 600; color: var(--teal-ink, #0F5257); }
.hero .updated time { font-weight: 700; }
.hero-photo > .route-photo { grid-row: 1 / span 8; }
.quick .about-numbers { margin-top: 14px; padding: 10px 12px; border-left: 3px solid var(--gold, #E8B04B); background: var(--paper-2, #F7F9F9); border-radius: 0 8px 8px 0; font-size: 13px; line-height: 1.5; }
.route-facts { margin: 16px 0; display: grid; gap: 8px; }
.route-facts div { display: grid; grid-template-columns: minmax(110px, 160px) 1fr; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line, #E2E9EA); }
.route-facts dt { font-size: 14px; font-weight: 700; color: var(--teal-ink, #0F5257); }
.route-facts dd { margin: 0; }
#return-trip { border-top: 3px solid var(--teal, #138A8A); }
#return-trip h3 { margin-top: 18px; }
@media (max-width: 600px) {
  .route-facts div { grid-template-columns: 1fr; gap: 2px; }
}