.savona-weather{position:relative;z-index:8;pointer-events:auto}.weather-trigger{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:10px 0;color:inherit;font:inherit;cursor:pointer}.weather-trigger .origin-heart{flex:none}.weather-trigger:hover,.weather-trigger[aria-expanded=true]{text-decoration:underline;text-underline-offset:6px}.weather-trigger:focus-visible,.weather-close:focus-visible{outline:1px solid currentColor;outline-offset:5px}.weather-card{position:absolute;right:0;top:100%;width:230px;max-width:calc(100vw - 36px);padding:18px;background:rgba(20,21,19,.97);border:1px solid #77796e;color:#f2f0e9;box-shadow:0 14px 40px #0005;letter-spacing:0;text-transform:none;text-align:left;line-height:1.5;backdrop-filter:blur(8px)}.weather-card[hidden]{display:none}.weather-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.weather-card h2{font:18px/1.3 Arial,sans-serif;letter-spacing:0}.weather-close{background:none;border:0;color:inherit;font-size:23px;min-width:36px;min-height:36px;cursor:pointer}.weather-reading{font:13px/1.5 Arial,sans-serif;min-height:110px}.weather-now{display:flex;align-items:center;gap:16px;margin:12px 0 7px}.weather-now strong{font-size:32px;font-weight:400}.weather-reading svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.2}.weather-reading p{margin:3px 0}.weather-wind{display:flex;gap:8px;align-items:center}.weather-wind svg{width:20px;height:20px}.weather-time,.weather-credit{font:10px/1.6 Arial,sans-serif;color:#b7b9ad}.weather-credit{margin-top:12px}.weather-credit a{text-decoration:underline;text-underline-offset:3px}

.weather-trigger{font-size:10px;line-height:1.6;letter-spacing:.15em;text-transform:uppercase}

.weather-card{width:235px;padding:10px 13px;box-shadow:0 8px 22px #0003}.weather-card-top h2{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.weather-close{font-size:18px;min-width:28px;min-height:28px}.weather-reading{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:30px;font:13px/1.4 Arial,sans-serif}.weather-reading svg{width:19px;height:19px;stroke-width:1.3}.weather-reading>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.weather-temperature{font-size:13px;font-weight:400}.weather-credit{margin-top:5px;font-size:8px;line-height:1.4}