.journey-layout{background:#f8fafc;grid-template-columns:minmax(0,1fr);display:grid}.journey-sidebar{display:contents}.journey-controls-collapse{z-index:30;grid-row:1;position:relative}.journey-controls-inner{opacity:1;transition:transform .2s var(--ease-out), opacity .2s var(--ease-out);transform:translateY(0)}.journey-layout:is([data-trip=true],:not([data-trip]):has(.journey-trip-content)) .journey-controls-collapse{pointer-events:none}.journey-layout:is([data-trip=true],:not([data-trip]):has(.journey-trip-content)) .journey-controls-inner{opacity:0;transform:translateY(-100%)}.journey-controls{z-index:30;background:#fff;border-bottom:1px solid #e2e8f0;grid-row:1;padding:12px 16px;position:relative}.journey-searches{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.journey-field-label{color:#64748b;margin-bottom:4px;font-size:12px;font-weight:600;line-height:16px}.journey-mode-row{grid-template-columns:minmax(0,1fr) 82px;gap:8px;margin-top:10px;transition:grid-template-columns .24s,gap .24s;display:grid}.journey-modes{background:#f1f5f9;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.journey-modes a{color:#64748b;text-align:center;border-radius:7px;justify-content:center;align-items:center;min-height:44px;padding:0 4px;font-size:12px;line-height:16px;transition:color .16s,background .16s,box-shadow .16s;display:flex}.journey-modes a[aria-current]{color:#166534;background:#fff;font-weight:600;box-shadow:0 1px 3px #0f172a15}.journey-modes a:focus-visible{outline-offset:2px;outline:2px solid #16a34a}.journey-mobile-time{opacity:1;min-width:0;transition:opacity .16s;overflow:hidden}.journey-mobile-time select{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;width:82px;height:44px;padding:0 24px 0 8px;font-size:16px}.journey-controls[data-night=true] .journey-mode-row{grid-template-columns:minmax(0,1fr) 0;gap:0}.journey-controls[data-night=true] .journey-mobile-time{opacity:0}.journey-time-collapse{display:none}.journey-map{z-index:0;border-bottom:1px solid #e2e8f0;grid-row:2;min-width:0;height:clamp(280px,42svh,420px);position:relative;overflow:hidden}.journey-results{background:#f8fafc;grid-row:3;min-width:0;padding:20px 16px;overflow-x:clip;container:journey-results/inline-size}.journey-results .prose{max-width:none;font-size:14px}.journey-results .prose h1{margin-top:0;font-size:24px;font-weight:600;line-height:1.25}.journey-results .prose h2{font-size:20px}.journey-layout:is([data-trip=true],:not([data-trip]):has(.journey-trip-content)) .journey-results{padding:0 0 20px}.journey-trip-navigation{z-index:30;width:fit-content;height:0;margin-left:16px;position:sticky;top:0}.journey-back-button{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .16s,color .16s;display:flex;position:relative;top:16px;box-shadow:0 2px 8px #0f172a20}@media (hover:hover) and (pointer:fine){.journey-back-button:hover{color:#166534;background:#f0fdf4}}.journey-back-button:focus-visible{outline-offset:3px;outline:2px solid #16a34a}.journey-trip-content[data-photo=false]{padding-top:76px}.journey-loading,.journey-controls-loading{color:#64748b;justify-content:center;align-items:center;min-height:96px;font-size:14px;display:flex}.journey-controls-loading{background:#fff;border-bottom:1px solid #e2e8f0;height:143px}.journey-layout a:has(>.journey-link-pending){cursor:progress;animation:.15s .15s forwards journey-pending-dim}@keyframes journey-pending-dim{to{opacity:.6}}@media (max-width:1023px){.journey-layout:is([data-trip=true],:not([data-trip]):has(.journey-trip-content)) .journey-controls-collapse{height:0;overflow:hidden}.journey-layout:is([data-trip=true],:not([data-trip]):has(.journey-trip-content)) .journey-results{grid-row:2}.journey-layout:is([data-trip=true],:not([data-trip]):has(.journey-trip-content)) .journey-map{grid-row:3}.journey-trip-photo{max-height:320px}}.journey-layout.journey-results-ghost{z-index:25;pointer-events:none;min-height:0;position:fixed;inset:auto;overflow:hidden}.journey-layout.journey-results-ghost .journey-results{scrollbar-width:none;width:100%;height:100%;position:absolute;inset:0;overflow:auto}:root{--ease-out:cubic-bezier(.23, 1, .32, 1)}.map-area-button{color:#166534;opacity:0;pointer-events:none;min-height:44px;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex;transform:translateY(-20%)scale(.97);box-shadow:0 2px 8px #0f172a20}.map-area-button[data-visible=true]{opacity:1;pointer-events:auto;cursor:pointer;transform:translateY(0)scale(1)}.map-area-button:focus-visible{outline-offset:3px;outline:2px solid #16a34a}@media (max-width:1023px){.map-area-button{gap:6px;min-height:36px;padding:6px 12px;font-size:12px;position:relative}.map-area-button svg{width:14px;height:14px}.map-area-button:before{content:"";position:absolute;inset:-4px}}@media (hover:hover) and (pointer:fine){.map-area-button:hover{background:#f0fdf4}}@media (prefers-reduced-motion:reduce){.map-area-button{transition:opacity .16s var(--ease-out);transform:none}.map-area-button[data-visible=true]{transform:none}}@media (min-width:1024px){.journey-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:480px minmax(0,1fr);min-height:0;position:fixed;inset:48px 0 0;overflow:hidden}.journey-sidebar{border-right:1px solid #e2e8f0;grid-template-rows:auto minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.journey-layout:is([data-trip=true],:not([data-trip]):has(.journey-trip-content)) .journey-controls-collapse{height:0}.journey-controls{padding:16px 20px}.journey-controls-loading{height:219px}.journey-mode-row,.journey-controls[data-night=true] .journey-mode-row{grid-template-columns:minmax(0,1fr);gap:0}.journey-modes{padding:3px}.journey-modes a{min-height:32px;font-size:14px}.journey-mobile-time{display:none}.journey-time-collapse{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .24s,opacity .18s;display:grid}.journey-time-inner{min-height:0;overflow:hidden}.journey-controls[data-night=true] .journey-time-collapse{opacity:0;grid-template-rows:0fr}.journey-time-heading{justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.journey-time-heading .journey-field-label{margin-bottom:0}.journey-time-scale{padding-inline:8px}.journey-time-inner input{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0;padding:0;display:block}.journey-time-inner input::-webkit-slider-runnable-track{background:linear-gradient(to right, #15803d var(--journey-time-progress), #e2e8f0 var(--journey-time-progress));border-radius:999px;height:6px}.journey-time-inner input::-moz-range-track{background:linear-gradient(to right, #15803d var(--journey-time-progress), #e2e8f0 var(--journey-time-progress));border-radius:999px;height:6px}.journey-time-inner input::-webkit-slider-thumb{appearance:none;background:#15803d;border-radius:50%;width:16px;height:16px;margin-top:-5px}.journey-time-inner input::-moz-range-thumb{background:#15803d;border:0;border-radius:50%;width:16px;height:16px}.journey-time-inner input:focus-visible{outline-offset:2px;border-radius:999px;outline:2px solid #16a34a}.journey-time-ticks{height:1rem;margin-inline:8px;position:relative}.journey-time-ticks span{white-space:nowrap;position:absolute;transform:translate(-50%)}.journey-time-ticks span:first-child{transform:none}.journey-map{border:0;grid-area:1/2;height:100%;min-height:0}.journey-results{overscroll-behavior:contain;scrollbar-width:thin;grid-row:2;min-height:0;padding:20px;overflow:auto}}@media (min-width:1024px) and (pointer:coarse){.journey-controls-loading{height:247px}.journey-modes a{min-height:44px}.journey-time-inner input{height:44px}}@media (prefers-reduced-motion:reduce){.journey-mode-row,.journey-time-collapse{transition:none}.journey-layout[data-trip] .journey-controls-inner{transition:opacity .2s var(--ease-out);transform:none}}.journey-layout[data-motion=keyboard] .journey-controls-inner,.journey-layout[data-motion=keyboard] .journey-map,.journey-layout[data-motion=keyboard] .journey-mode-row,.journey-layout[data-motion=keyboard] .journey-mobile-time,.journey-layout[data-motion=keyboard] .journey-time-collapse,.journey-layout[data-motion=keyboard] .journey-modes a{transition:none}.journey-results .wide-ad-banner{display:none}@container journey-results (min-width:728px){.journey-results .wide-ad-banner{display:block}}