/* Existing regional weather moved into the original Campus masthead. */
.werk-klar .site-header{gap:16px}
.werk-klar .site-header .header-weather{position:static;margin:0 0 0 auto;border:0;background:none;color:var(--brand-green);flex:none;z-index:3}
.werk-klar .header-weather>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-width:64px;min-height:48px;padding:4px 8px;cursor:pointer;list-style:none;border:1px solid transparent;border-radius:0}
.werk-klar .header-weather>summary::-webkit-details-marker{display:none}
.werk-klar .header-weather>summary::marker{content:''}
.werk-klar .header-weather[open]>summary{border-color:currentColor}
.werk-klar .header-weather .header-weather-icon{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.werk-klar .header-weather .header-weather-value{font:400 20px/1.4 var(--font-body);white-space:nowrap}
.werk-klar .header-weather .weather-body{position:fixed;top:calc(var(--header-height,94px) + 10px);right:var(--pad,24px);width:min(760px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - var(--header-height,94px) - 30px);overflow-y:auto;overscroll-behavior:contain;padding:24px;background:#f3efe3;color:#232425;border:1px solid #232425;box-shadow:0 10px 24px #0002;text-align:left;font:400 20px/1.6 var(--font-body);letter-spacing:0;text-transform:none}
.werk-klar .header-weather:not([open])>.weather-body{display:none}
.werk-klar .header-weather .header-weather-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.werk-klar .header-weather .header-weather-heading h2{font:400 36px/1.1 var(--font-display);margin:0}
.werk-klar .header-weather .header-weather-heading button{display:grid;place-items:center;min-width:48px;min-height:48px;padding:8px;background:none;color:inherit;border:1px solid currentColor}
.werk-klar .header-weather [data-weather-close] svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
.werk-klar .header-weather .weather-body p{font:400 20px/1.6 var(--font-body);margin:0 0 16px;max-width:65ch}
.werk-klar .header-weather .weather-body .weather-meta,.werk-klar .header-weather .weather-body .weather-stamp{font:400 18px/1.6 var(--font-body);letter-spacing:0}
.werk-klar .header-weather .weather-body .header-weather-report{font:700 22px/1.5 var(--font-body)}
.werk-klar .header-weather .weather-body .weather-tip{font:400 34px/1.15 var(--font-display)}
.werk-klar .header-weather .weather-body .weather-scene-badge{font:400 16px/1.6 var(--font-body)}
.werk-klar .header-weather .weather-body .weather-scene figcaption>a{font:700 20px/1.5 var(--font-body);min-height:48px}
.werk-klar .header-weather .weather-body button[data-weather-load]{font:700 20px/1.5 var(--font-body);min-height:48px;padding:12px 16px;background:#232425;color:#f3efe3;border:1px solid #232425;letter-spacing:0}
.werk-klar .header-weather .weather-hours{margin:0 0 16px;padding-bottom:12px;grid-auto-columns:minmax(124px,1fr)}
.werk-klar .header-weather .weather-hours li{font:400 18px/1.6 var(--font-body);border-color:#232425;padding:6px 12px}
.werk-klar .header-weather .weather-hours time{font:400 18px/1.6 var(--font-body)}
.werk-klar .header-weather .weather-hours strong{font:400 30px/1.2 var(--font-display)}
.werk-klar .header-weather .weather-daily a>strong,.werk-klar .header-weather .weather-daily a>span{font:400 20px/1.6 var(--font-body)}
.werk-klar .header-weather .weather-daily small{font:400 16px/1.6 var(--font-body)}
.werk-klar .header-weather .weather-scene{border-color:#232425}
.werk-klar .header-weather :focus-visible{outline:3px solid currentColor;outline-offset:4px}
body[data-menu-open] .header-weather{visibility:hidden}
@media(min-width:1201px){.werk-klar .site-header .header-weather{margin-left:0}.werk-klar .header-weather .header-weather-value{font-size:18px}.werk-klar .header-weather>summary{padding-inline:4px;gap:6px}}
@media(max-width:760px){
 .werk-klar .site-header{gap:10px}
 .werk-klar .header-weather>summary{flex-direction:column;gap:0;padding:4px 2px;min-width:48px;min-height:56px}
 .werk-klar .header-weather .header-weather-icon{width:26px;height:26px}
 .werk-klar .header-weather .header-weather-value{font-size:16px;line-height:1.4}
 .werk-klar .header-weather .weather-body{left:12px;right:12px;width:auto;padding:20px;top:calc(var(--header-height,78px) + 8px);max-height:calc(100dvh - var(--header-height,78px) - 20px)}
 .werk-klar .header-weather .weather-body .weather-scene{grid-template-columns:minmax(0,1fr)}
 .werk-klar .header-weather .weather-body .weather-art{max-width:220px}
 .werk-klar .header-weather .weather-body .weather-scene-badge{font-size:16px}
 .werk-klar .header-weather .weather-body .weather-scene [data-weather-scene-note]{font:400 18px/1.6 var(--font-body)}
}
@media(max-width:359px){.werk-klar .site-header{gap:6px;padding-inline:12px}.werk-klar .site-header .brand-original{gap:6px}.werk-klar .site-header .brand-original span{font-size:20px}.werk-klar .site-header .brand-original img{width:36px}.werk-klar .site-header .menu-toggle{font-size:20px;gap:8px}}
.werk-klar .header-weather>summary>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(min-width:1201px){.werk-klar .header-weather:not([data-weather-loaded]) .header-weather-value{display:none}}

/* The illustrated weather commentary belongs to the roomy desktop view. */
@media(max-width:1200px){.werk-klar .header-weather .weather-scene{display:none}}