.bubbles-weather {
    box-sizing:border-box;max-width:100%;margin:10px auto 14px;padding:8px 12px;
    border:1px solid #d4dce6;border-radius:8px;background:#bdbdbd;color:#203044;
    font-family:inherit;text-align:center;
}
.bubbles-weather .bubbles-weather-heading { overflow-wrap:anywhere;min-width:0;margin:0;font-size:16px;font-weight:600;line-height:1.4;color:#203044; }
.bubbles-weather .bubbles-weather-row { display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 16px; }
.bubbles-weather .bubbles-weather-reading { display:inline-flex;align-items:center;gap:6px;font-size:20px;line-height:1.4;color:#203044; }
.bubbles-weather .bubbles-weather-symbol { display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none; }
.bubbles-weather .bubbles-weather-condition { width:50px;height:50px;object-fit:contain;flex:none; }
.bubbles-weather .bubbles-weather-status { color:#45566b;font-size:14px;line-height:1.4; }
.bubbles-weather [hidden] { display:none!important; }
@media(max-width:480px) {
    .bubbles-weather { padding:8px; }
    .bubbles-weather .bubbles-weather-row { gap:4px 10px; }
    .bubbles-weather .bubbles-weather-reading { font-size:17px; }
}