.crossroads-journey .journey-heading{align-items:start;gap:32px}
.crossroads-journey .journey-heading>.journey-copy{flex:1 1 auto;min-width:0;padding-top:8px}
.journey-sidecar{flex:0 0 360px;display:grid;justify-items:end;gap:12px;max-width:100%}
.crossroads-weather{display:block;width:100%;padding:20px 22px;border:1px solid #293e55;border-top:3px solid var(--red);border-radius:18px;background:#091726;color:#fff;text-decoration:none;box-shadow:0 12px 30px #0b1f3810;transition:box-shadow .2s,border-color .2s}
.crossroads-weather:hover{border-color:#b5252c;box-shadow:0 14px 34px #0b1f3822}
.crossroads-weather:focus-visible{outline:3px solid #357cc7;outline-offset:4px}
.crossroads-weather .wx-head{display:flex;align-items:center;gap:9px;font-size:.9rem;font-weight:750;flex-wrap:wrap}
.crossroads-weather .wx-head img{width:32px;height:32px;object-fit:contain;border-radius:8px}
.crossroads-weather .wx-time{margin-left:auto;font-size:.68rem;line-height:1.5;font-weight:400;color:#a7bdd1;text-align:right;max-width:130px}
.crossroads-weather .wx-main{display:flex;gap:15px;align-items:baseline;flex-wrap:wrap;margin:14px 0 10px}
.crossroads-weather .wx-temp{font-size:3.1rem;font-weight:800;line-height:1;letter-spacing:-.06em}
.crossroads-weather .wx-cond{font-size:1rem;color:#d4e2ef}
.crossroads-weather .wx-meta{display:flex;gap:22px;flex-wrap:wrap;font-size:.85rem;color:#a7bdd1}
.crossroads-weather .wx-meta b{color:#fff;font-weight:650;margin-left:4px}
.crossroads-weather .wx-next{font-size:.8rem;color:#d4e2ef;line-height:1.5;margin:13px 0 0;border-top:1px solid #26394e;padding-top:11px;max-width:none}
.crossroads-weather .wx-next:empty{display:none}
.crossroads-weather .wx-off{display:none;font-size:.88rem;line-height:1.6;color:#d4e2ef;margin:16px 0 0;max-width:none}
.crossroads-weather .wx-src{font-size:.66rem;color:#a7bdd1;line-height:1.5;margin:12px 0 0;max-width:none}
.crossroads-weather .wx-open{display:block;color:#f5bec2;font-size:.76rem;font-weight:750;margin-top:10px}
.crossroads-weather.is-offline .wx-main,.crossroads-weather.is-offline .wx-meta,.crossroads-weather.is-offline .wx-next{display:none}
.crossroads-weather.is-offline .wx-off{display:block}
@media(min-width:1001px) and (max-width:1200px){.journey-sidecar{flex-basis:325px}.crossroads-weather{padding:18px}.crossroads-journey .journey-heading{gap:22px}}
@media(max-width:1000px){.crossroads-journey .journey-heading{display:block!important;padding:24px 4% 0;margin:0;max-width:none}.crossroads-journey .journey-heading>.journey-copy,.journey-sidecar .truck-motion-toggle{display:none!important}.journey-sidecar{display:block;width:100%;max-width:460px;margin:0 auto}}
@media(prefers-reduced-motion:reduce){.crossroads-weather{transition:none}}