.tc-forecast{margin:20px 0;padding:18px;border:1px solid #cad7e2;border-top:4px solid #2878a3;border-radius:12px;background:#fff;color:#385269}.tc-forecast[hidden]{display:none}.tc-forecast h2{font-size:21px;margin:0;line-height:1.3}.tc-forecast-head p{font-size:13px;margin:5px 0 0;color:#647b8d}.tc-forecast-places{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.tc-forecast-places button{font:inherit;font-size:14px;font-weight:650;padding:8px 14px;border:1px solid #bdcfde;border-radius:20px;background:#f6f9fc;color:#345d7b;cursor:pointer;min-height:38px}.tc-forecast-places button[aria-pressed=true]{background:#245d83;color:#fff;border-color:#245d83;box-shadow:inset 0 -3px #f5cc52}.tc-forecast-places button:hover{border-color:#2878a3}.tc-forecast-places button:focus-visible{outline:3px solid #e5b933;outline-offset:3px}.tc-forecast-hours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tc-forecast-hours article{padding:14px;background:linear-gradient(150deg,#eff6fc,#fafcfe);border:1px solid #dbe6ef;border-radius:9px;min-width:0}.tc-forecast-hours h3{font-size:13px;line-height:1.4;margin:0 0 10px;font-weight:650}.tc-forecast-main{display:flex;align-items:center;gap:12px}.tc-forecast .tc-forecast-main>.tc-weather-icon{width:42px;height:42px;flex:none}.tc-forecast-main strong{font-size:29px;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-1px}.tc-forecast-main strong>span{font-size:18px;font-weight:500;letter-spacing:0}.tc-forecast-condition{font-size:14px;font-weight:600;margin:9px 0 12px;min-height:20px}.tc-forecast dl{margin:0;padding-top:9px;border-top:1px solid #dbe6ef;display:grid;gap:7px}.tc-forecast dl>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.tc-forecast dt{display:flex;align-items:center;gap:6px;font-size:13px;color:#61798c}.tc-forecast dd{margin:0;font-size:13px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}.tc-forecast .tc-weather-icon{display:inline-block;width:17px;height:17px;flex:none;vertical-align:middle}.tc-forecast-credit{font-size:12px;line-height:1.5;margin:12px 0 0;color:#647b8d}@media(max-width:600px){.tc-forecast{padding:12px}.tc-forecast-hours{gap:7px}.tc-forecast-hours article{padding:10px 8px}.tc-forecast .tc-forecast-main>.tc-weather-icon{width:32px;height:32px}.tc-forecast-main{gap:5px;flex-wrap:wrap}.tc-forecast-main strong{font-size:25px}.tc-forecast-main strong>span{font-size:15px}.tc-forecast dt{font-size:12px;gap:4px}.tc-forecast dd{font-size:12px}.tc-forecast dl>div{flex-wrap:wrap;gap:2px}.tc-forecast-hours h3{font-size:12px}.tc-forecast-condition{font-size:12px}.tc-forecast-places button{font-size:13px;padding:8px 12px}.tc-forecast h2{font-size:20px}}

/* A time-led forecast strip, with a distinct evening palette. */
.tc-forecast .tc-forecast-hours article{background:#fffaf0;border-color:#eadfc6;border-top:3px solid #d6ac40}
.tc-forecast .tc-forecast-period{display:block;font-size:16px;color:#624b1b;margin:0 0 4px}
.tc-forecast .tc-forecast-hours .tc-forecast-evening{background:#edf0f8;border-color:#d4dbea;border-top-color:#6c78a5}
.tc-forecast .tc-forecast-evening .tc-forecast-period{color:#48547c}
.tc-forecast .tc-forecast-main{margin-top:14px}
.tc-forecast .tc-forecast-hours dl{border-top-color:#dededb}
@media(max-width:600px){.tc-forecast .tc-forecast-period{font-size:14px}.tc-forecast .tc-forecast-main{margin-top:10px}}
