.imw{--line:#e6e8eb;--muted:#69707a;--bg:#fff;--soft:#f6f7f8;--ink:#17191c;font-family:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.06)}
.imw *{box-sizing:border-box}
.imw-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px 26px 18px}
.imw-head h2,.imw-detail h3{margin:2px 0 4px;font-size:clamp(24px,3vw,36px);line-height:1.1}
.imw-head p{margin:0;color:var(--muted)}
.imw-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:#7a7f87}
.imw-unit-note{font-weight:800;border:1px solid var(--line);border-radius:999px;padding:8px 12px;white-space:nowrap;background:var(--soft)}
.imw-map-wrap{position:relative}
.imw-map{height:430px;width:100%;background:#eef1f4}
.imw-map-key{position:absolute;left:14px;bottom:14px;z-index:500;background:rgba(255,255,255,.94);padding:7px 10px;border-radius:8px;font-size:12px;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.imw-cities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}
.imw-city{border:0;background:#fff;text-align:left;padding:16px;cursor:pointer;min-height:126px;transition:.18s ease}
.imw-city:hover,.imw-city:focus{background:#fafafa;outline:none;box-shadow:inset 0 0 0 2px #202124}
.imw-city-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.imw-city-name{font-size:17px;font-weight:800}
.imw-icon{font-size:27px;line-height:1}
.imw-temp{font-size:22px;font-weight:800;margin-top:10px}
.imw-temp small{font-size:13px;font-weight:700;color:var(--muted)}
.imw-cond{font-size:13px;color:var(--muted);margin-top:5px}
.imw-loading{grid-column:1/-1;background:#fff;padding:24px;text-align:center;color:var(--muted)}
.imw-detail{border-top:1px solid var(--line);padding:22px 24px 26px;background:#fbfbfc}
.imw-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.imw-detail h3{font-size:26px}
.imw-close{border:1px solid var(--line);background:#fff;border-radius:50%;width:38px;height:38px;font-size:25px;line-height:32px;cursor:pointer}
.imw-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:17px}
.imw-day{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.imw-day-name{font-weight:800}
.imw-day-icon{font-size:30px;margin:7px 0}
.imw-day-temp{font-weight:800}
.imw-day-temp span{display:block;font-size:12px;color:var(--muted);font-weight:700;margin-top:3px}
.imw-day-rain{font-size:12px;color:var(--muted);margin-top:7px}
.imw-credit{padding:9px 14px;font-size:11px;color:#858b93;text-align:right;border-top:1px solid var(--line)}
.imw-marker{background:transparent!important;border:0!important}
.imw-pin{display:flex;align-items:center;justify-content:center;min-width:48px;height:32px;padding:0 7px;border-radius:17px;background:#fff;border:2px solid #222;box-shadow:0 2px 7px rgba(0,0,0,.22);font-size:12px;font-weight:900;white-space:nowrap}
.imw .leaflet-popup-content{margin:12px 14px;line-height:1.35}
.imw-popup-city{font-weight:900;font-size:15px;margin-bottom:4px}
.imw-popup-temp{font-weight:800;font-size:14px}
@media(max-width:900px){.imw-cities{grid-template-columns:repeat(3,1fr)}.imw-days{grid-template-columns:repeat(5,130px);overflow-x:auto;padding-bottom:5px}}
@media(max-width:650px){.imw-head{padding:18px;align-items:center}.imw-map{height:360px}.imw-cities{grid-template-columns:repeat(2,1fr)}.imw-city{padding:13px}.imw-detail{padding:18px}.imw-unit-note{font-size:12px}}