.mwo-city-weather{min-width:0;margin:10px 0 16px;font-family:var(--sans,Arial,sans-serif)}
.mwo-city-weather [hidden]{display:none!important}
.mwo-city-weather .mwo-cities-link{display:block;padding:9px 8px 10px;border:1px solid var(--line,#dcded5);background:var(--pale,#eef0e8);color:var(--ink,#202923);text-decoration:none}
.mwo-city-weather .mwo-cities-link:hover{border-color:var(--muted,#667068)}
.mwo-city-weather .mwo-cities-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.mwo-cities-header{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin:0 2px 8px;font-size:12px;line-height:1.25}
.mwo-cities-header>span{font-size:11px;white-space:nowrap}
.mwo-cities-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
.mwo-city{display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px;text-align:center}
.mwo-city+.mwo-city{border-inline-start:1px solid var(--line,#dcded5)}
.mwo-city-name{font-size:11px;line-height:1.2;white-space:nowrap}
.mwo-city-reading{display:inline-flex;align-items:center;gap:3px;line-height:1.05;white-space:nowrap}
.mwo-city-reading strong{font-size:16px;font-variant-numeric:tabular-nums}
.mwo-city-reading [data-city-icon]{display:inline-flex}
.mwo-city-reading svg{width:15px;height:15px}
.mwo-cities-status{display:block;margin:7px 2px 0;font-size:10px;color:var(--muted,#667068)}
@media(max-width:1000px){
    .article-main>.mwo-city-weather,.article-main>.article-header>.mwo-city-weather{max-width:680px;margin:12px auto 16px;text-align:start}
}
@media(max-width:360px){
    .mwo-city-weather .mwo-cities-link{padding-inline:5px}
    .mwo-city-name{font-size:10px}
    .mwo-city-reading strong{font-size:14px}
}
