.header-weather{grid-column:3;grid-row:1;justify-self:end;position:relative;min-width:150px;max-width:230px;color:#fff;z-index:80}
.header-weather summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;width:max-content;max-width:100%}
.header-weather summary::-webkit-details-marker{display:none}
.weather-icon{width:38px;height:42px;flex-shrink:0;display:block}.weather-icon svg{width:100%;height:100%}
.weather-copy{display:flex;flex-direction:column;gap:2px}.weather-copy bdi{font-size:21px;font-weight:700;line-height:1.25}.weather-copy>span{font-size:13px;line-height:1.5;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.weather-panel{position:absolute;top:calc(100% + 12px);left:0;width:260px;max-width:calc(100vw - 24px);padding:16px;color:#12303e;background:#fff;border:1px solid #dce7ec;border-radius:10px;box-shadow:0 8px 25px #0003;font-size:13px;line-height:1.7;text-align:right}
.weather-panel p{margin:0 0 12px}.weather-panel button{font:inherit;cursor:pointer;border:0;border-radius:6px;padding:8px 12px;background:#edf4f7;color:#12303e;width:100%}.weather-panel button:disabled{opacity:.6;cursor:wait}.weather-panel small{display:block;margin-top:12px;font-size:10px;line-height:1.7}.weather-panel a{color:#365c70;text-decoration:underline}.header-weather summary:focus-visible,.weather-panel button:focus-visible{outline:2px solid #f15a65;outline-offset:4px}
.scroll-header-visible .weather-icon{width:30px;height:34px}.scroll-header-visible .weather-copy bdi{font-size:18px}.scroll-header-visible .weather-copy>span{font-size:11px}
@media(max-width:1000px){.header-weather{min-width:0}.weather-icon{width:32px;height:36px}.weather-copy bdi{font-size:18px}.weather-copy>span{font-size:12px;max-width:125px}}
@media(max-width:700px){.site-header .brand-row{grid-template-columns:minmax(0,1fr) auto}.site-header .brand-identity{grid-column:1/-1;grid-row:1}.site-header .header-socials{grid-column:1;grid-row:2;justify-self:start}.header-weather{grid-column:2;grid-row:2;justify-self:end}}
@media(max-width:600px){.scroll-header-visible .site-header .brand-identity{grid-column:2;grid-row:1}.scroll-header-visible .site-header .header-socials{grid-column:1;grid-row:1}.scroll-header-visible .header-weather{grid-column:1/-1;grid-row:2;justify-self:end}.scroll-header-visible .weather-copy{flex-direction:row;align-items:center;gap:8px}.scroll-header-visible .weather-copy bdi{font-size:15px}.scroll-header-visible .weather-icon{width:23px;height:26px}.scroll-header-visible .header-weather summary{gap:6px}}
@media(max-width:400px){.site-header .header-socials{gap:5px}.site-header .header-socials a{width:27px;height:27px}.weather-copy>span{max-width:96px}.weather-icon{width:28px}}

.weather-credits-row{padding-block:0 14px}.weather-credits{font-size:11px;line-height:1.8;opacity:.85}.weather-credits summary{cursor:pointer;width:max-content}.weather-credits small{display:block;margin-top:6px;font-size:11px}.weather-credits a{color:inherit;text-decoration:underline}

/* Keep weather in the initial mobile masthead, hide it while scrolling. */
@media(max-width:700px){body.scroll-header-visible .site-header .header-weather{display:none}}