.weather-strip{position:sticky;top:0;z-index:8;background:#f5f2e9f7;border-bottom:1px solid #d6d9ca;color:#193e34;font:12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;backdrop-filter:blur(12px)}.weather-inner{max-width:1320px;width:calc(100% - 96px);margin:auto;display:flex;align-items:center;gap:24px;min-height:65px}.local-clock{display:flex;align-items:center;gap:12px;flex-shrink:0}.clock-dot{width:6px;height:6px;border-radius:50%;background:#b38627}.clock-place{display:block;font-size:8px;letter-spacing:1.3px;font-weight:700}.clock-location{display:block;font-size:9px;margin-top:2px;color:#58675d}.local-clock time{font-size:24px;letter-spacing:-1px;font-variant-numeric:tabular-nums;min-width:64px}.clock-date{font-size:10px;color:#58675d;max-width:65px}.weather-cities{display:flex;align-items:center;gap:22px;margin-left:auto}.weather-city{display:grid;grid-template-columns:22px auto;gap:0 6px;min-width:100px}.weather-city-name{grid-column:1/-1;font-size:10px;font-weight:600}.weather-icon{width:21px;height:21px;grid-row:2}.weather-icon svg{width:100%;height:100%;display:block}.weather-temperature{font-size:16px;line-height:1.4;font-variant-numeric:tabular-nums}.weather-condition{grid-column:1/-1;font-size:9px;color:#58675d;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weather-city[data-state="unavailable"] .weather-temperature{color:#7c847b}.weather-city[data-state="stale"] .weather-condition{color:#8b601b}.weather-details{position:relative;flex-shrink:0}.weather-details summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;min-height:44px;color:#58675d;font-size:10px}.weather-details summary::-webkit-details-marker{display:none}.weather-details summary>span:last-child{font-size:18px}.weather-details-label{max-width:50px}.weather-info{position:absolute;right:0;top:calc(100% + 12px);width:350px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 145px);overflow:auto;padding:22px;background:#fcfaf4;border:1px solid #d6d9ca;box-shadow:0 12px 30px #123e341a;border-radius:4px;font-size:12px;line-height:1.6}.weather-info strong{font-size:15px}.weather-info p{margin:10px 0}.weather-info a{color:#123e34}.weather-info .weather-official{display:block;margin-top:15px;font-weight:600}.weather-info .weather-update{padding:10px 0;border-bottom:1px solid #d6d9ca;font-size:11px}.weather-info .weather-update strong{font-size:12px;display:block}.weather-info #clock-status{font-size:10px;color:#58675d}.weather-strip a:focus-visible,.weather-strip summary:focus-visible{outline:2px solid #966813;outline-offset:4px}.weather-strip~.site-wrap .site-header{margin-top:0}html{scroll-padding-top:95px}@media(max-width:1100px){.weather-inner{width:calc(100% - 56px);gap:16px}.weather-cities{gap:12px}.clock-date{display:none}.weather-city{min-width:88px}.weather-details-label{display:none}}@media(max-width:760px){.weather-inner{width:calc(100% - 36px);min-height:102px;display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:6px 0 9px}.local-clock{gap:10px;grid-column:1;grid-row:1}.clock-place{font-size:7px}.clock-location{font-size:8px}.local-clock time{font-size:21px;min-width:57px}.clock-date{display:block;font-size:9px;max-width:none}.weather-cities{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:2px 0 0}.weather-city{min-width:0;grid-template-columns:18px auto;gap:0 4px}.weather-city-name{font-size:9px}.weather-temperature{font-size:14px}.weather-icon{width:18px;height:18px}.weather-condition{font-size:8px;max-width:100%}.weather-details{grid-column:2;grid-row:1}.weather-details summary{min-width:28px;justify-content:flex-end;min-height:34px}.weather-info{top:calc(100% + 62px)}html{scroll-padding-top:135px}}@media(prefers-reduced-motion:reduce){.weather-strip{backdrop-filter:none}}