.trip-mode-banner{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:12px 0;padding:12px 14px;border:1px solid #e3d8c3;border-radius:12px;background:#fff;color:#16243a}.trip-mode-banner>span{padding:5px 8px;border-radius:999px;background:#f6efe2;font-size:10px;font-weight:900;letter-spacing:.1em}.trip-mode-banner strong{display:block;font-size:14px}.trip-mode-banner p{margin:2px 0 0;color:#5b6578;font-size:12px;line-height:1.4}.trip-mode-banner a{color:#16243a;text-decoration:none;font-weight:850;font-size:12px;white-space:nowrap}.trip-mode-today .trip-mode-banner{background:#e8f3f1;border-color:#a9b4c6}.trip-mode-before .trip-mode-banner{background:#fff7e7;border-color:#e5ce93}.trip-mode-bookings .trip-mode-banner{background:#f6efe2}.trip-mode-today .side-tool{display:none}.trip-mode-today .review-more-tools{display:none}@media(max-width:680px){.trip-mode-banner{grid-template-columns:1fr}.trip-mode-banner a{white-space:normal}}
/* The homepage carries separate desktop and mobile hero presentations. Keep the duplicate
   mobile photograph out of the constrained first viewport; the desktop art panel and all
   destination imagery remain unchanged. This rule lives here because trip-mode.css is a
   shared stylesheet already loaded by the homepage. */
@media(max-width:720px){.home-only .hero-mobile-photo{display:none!important}}