weather-infographics{display:block}weather-infographics .max-width{margin:0 auto;padding-block:var(--space-4) var(--space-12);padding-inline:1em;box-sizing:border-box}weather-infographics h1{font-size:1.8em;font-weight:700;margin:.5em 0}weather-infographics .standfirst{font-size:.9375em;line-height:1.6;color:var(--color-secondary-font);margin:0 0 2em;max-width:44em}weather-infographics .empty{font-size:.9375em;line-height:1.6;color:var(--color-secondary-font);margin:0}weather-infographics .infographics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:var(--space-8)}weather-infographics .infographic{display:flex;flex-direction:column;background-color:var(--color-box-bg);border:1px solid var(--color-box-border);border-radius:.5em;overflow:hidden}weather-infographics .infographic>a{display:block;color:inherit}weather-infographics .thumbnail{display:block;aspect-ratio:800/385;background-color:var(--color-box-alternate-bg);overflow:hidden}weather-infographics .thumbnail img{display:block;width:100%;height:100%;object-fit:cover}weather-infographics .text{padding-block:var(--space-4) var(--space-3);padding-inline:var(--space-4)}weather-infographics .infographic h2{font-size:1.0625em;font-weight:700;line-height:1.35;color:var(--font-color);margin:0}weather-infographics .infographic>a:hover h2{color:var(--link-color)}weather-infographics .published{display:block;font-size:.75em;color:var(--color-secondary-font);margin-block-start:var(--space-1)}weather-infographics .teaser{font-size:.9375em;line-height:1.6;color:var(--color-secondary-font);padding-block:0 var(--space-4);padding-inline:var(--space-4)}weather-infographics .teaser p{margin:0 0 .75em}weather-infographics .teaser p:last-child{margin-bottom:0}weather-infographics .teaser a{color:var(--link-color);overflow-wrap:break-word}@media (max-width:992px){weather-infographics .infographics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){weather-infographics .max-width{padding-block:var(--space-2) var(--space-8);padding-inline:1em}weather-infographics h1{font-size:1.5em}weather-infographics .infographics{grid-template-columns:minmax(0,1fr)}}