.day-weather{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:0 4px;margin:8px 0 11px;padding:7px 8px 6px 10px;border:1px solid #d7e6eb;border-radius:13px;background:linear-gradient(105deg,#f3fafd 0%,#f8fbfb 100%);color:#365975}
.day-weather-main{display:flex;align-items:center;gap:9px;min-width:0;min-height:36px;padding:1px 4px;text-align:left;color:inherit;font-size:12px;font-weight:650;line-height:1.45}
.day-weather-main>span:nth-child(2){overflow-wrap:anywhere;flex:1}
.day-weather-main>.icon{width:13px;height:13px;flex:none;opacity:.55}
.weather-symbol{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:10px;background:#e1f1f6;color:#4988aa;font-size:16px}
.weather-city-trigger{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#5c879d}
.weather-city-trigger:hover,.day-weather-main:hover{background:#e8f4f8}
.weather-city-trigger .icon{width:16px;height:16px}
.day-weather>small{grid-column:1/-1;margin:0 5px 1px 36px;color:#6d8290;font-size:10px;line-height:1.4}
.day-weather>small a,.weather-detail a,.weather-provenance a{color:#356e91;text-decoration:underline;text-underline-offset:2px}
.day-weather.is-stale{background:#f7f7f2;border-color:#e1e2d8;color:#626f6d}
.weather-stop-alert{min-height:29px;padding:4px 8px;border-radius:9px;background:#ecf4fb;color:#39749a;font-size:11px;font-weight:650}
.weather-stop-actions{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}
.weather-indoor-choice{min-height:29px;padding:4px 9px;border:1px solid #bfdbd4;border-radius:9px;background:#eff8f4;color:#34745e;font-size:11px;font-weight:700}
.weather-indoor-choice:hover{background:#e2f2ea}
.weather-preferences{margin-top:20px;padding:15px 16px;border:1px solid #dceaf0;border-radius:14px;background:#f6fafc}
.weather-preferences>strong{color:#365d72;font-size:14px}
.weather-preferences .form-field{margin-top:10px}
.weather-children{display:flex;align-items:center;gap:10px;margin-top:13px;font-size:13px;font-weight:600;color:#426374}
.weather-children input{width:18px;height:18px;accent-color:#4a90b6}
.weather-preferences small{display:block;margin-top:8px;color:#738a96;font-size:11px;line-height:1.5}
.weather-detail{margin:13px 0;padding:13px 14px;border-radius:13px;background:#f2f8fb;border:1px solid #dcebf0}
.weather-detail>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#315d77}
.weather-detail>div span{font-size:11px;color:#688596}
.weather-detail p{margin:8px 0 5px;font-size:13px;line-height:1.5}
.weather-detail small{font-size:11px;color:#657b89;line-height:1.5}
.weather-modal-lead{margin:2px 0 14px;font-size:16px;font-weight:650;color:#315d77;line-height:1.5}
.weather-current-now{display:flex;flex-wrap:wrap;align-items:center;gap:3px 10px;margin:0 0 12px;padding:10px 12px;border:1px solid #d8eaf1;border-radius:11px;background:#f2f9fc;color:#315d77;font-size:12px}
.weather-current-now span{font-weight:650}.weather-current-now small{width:100%;color:#6c8796}
.weather-advice{padding:14px;border-radius:13px;background:#f3f8f6;border:1px solid #dce9e4}
.weather-advice strong{color:#315c59}
.weather-advice p{margin:6px 0;font-size:14px;font-weight:650}
.weather-advice small,.weather-provenance{font-size:11px;color:#6d7d80;line-height:1.6}
.weather-hour-list{margin-top:15px;border-top:1px solid #dce6e9}
.weather-hour{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px 2px;border-bottom:1px solid #e8eef0;font-size:12px}
.weather-hour time{color:#5d8298;font-weight:700;font-variant-numeric:tabular-nums}
.weather-hour span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.weather-hour strong{font-size:12px;color:#345b70}
.weather-hour small{grid-column:2/-1;color:#658396}
.weather-provenance{margin:13px 0}
.weather-current-city{padding:9px 11px;background:#f0f7fa;border-radius:10px;color:#4a7088;font-size:12px}
.weather-city-results{display:grid;gap:6px;margin:13px 0}
.weather-city-results>button{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:2px 9px;align-items:center;text-align:left;padding:11px 12px;border:1px solid #dde9ee;border-radius:11px;background:#f9fcfd;color:#315d77}
.weather-city-results>button small{grid-column:1;color:#6b8390}
.weather-city-results>button .icon{grid-column:2;grid-row:1/3;width:14px;height:14px}
.weather-city-results>button:hover{background:#edf7fa}
@media(max-width:720px){.day-weather{margin-top:7px}.day-weather-main{font-size:11px}.day-weather>small{font-size:10px}.weather-hour{grid-template-columns:41px minmax(0,1fr);}.weather-hour strong{grid-column:2}.weather-hour small{grid-column:2}}

/* One compact travel status: weather left, local clocks right. */
.clock-weather-cluster{display:flex;align-items:center;gap:12px;padding:5px 11px 5px 9px;border:1px solid #d6e8f2;border-radius:19px;background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 #fff,0 3px 12px #3b789006;min-width:0}
.weather-live{display:flex;align-items:center;gap:1px;min-width:0;padding:0;border:0}
.weather-live-button{display:flex;align-items:center;gap:7px;min-height:44px;padding:2px 0;color:#345d76;text-align:left;border-radius:12px;white-space:nowrap}
.weather-live-button:hover{background:#f2f8fc}
.weather-live-icon{width:28px;height:28px;flex:none;color:#789bb4}
.weather-live-icon.is-sun,.weather-live-icon.is-partly{color:#ae802a}
.weather-live-icon.is-sun circle,.weather-live-icon.is-partly circle{fill:#ffe9a6}
.weather-live-icon.is-cloud path{fill:#e7f2f9}
.weather-live-icon.is-rain,.weather-live-icon.is-storm{color:#5689ae}
.weather-live-icon.is-night{color:#8585a7;fill:#f2edfb}
.weather-live-copy{display:grid;gap:3px;min-width:0}
.weather-live-copy strong{font-size:12px;line-height:1.25;font-weight:700;color:#365d72}
.weather-live-copy small{font-size:10px;line-height:1.25;color:#526f80;font-variant-numeric:tabular-nums}
.weather-live-credit{display:grid;place-items:center;width:28px;min-width:28px;height:32px;border-radius:10px;color:#6a8799;text-decoration:none}
.weather-live-credit .icon{width:13px;height:13px;stroke-width:1.7}
.weather-live-credit:hover,.weather-live-credit:focus-visible{color:#356b8d;background:#eaf4fb}
.clock-weather-cluster .nt-clocks-compact{border-left:1px solid #ddeaf1;padding-left:12px;gap:3px}
.clock-weather-cluster .nt-clocks-compact .nt-mini-line{column-gap:5px}
.clock-weather-cluster .nt-clocks-compact strong{font-size:14px;letter-spacing:0}
.weather-live.is-stale .weather-live-copy small{color:#876c44}
.weather-live-detail{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid #d9e9f0;background:#f1f9fc;border-radius:18px;color:#315d77}
.weather-live-detail .weather-live-icon{width:36px;height:36px}
.weather-live-detail strong{display:block;font-size:14px;line-height:1.5}
.weather-live-detail small{display:block;font-size:11px;color:#617b8a;margin-top:3px}
@media(max-width:800px){.clock-weather-cluster{gap:9px;padding:4px 9px}.weather-live-button{gap:5px}.weather-live-icon{width:25px;height:25px}.clock-weather-cluster .nt-clocks-compact{padding-left:9px}.clock-weather-cluster .nt-clocks-compact strong{font-size:13px}}
@media(max-width:600px){.topbar:has(.clock-weather-cluster){height:auto;min-height:90px;display:grid;grid-template-columns:1fr;align-content:center;gap:2px;padding:4px 16px 8px}.topbar:has(.clock-weather-cluster) .trip-context{min-height:40px}.topbar:has(.clock-weather-cluster) .top-actions{justify-content:flex-end;padding-left:0}.clock-weather-cluster{padding:2px 9px;border-radius:17px;gap:8px}.weather-live-credit{width:24px;min-width:24px;height:36px}.weather-live-button{min-height:40px}.weather-live-copy strong{font-size:11px}.clock-weather-cluster .nt-clocks-compact{padding-left:9px}}
@media(max-width:360px){.topbar:has(.clock-weather-cluster){padding-inline:12px}.clock-weather-cluster{gap:5px;padding-inline:7px}.weather-live-button{gap:4px}.weather-live-copy small{font-size:9px}.clock-weather-cluster .nt-clocks-compact{padding-left:7px}}
.easy .weather-live-copy strong{font-size:13px}.easy .weather-live-copy small{font-size:12px}.easy .weather-live-credit{min-width:32px}
@media(max-width:600px){.easy .clock-weather-cluster{width:100%;justify-content:space-between;gap:5px}.easy .weather-live-icon{width:22px;height:22px}.easy .weather-live-button{gap:4px}.easy .clock-weather-cluster .nt-clocks-compact strong{font-size:14px}}

/* Keep only the brand and travel status in the sticky mobile header. */
@media(max-width:600px){
 .topbar:has(.clock-weather-cluster){display:flex;justify-content:space-between;min-height:64px;height:auto;gap:6px;padding:7px 12px}
 .topbar:has(.clock-weather-cluster) .top-actions{min-width:0;flex:none;gap:0}
 .topbar .top-actions>.avatars,.topbar .top-actions>.avatar{display:none}
 .clock-weather-cluster{gap:6px;padding:3px 6px;border-radius:16px}
 .weather-live-button{gap:4px;min-height:40px}
 .weather-live-icon{width:22px;height:22px}
 .weather-live-copy{gap:3px}
 .weather-live-copy small{font-size:9px}
 .weather-live-credit{width:20px;min-width:20px;height:36px}
 .weather-live-credit .icon{width:12px;height:12px}
 .clock-weather-cluster .nt-clocks-compact{padding-left:7px;gap:3px}
 .clock-weather-cluster .nt-mini-line{grid-template-columns:26px auto;column-gap:3px}
 .clock-weather-cluster .nt-mini-label{max-width:26px;font-size:10px}
 .clock-weather-cluster .nt-clocks-compact strong{font-size:12px}
 .easy .topbar:has(.clock-weather-cluster){flex-wrap:wrap}
 .easy .topbar:has(.clock-weather-cluster) .top-actions{width:100%}
 .easy .clock-weather-cluster .weather-live-copy small{font-size:12px}
 .easy .clock-weather-cluster .nt-clocks-compact strong{font-size:14px}
}
@media(max-width:359px){
 .topbar:has(.clock-weather-cluster){flex-wrap:wrap}
 .topbar:has(.clock-weather-cluster) .top-actions{width:100%}
 .clock-weather-cluster{width:100%;justify-content:space-between;padding-inline:10px}
}