.city-weather{color:#183b34;background:#f6faf8;border:1px solid #d6e4df;border-radius:18px;min-width:0;margin:1.5rem 0;padding:1.25rem}.city-weather h2{margin:0 0 .8rem;font-size:1.3rem}.city-weather p{line-height:1.7}.city-weather-current{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.city-weather-current strong{font-size:2rem}.city-weather-condition{align-items:center;gap:.5rem;min-width:0;line-height:1.4;display:inline-flex}.city-weather-icon{color:#526976;background:#e6edf0;border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.city-weather-icon-large{flex-basis:52px;width:52px;height:52px}.city-weather-icon-clear{color:#b76b00;background:#fff0bd}.city-weather-icon-cloud{color:#57758b;background:#e7eff6}.city-weather-icon-rain{color:#2276b4;background:#e2f2ff}.city-weather-icon-snow{color:#337c95;background:#e4f6fb}.city-weather-icon-thunder{color:#78609b;background:#f0e9fa}.city-weather-icon-fog{color:#667577;background:#e9eeee}.city-weather-icon-clear svg{fill:#ffe39a}.city-weather-icon-cloud svg{fill:#fff}.city-weather-days{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.city-weather-days button{text-align:start;color:inherit;font:inherit;cursor:pointer;overflow-wrap:anywhere;background:#fff;border:1px solid #b8cdc5;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.9rem;display:flex}.city-weather-days button[aria-pressed=true]{background:#e8f3ed;border:2px solid #216653;padding:calc(.9rem - 1px)}.city-weather-days b{font-size:1.3rem}.city-weather-days small{line-height:1.5}.city-weather button:focus-visible,.city-weather a:focus-visible,.city-weather summary:focus-visible{outline-offset:3px;outline:3px solid #237fbc}.city-weather-links{flex-wrap:wrap;gap:.6rem;display:flex}.city-weather a{color:#155943;text-underline-offset:3px;text-decoration:underline}.city-weather-links a{overflow-wrap:anywhere;background:#fff;border:1px solid #cedfd6;border-radius:10px;padding:.6rem .8rem;line-height:1.5;display:inline-block}.city-weather-note{color:#3c564e;margin:.8rem 0 0;font-size:.85rem;line-height:1.65}.city-weather-note summary{cursor:pointer;padding:.3rem 0}.city-weather-warning{background:#fff1cd;border-radius:8px;padding:.7rem}@media (width<=560px){.city-weather{padding:1rem}.city-weather-days{grid-template-columns:1fr}.city-weather-days button{grid-template-columns:1fr 1fr;align-items:center;gap:.35rem .8rem;display:grid}.city-weather-days button strong{grid-area:1/1}.city-weather-days button b{grid-area:1/2}.city-weather-days button span:nth-of-type(2){grid-area:2/1}.city-weather-range-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.city-weather-links{flex-direction:column}}