.opening-brand{display:flex;align-items:center;gap:24px;flex-shrink:0}
.weather-widget{position:relative;z-index:20;font-family:inherit;--stage-bg:var(--paper);--stage-fg:var(--ink);--stage-muted:var(--muted);--stage-border:var(--line);--stage-surface:var(--panel);--stage-accent:var(--yellow);--stage-on-accent:#171717}
.weather-trigger{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:58px;border:1px solid #353535;border-radius:12px;background:var(--stage-surface);color:var(--stage-fg);text-align:left}
.weather-trigger:hover,.weather-trigger[aria-expanded=true]{background:#252525;border-color:#656565}
.weather-mini-icon{display:grid;place-items:center;width:29px;height:29px;color:var(--stage-accent)}
.weather-mini-icon svg{width:28px;height:28px;stroke-width:1.6}
.weather-mini-copy{display:flex;flex-direction:column;gap:3px;min-width:91px}
.weather-mini-copy strong{font-size:12px;font-weight:600;line-height:1.3}
.weather-mini-copy>span{font-size:15px;font-weight:600;line-height:1.2;min-height:18px}
.weather-chevron{font-size:17px;color:#bdbdbd}
.weather-panel{position:absolute;top:calc(100% + 12px);left:0;width:300px;padding:0;border:1px solid #404040;border-radius:27px;background:var(--stage-surface);box-shadow:0 18px 45px #0008;overflow:hidden}
.weather-panel .wx{width:300px;border-radius:26px 26px 0 0;box-shadow:none}
.weather-panel .wx-body{padding:20px 22px 0}
.weather-panel .wx-temp{font-size:52px;line-height:62px}
.weather-panel .wx-cond{font-size:14px}
.weather-panel .wx-hl{font-size:12px}
.weather-panel .wx-day{min-height:18px}
.weather-panel .t-tab{min-height:48px}
.weather-panel .t-tab:disabled{opacity:.5;cursor:wait}
.weather-credit{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;font-size:10px;line-height:1.5;color:var(--stage-muted);background:var(--stage-surface)}
.weather-credit a{text-decoration:underline;text-underline-offset:2px}
.weather-credit button{background:transparent;border:0;font-size:11px;color:var(--stage-accent);padding:5px 0}
@media(max-width:1200px){.opening-brand{gap:16px}.opening-header nav{gap:20px;font-size:15px}.opening-header{gap:22px}.opening-header .opening-contact{font-size:15px;padding:14px 16px}}
@media(max-width:900px){.opening-header .opening-brand{gap:20px}.opening-header nav{font-size:16px}}
@media(max-width:640px){.opening-header .opening-brand{width:100%;justify-content:space-between;gap:14px}.opening-header>.opening-contact{display:none}.weather-trigger{padding:8px 10px;gap:8px;min-height:54px}.weather-mini-copy{min-width:86px}.weather-mini-icon{width:24px;height:24px}.weather-mini-icon svg{width:25px;height:25px}.weather-mini-copy strong{font-size:12px}.weather-mini-copy>span{font-size:14px}.weather-panel{max-width:calc(100vw - 40px)}.weather-panel .wx{max-width:100%}.opening-header nav{font-size:14px}}

.wx-big .t-icon[data-key="moon"]{color:var(--wx-sun)}.t-icon-swap[data-state="moon"] .t-icon[data-key="moon"]{opacity:1;filter:blur(0);transform:scale(1)}
.weather-widget .t-icon svg{flex-shrink:0}

.wx{--wx-sun:var(--stage-accent)}.wx:not([data-ready=true]) .wx-big{opacity:.35}