.training-open main{max-width:1540px}
.play-grid.with-weather{grid-template-columns:264px minmax(0,1fr) 304px;grid-template-areas:"weather content decision";gap:18px}
.with-weather>.weather-panel{grid-area:weather;min-width:0;padding:18px}
.with-weather>.main-column{grid-area:content}
.with-weather>.decision{grid-area:decision}
.weather-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.weather-heading h2{font-size:16px;margin:0}
.weather-badge{font-size:11px;white-space:nowrap;background:#e8f1ec;color:#396b59;border-radius:4px;padding:3px 6px}
.weather-date{font-size:12px;color:var(--muted);margin:10px 0 0}
.weather-map{height:242px;margin:6px auto 0;max-width:260px}
.weather-city{stroke:#fff;stroke-width:1.8;stroke-linejoin:round}
.weather-city:hover{stroke:#418574;stroke-width:3}
.weather-map .weather-region{font-size:20px;fill:#254e43;font-weight:650;paint-order:stroke;stroke:#fff;stroke-width:4;stroke-linejoin:round}
.weather-map .weather-region-temp{font-size:18px;font-weight:500}
.weather-map-caption{text-align:center;color:var(--muted);font-size:11px;margin:0 0 18px}
.weather-panel h3{font-size:13px;margin:0 0 10px}
.weather-panel h3>span{float:right;font-size:11px;font-weight:400;color:var(--muted)}
.weather-panel ul{padding:0;list-style:none;margin:0}
.weather-day{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:5px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1ee;font-size:12px}
.weather-day-label b{font-size:12px;font-weight:550;display:block}
.weather-day-label small{font-size:9px;margin-left:3px;font-weight:500;color:var(--teal)}
.weather-day-label time{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.weather-condition{display:flex;align-items:center;gap:4px;white-space:nowrap}
.weather-icon{width:19px;height:19px;flex-shrink:0;margin:0;color:#537f8c}
.weather-temperature{font-variant-numeric:tabular-nums;white-space:nowrap}
.weather-day-source{grid-column:1/-1;font-size:12px;line-height:1.6;color:var(--muted)}
.weather-credit{font-size:12px;line-height:1.65;color:var(--muted);margin:10px 0 0}
.weather-credit a{text-underline-offset:2px}
.delivery-weather{background:#edf5ef;margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:6px;border-bottom-color:transparent}
.weather-impact{margin-top:20px}
.weather-impact li{display:flex;gap:9px;font-size:12px;line-height:1.7;margin:9px 0}
.weather-impact li>b{font-weight:550;flex-shrink:0;color:var(--teal)}
.weather-impact li>span{color:var(--muted)}
.weather-note{font-size:12px;line-height:1.75;color:var(--muted);margin:16px 0 0;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:1200px){.play-grid.with-weather{grid-template-columns:250px minmax(0,1fr) 280px;gap:14px}.with-weather>.weather-panel{padding:15px}.with-weather>.decision{padding:20px}}
@media(max-width:1100px){.play-grid.with-weather{grid-template-columns:250px minmax(0,1fr);grid-template-areas:"weather content" "weather decision";gap:18px}.with-weather>.decision{position:static}.with-weather .main-column .card:last-child{margin-bottom:0}.with-weather .brief-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.with-weather .brief-grid{grid-template-columns:1fr}.with-weather .card-title{align-items:flex-start}.with-weather .card-title .quiet{white-space:nowrap}}
@media(max-width:750px){.play-grid.with-weather{grid-template-columns:minmax(0,1fr);grid-template-areas:"weather" "content" "decision"}.with-weather>.weather-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px;padding:20px}.weather-heading,.weather-date,.weather-note,.weather-credit{grid-column:1/-1}.weather-overview{grid-column:1;grid-row:3}.weather-outlook{grid-column:2;grid-row:3;padding-top:15px}.weather-impact{grid-column:1/-1;margin-top:8px}.weather-map{height:215px}.weather-map-caption{margin-bottom:0}.with-weather .brief-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.with-weather>.weather-panel{display:block}.weather-map{height:205px}.weather-outlook{padding-top:18px}.weather-day{grid-template-columns:80px minmax(0,1fr) auto}.weather-impact{margin-top:20px}.with-weather .brief-grid{grid-template-columns:1fr}}