/* The example company's banner (the great leap, lane demo), above the journey's header. Colours only through
   var(--r-*); every tap target 44px or more; wraps at 375px with no sideways scroll. */
.jd-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;background:var(--r-ink);color:var(--r-surface)}
.jd-text{margin:0;flex:1 1 260px;font-size:16px;line-height:1.4}
.jd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.jd-leave-form{margin:0}
.jd-again,.jd-leave{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;font:700 16px/1 var(--r-font);color:var(--r-surface);background:transparent;border:0;box-shadow:inset 0 0 0 2px var(--r-surface);text-decoration:none;cursor:pointer;white-space:nowrap}
.jd-again:hover,.jd-leave:hover{background:var(--r-surface);color:var(--r-ink)}