.masthead{position:relative;z-index:5}.weather{position:relative;flex-shrink:0;color:#fff3dc;text-shadow:none;font-size:12px}.weather summary{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 17px;border:1px solid #ffe3b54d;border-radius:50px;background:#102a3159;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;list-style:none;transition:background .2s,border-color .2s}.weather summary::-webkit-details-marker{display:none}.weather summary:hover,.weather[open] summary{background:#122e36a8;border-color:#e9c18c99}.weather summary:focus-visible,.weather button:focus-visible{outline:2px solid #edc591;outline-offset:4px}.weather-icon{display:grid;place-items:center;color:#f7cf92;width:34px;height:34px;flex:0 0 34px}.weather-icon svg{display:block;width:34px;height:34px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.weather-summary-copy{display:flex;flex-direction:column;gap:5px}.weather-place{font-size:11px;font-weight:550}.weather-now{font-size:8px;font-weight:350;color:#dfcfb7;margin-right:4px}.weather-condition{font-size:9px;color:#e2d8c9;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}.weather-temp{font:550 23px/1.3 var(--font-persian, Tahoma,sans-serif);min-width:40px;text-align:center;white-space:nowrap;color:#fff5e4}.weather-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0;transition:transform .2s}.weather[open] .weather-chevron{transform:rotate(180deg)}.weather-panel{position:absolute;left:0;top:calc(100% + 12px);width:300px;max-width:calc(100vw - 40px);padding:15px 20px 18px;border:1px solid #e4c69c55;border-radius:17px;background:#153238f2;box-shadow:0 15px 50px #081a2944;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);line-height:1.9}.weather-panel-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:600}.weather-refresh{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffdfaf44;border-radius:50%;background:#ffffff08;color:#edc591;font:26px/1 Arial;cursor:pointer}.weather-refresh:disabled{opacity:.45;cursor:wait}.weather-status{font-size:11px;color:#ebd5ae;margin:5px 0 12px;min-height:22px}.weather-metrics{display:grid;gap:9px;margin:0;padding:14px 0;border-top:1px solid #ffe0aa22;border-bottom:1px solid #ffe0aa22}.weather-metrics>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.weather-metrics dt{font-size:10px;color:#c9d2c9}.weather-metrics dd{margin:0;font-size:11px}.weather-clock,.weather-updated{font-size:10px;margin:12px 0 0;color:#d8dfd5}.weather-updated{margin-top:5px;color:#bfc9bd;font-size:9px}.weather-disclaimer{font-size:9px;line-height:2;color:#bfc9bd;margin:12px 0}.weather-credit{font-size:8px;margin:0;padding-top:10px;border-top:1px solid #ffe0aa22;color:#aebfb7;line-height:2}.weather-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}.weather-credit a:focus-visible{outline-offset:2px}.weather[data-state=error] .weather-icon,.weather[data-state=stale] .weather-now{color:#e6ab87}.weather-noscript{padding:0 24px;font-size:11px;text-align:center;color:#ffe8bf}@media(max-width:600px){.weather summary{gap:8px;padding:8px 10px;min-height:59px}.weather-icon,.weather-icon svg{width:28px;height:28px}.weather-icon{flex-basis:28px}.weather-temp{font-size:20px;min-width:34px}.weather-place{font-size:10px}.weather-condition{font-size:8px;max-width:105px}.weather-now{display:none}.weather-chevron{width:12px;height:12px}.weather-panel{width:280px;max-width:calc(100vw - 42px)}.masthead{gap:15px}}@media(max-width:360px){.weather summary{gap:6px;padding:8px}.weather-temp{font-size:18px}.weather-condition{max-width:85px}.weather-icon,.weather-icon svg{width:25px;height:25px}.weather-icon{flex-basis:25px}.weather-place{font-size:9px}}@media(max-height:500px) and (orientation:landscape){.weather summary{min-height:52px;padding-top:5px;padding-bottom:5px}.weather-panel{max-height:calc(100svh - 90px);overflow:auto;overscroll-behavior:contain}}@media(prefers-reduced-motion:reduce){.weather *{transition:none!important}}