.climate-app{--climate-ink:#204f54;--climate-accent:#d5a16b;--climate-wash:#edf4f2;margin-top:14px;padding:16px;border:1px solid #d6e1de;border-radius:18px;background:linear-gradient(145deg,#f5faf8,#fffaf1);color:var(--climate-ink);overflow:hidden}
html[data-travel-mode="rail"] .climate-app{--climate-ink:#3b5188;--climate-accent:#dba777;--climate-wash:#edf0f8;border-color:#d9deec;background:linear-gradient(145deg,#f1f4fb,#fff7ed)}
.climate-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.climate-heading>div>span{font-size:10px;letter-spacing:1.5px;opacity:.75}.climate-heading h3{font-size:17px;margin:3px 0 0;line-height:1.4}.climate-badge{font-size:11px;white-space:nowrap;border:1px solid currentColor;border-radius:20px;padding:4px 8px;opacity:.8}
.climate-cities{display:flex;flex-wrap:wrap;gap:5px}.climate-cities button{appearance:none;border:0;border-radius:20px;background:transparent;color:inherit;padding:8px 11px;min-height:36px;font:inherit;font-size:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.climate-cities button[aria-pressed="true"]{background:var(--climate-ink);color:white}.climate-cities button:focus-visible{outline:2px solid var(--climate-accent);outline-offset:2px}
.climate-current{display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px}.climate-current h4{font-size:16px;margin:0}.climate-current h4 span{display:block;font-size:11px;font-weight:400;opacity:.75;margin-top:3px}.climate-temperature{font-size:64px;line-height:1.1;font-weight:400;letter-spacing:-3px;font-variant-numeric:tabular-nums}.climate-temperature>span{font-size:27px;letter-spacing:0;vertical-align:top;display:inline-block;margin-top:10px}.climate-icon{width:72px;height:72px;color:var(--climate-accent);margin-right:8px}
.climate-range-labels{display:flex;justify-content:space-between;gap:6px;font-size:11px}.climate-range-labels b{font-weight:600}.climate-range{height:6px;border-radius:9px;background:var(--climate-wash);position:relative;margin:9px 0 14px}.climate-range i{position:absolute;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--climate-ink),var(--climate-accent))}.climate-app .climate-outfit{font-size:13px;line-height:1.7;margin:0 0 10px;color:inherit}.climate-source{font-size:11px;color:inherit;text-underline-offset:3px}.climate-disclaimer{font-size:10px;line-height:1.65;opacity:.8;border-top:1px solid #d9dfdd;margin-top:12px;padding-top:10px}
@media(max-width:350px){.climate-app{padding:13px}.climate-range-labels{font-size:10px}.climate-heading h3{font-size:16px}}