.hopper-page{background:linear-gradient(180deg,#e9f7ff 0,#fff 420px)}
.hopper-hero{padding:52px 0 34px;background:linear-gradient(135deg,#071f55,#0c4c7a);color:#fff}.hopper-hero .section-kicker{color:#8de7f0}.hopper-hero h1{font-size:clamp(40px,7vw,72px);line-height:.96;margin:8px 0 14px}.hopper-hero p{max-width:820px;font-size:18px;line-height:1.55;color:#e8f4ff}.hopper-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.hopper-shell{padding:30px 0 70px}.hopper-grid{display:grid;grid-template-columns:minmax(320px,410px) minmax(0,1fr);gap:22px;align-items:start}.hopper-card{background:#fff;border:1px solid #dce7ee;border-radius:22px;padding:20px;box-shadow:0 14px 34px rgba(7,31,85,.07)}.hopper-card h2,.hopper-card h3{color:#071f55;margin-top:0}.hopper-form{display:grid;gap:13px}.hopper-form label{font-size:12px;font-weight:900;color:#536a80}.hopper-form select,.hopper-form input{width:100%;min-height:48px;margin-top:6px;border:1px solid #cbd9e3;border-radius:12px;background:#fbfdff;padding:0 11px;font:inherit;color:#152c47}.hopper-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hopper-pref{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hopper-pref button{min-height:42px;border:1px solid #cbd9e3;border-radius:12px;background:#f7fbfd;color:#174e70;font-weight:900;cursor:pointer}.hopper-pref button.active{background:#071f55;color:#fff;border-color:#071f55}.hopper-note{font-size:12px;color:#677c8f;line-height:1.5;margin:0}.hopper-result-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:12px}.source-fresh{font-size:11px;font-weight:900;border-radius:999px;padding:7px 9px;background:#e9f7f3;color:#146449;white-space:nowrap}.route-list{display:grid;gap:12px}.route-option{border:1px solid #d8e4ec;border-radius:18px;padding:15px;background:#fbfdff}.route-option.best{border-color:#0d6e87;box-shadow:inset 0 0 0 1px #0d6e87;background:#f0fbff}.route-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.route-rank{font-size:10px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:#0d6e87}.route-title{font-size:18px;font-weight:950;color:#071f55;margin:4px 0}.route-meta{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.route-meta span{font-size:11px;font-weight:850;padding:5px 7px;border-radius:999px;background:#edf3f7;color:#496276}.route-steps{display:grid;gap:8px;margin:12px 0}.route-step{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start}.route-step i{width:34px;height:34px;border-radius:10px;background:#e7f6ff;display:grid;place-items:center;font-style:normal}.route-step b{display:block;color:#173a55}.route-step small{display:block;color:#6b8090;line-height:1.4;margin-top:2px}.route-actions{display:flex;gap:8px;flex-wrap:wrap}.route-actions a{font-size:12px;font-weight:900;padding:8px 10px;border-radius:10px;text-decoration:none;background:#071f55;color:#fff}.route-actions a.secondary{background:#eef4f7;color:#174e70;border:1px solid #d7e2e8}.route-warning{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff5dc;border:1px solid #efcf7e;color:#765600;font-size:12px;line-height:1.45}.route-unavailable{padding:18px;border-radius:16px;background:#fff7f2;border:1px solid #f1d4c3;color:#71442c}.operator-board{margin-top:22px}.operator-grid2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.operator-mini{border:1px solid #dce7ee;border-radius:16px;padding:14px;background:#fff}.operator-mini h3{font-size:17px;margin:0 0 6px}.operator-mini p{font-size:13px;color:#607586;line-height:1.45;margin:0 0 9px}.operator-mini a{font-size:12px;font-weight:900}.status-chip{display:inline-flex;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 7px;background:#e7f6ee;color:#146149;margin-bottom:8px}.status-chip.warn{background:#fff1dc;color:#8b5d00}.network-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.network-strip a{padding:12px;border-radius:14px;text-decoration:none;background:#f4f8fb;border:1px solid #dae5ec;font-weight:900;color:#0e4162;text-align:center}.hopper-disclaimer{font-size:12px;color:#687f91;line-height:1.55;margin-top:15px}.live-route{background:#f7f5ff}.route-cost{font-weight:950;color:#173a55;white-space:nowrap}
@media(max-width:900px){.hopper-grid{grid-template-columns:1fr}.operator-grid2{grid-template-columns:1fr 1fr}.network-strip{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){.hopper-two,.hopper-pref,.operator-grid2,.network-strip{grid-template-columns:1fr}.hopper-result-head,.route-top{display:block}.source-fresh{display:inline-flex;margin-top:8px}.route-cost{margin-top:6px}.hopper-hero{padding-top:34px}}

.next-trip-card{margin-top:14px;padding:16px;border:1px solid #94d7df;border-radius:16px;background:linear-gradient(135deg,#eefcff,#f7ffff);color:#173a55}.next-trip-card h3{margin:5px 0 8px;font-size:20px;color:#071f55;text-transform:none}.next-trip-card p{margin:0 0 10px;line-height:1.45;color:#506b7e}.next-trip-card.muted{border-color:#e2d6c4;background:#fffaf2}.next-trip-route{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #dbeaf0;margin:10px 0 12px}.next-trip-route strong{color:#071f55}.next-trip-route span{font-size:12px;font-weight:900;color:#0d6e87;white-space:nowrap}.next-trip-use{min-height:44px}@media(max-width:620px){.next-trip-route{display:grid}.next-trip-route span{white-space:normal}.next-trip-card h3{font-size:18px}}