#weather-content{display:flex;flex:1;flex-direction:column;min-width:0}
.weather-city{white-space:normal;text-align:right;overflow-wrap:anywhere;max-width:60%}
.weather-location-note{font-size:11px;color:var(--muted);line-height:1.7;margin:12px 0 0}
.weather-location-credit{font-size:9px;color:var(--muted);margin:4px 0 0}.weather-location-credit a:hover{text-decoration:underline}
.weather-settings{margin-top:15px;border-top:1px solid var(--line);padding-top:12px;color:var(--ink);font-size:12px}
.weather-settings summary{cursor:pointer;width:fit-content;color:var(--accent);font-weight:650}
.weather-settings form{margin-top:12px}.weather-settings label{display:block;font-size:11px;margin-bottom:6px}
.weather-search{display:flex;gap:6px}.weather-search input{min-width:0;flex:1;border:1px solid var(--line);border-radius:7px;padding:9px;background:var(--surface);color:var(--ink);font:inherit}
.weather-search button,.weather-auto{border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:var(--surface);color:var(--accent);cursor:pointer;font:inherit}
.weather-search button:disabled{opacity:.55;cursor:wait}
.weather-city-results{list-style:none;padding:0;margin:9px 0}.weather-city-results li{margin:4px 0}
.weather-city-results button{width:100%;text-align:left;border:1px solid var(--line);border-radius:7px;padding:9px;background:var(--surface);color:var(--ink);cursor:pointer;font:inherit;overflow-wrap:anywhere}
.weather-city-results button:hover{border-color:var(--accent)}
.weather-auto{margin-bottom:8px}.weather-settings small{display:block;color:var(--muted);line-height:1.7;font-size:10px}
.weather-device{align-self:flex-start;margin:14px 0 6px}.weather-device-help{color:var(--muted);font-size:10px;line-height:1.7}.weather-device:disabled{opacity:.6;cursor:wait}
.weather-status{margin:8px 0 0;font-size:11px;color:var(--accent);line-height:1.7;overflow-wrap:anywhere}.weather-status:empty{display:none}