weather-infographic{display:block}weather-infographic .max-width{max-width:880px;margin:0 auto;padding-block:var(--space-4) var(--space-12);padding-inline:1em;box-sizing:border-box}weather-infographic .back{display:inline-flex;align-items:center;column-gap:.25em;font-size:.8125em;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--link-color)}weather-infographic .back .icon{display:block;width:1.25em;height:1.25em;background-size:contain;background-position:center}weather-infographic h1{font-size:1.8em;font-weight:700;line-height:1.2;color:var(--font-color);margin:.5em 0}weather-infographic .poster{margin:0}weather-infographic .poster img{display:block;width:100%;height:auto;border-radius:.5em}weather-infographic .copy{font-size:.9375em;line-height:1.6;color:var(--color-secondary-font);margin-block-start:var(--space-8);max-width:44em}weather-infographic .copy p{margin:0 0 1em}weather-infographic .copy p:last-child{margin-bottom:0}weather-infographic .copy a{color:var(--link-color);overflow-wrap:break-word}weather-infographic .copy b,weather-infographic .copy strong{color:var(--font-color)}weather-infographic .more{margin-block-start:var(--space-12);border-top:1px solid var(--color-box-border);padding-block-start:var(--space-8)}weather-infographic .more h2{font-size:1.25em;font-weight:700;color:var(--font-color);margin:0 0 1em}weather-infographic .more ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;row-gap:var(--space-6)}weather-infographic .more a{display:block;color:inherit}weather-infographic .more .thumbnail{display:block;aspect-ratio:800/385;background-color:var(--color-box-alternate-bg);border:1px solid var(--color-box-border);border-radius:.375em;overflow:hidden}weather-infographic .more .thumbnail img{display:block;width:100%;height:100%;object-fit:cover}weather-infographic .more .title{display:block;font-size:.875em;font-weight:700;line-height:1.35;color:var(--font-color);margin-block-start:var(--space-2)}weather-infographic .more a:hover .title{color:var(--link-color)}@media (max-width:640px){weather-infographic .max-width{padding-block:var(--space-2) var(--space-8);padding-inline:1em}weather-infographic h1{font-size:1.5em}weather-infographic .more ul{grid-template-columns:repeat(2,minmax(0,1fr))}}