#initial-content{margin:0 max(176px,13vw) 0 max(300px,32vw);color:#fff;background:#164e63;font-family:"DM Sans",Arial,sans-serif;line-height:1.65}
#initial-content .initial-summary{padding:32px clamp(24px,5.2vw,68px)}
body:has(#root .weather-app) #initial-content .initial-summary{display:none}
#initial-content h1{font-size:26px;font-weight:700;margin:0 0 16px}
#initial-content table{width:100%;border-collapse:collapse;margin:20px 0}
#initial-content th,#initial-content td{text-align:left;padding:10px;border-bottom:1px solid #ffffff26}
#initial-content a{color:#c3f1fa;text-decoration:none}
#initial-content a:hover{text-decoration:underline}
#initial-content a:focus-visible,#initial-content summary:focus-visible{outline:2px solid #ffc24b;outline-offset:5px}
.forecast-about{padding:38px clamp(24px,5.2vw,68px) 28px;border-top:1px solid #ffffff26}
.forecast-about__label{font-size:10px;letter-spacing:.16em;color:#afd8e4;font-weight:700;margin:0 0 6px}
#initial-content h2{font-size:27px;letter-spacing:-.04em;margin:0 0 22px;font-weight:600}
.forecast-about__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#initial-content h3{font-size:15px;margin:0 0 7px;font-weight:700}
.forecast-about p:not(.forecast-about__label){font-size:13px;color:#d2e7ed;margin:0 0 16px}
.forecast-about details{border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;margin-top:10px;padding:16px 0}
.forecast-about summary{cursor:pointer;font-size:13px;font-weight:600}
.forecast-about details[open] summary{margin-bottom:12px}
.forecast-about__bottom{display:flex;justify-content:space-between;gap:14px;padding:18px 0;font-size:12px}
.forecast-about nav{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;padding-top:14px;border-top:1px solid #ffffff26}
.forecast-about nav span{width:100%;color:#afd8e4;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:1100px) and (min-width:761px){#initial-content{margin-left:max(250px,32vw);margin-right:0}}
@media(max-width:760px){#initial-content{margin:0}.forecast-about__grid{grid-template-columns:1fr;gap:4px}.forecast-about__bottom{flex-direction:column;gap:5px}}

/* Keep supporting information in the forecast column and compact the ending. */
.site-footer:has(#initial-content){padding-bottom:20px;row-gap:20px}
.site-footer #initial-content{grid-column:1/-1;width:100%;margin:0;background:transparent}
.site-footer #initial-content .forecast-about{padding:20px 0 0}
.site-footer #initial-content h2{font-size:21px;margin-bottom:15px}
.site-footer .forecast-about__grid{gap:20px}
.site-footer #initial-content h3{font-size:13px}
.site-footer .forecast-about p:not(.forecast-about__label){font-size:12px;line-height:1.6;margin-bottom:10px}
.site-footer .forecast-about details{margin-top:4px;padding:12px 0}
.site-footer .forecast-about__bottom{padding:12px 0}
.site-footer .forecast-about nav{padding-top:10px;gap:6px 14px}
@media(max-width:760px){.site-footer:has(#initial-content){padding-bottom:155px}.site-footer .forecast-about__grid{grid-template-columns:1fr;gap:4px}}