.travel-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 6px}.travel-modes>a{display:flex;align-items:center;gap:15px;padding:17px 20px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:var(--surface);color:var(--ink);min-width:0}.travel-modes>a>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.travel-modes small{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.travel-modes strong{font:500 25px/1.2 var(--display)}.travel-modes>a>span:nth-child(2)>span{font-size:12px;color:var(--muted);line-height:1.4}.mode-symbol{font-size:30px;width:30px;flex:none}.mode-tick{margin-left:auto;visibility:hidden;flex:none}.travel-modes>a[aria-current=true]{border-color:var(--ink);background:var(--soft);box-shadow:inset 0 -2px var(--ink)}.travel-modes>a[aria-current=true] .mode-tick{visibility:visible}.travel-modes>a:focus-visible{outline:3px solid var(--orange-text);outline-offset:3px}
body[data-travel-mode=commute] .intro,body[data-travel-mode=commute] .shore-edit,body[data-travel-mode=commute] .shore-invitation,body[data-travel-mode=commute] .crossing-intro,body[data-travel-mode=commute] .destination-pitch,body[data-travel-mode=commute] .leisure-control,body[data-travel-mode=commute] #bay-map,body[data-travel-mode=commute] [data-back-ideas]{display:none}body[data-travel-mode=commute] .below{display:block}body[data-travel-mode=commute]:not([data-view=ashore]) .app-nav [data-view=ashore]{display:none}.app-nav [data-sponsorship-link]{display:none}body[data-travel-mode=commute] .journey-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.layover-idea{margin:20px 0;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.layover-idea>summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;list-style:none;cursor:pointer;padding:15px 18px;font-size:13px}.layover-idea>summary::-webkit-details-marker{display:none}.layover-idea>summary>span:first-child{color:var(--muted)}.layover-idea>summary>span:last-child{margin-left:auto}.layover-idea>div{padding:0 18px 16px}.layover-idea>div>p{font-size:14px;line-height:1.55}.layover-idea .layover-deadline{padding:12px;background:var(--soft)}.layover-idea>summary:focus-visible{outline:3px solid var(--orange-text);outline-offset:2px}.layover-idea .smallprint{font-size:12px;color:var(--muted)}.layover-idea .text-button{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:600px){.travel-modes{gap:8px;margin:14px 0 0}.travel-modes>a{gap:7px;padding:12px 10px;align-items:flex-start}.travel-modes strong{font-size:20px}.travel-modes small{font-size:8px;letter-spacing:.4px;line-height:1.3}.travel-modes>a>span:nth-child(2)>span{font-size:11px;margin-top:3px}.mode-symbol{display:none}.mode-tick{font-size:11px}.layover-idea>summary{align-items:flex-start}.layover-idea>summary>strong{flex-basis:80%}}
@media print{.travel-modes{display:none!important}}
@media(max-width:680px){body[data-travel-mode=commute] .trip-editor[open]>.trip-editor-label{display:none}body[data-travel-mode=commute] .trip-editor[open]>summary .trip-editor-label>:not([data-trip-draft]){display:none}body[data-travel-mode=commute] .trip-editor[open]>summary{padding:10px 16px;min-height:44px;align-items:center}}