/* Weather additions reuse Flight Deck layout, cards, typography, and practice. */
.weather-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:30px}
.weather-heading>img{width:100%;height:auto}.weather-heading h1{font-size:clamp(34px,4vw,51px)}
@media(max-width:650px){.weather-heading{grid-template-columns:1fr;gap:0}.weather-heading>img{max-width:320px;margin:auto}.weather-heading .primary{width:auto}}
/* Cloud names are a reusable glossary; type cards remain readable without JS. */
.weather-words{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px 20px}.weather-words dt{font-weight:700;color:var(--teal)}.weather-words dd{margin:0;color:var(--muted)}
.weather-cloud-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.weather-cloud-card{padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.weather-lesson .weather-cloud-card h3{font-size:21px;margin:0 0 12px}.weather-cloud-card p:last-child{margin-bottom:0}
@media(max-width:650px){.weather-words,.weather-cloud-grid{grid-template-columns:1fr}.weather-words dd{margin-bottom:12px}}
@media print{.weather-cloud-card{break-inside:avoid}}
.weather-cloud-figure{margin:0 0 16px}.weather-cloud-figure img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}.weather-cloud-figure figcaption{margin-top:10px;font-size:15px;line-height:1.5;color:var(--muted)}.weather-cloud-figure figcaption strong{color:var(--teal)}
.weather-cloud-grid>figure.weather-cloud-card{margin:0}.weather-cloud-grid>figure.weather-cloud-card figcaption{margin-bottom:0}