.busan-weather{margin:3rem 0;--bw-border:#c9dbe0;--bw-water:#e6f4f7;--bw-ink:#163e55}.busan-weather button,.busan-weather select{font:inherit}.bw-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin:1.5rem 0}.bw-controls label{display:grid;gap:.4rem;font-weight:700}.bw-controls select,.bw-controls>button{padding:.7rem .9rem;min-height:44px;border:1px solid var(--bw-border);border-radius:6px;background:white;color:var(--bw-ink)}.bw-status{padding:.9rem 1rem;background:#f1f7f8;border-left:4px solid #087e87;font-size:.9rem}.bw-status[data-state=unavailable]{background:#fff4e7;border-color:#ac681a}.bw-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.5rem;align-items:start}.bw-map{margin:0;border:1px solid var(--bw-border);background:white;border-radius:10px;overflow:hidden}.bw-map-heading{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1rem .5rem}.bw-map-heading h3{margin:0;font-size:1.25rem}.bw-map-heading>span{color:#526670;font-size:.85rem}.bw-playback{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem 1rem}.bw-playback output{font-weight:800;font-size:.9rem}.bw-playback>div{display:flex;gap:.3rem}.bw-playback button,.bw-days button{background:#fff;border:1px solid var(--bw-border);border-radius:5px;color:var(--bw-ink);cursor:pointer;min-height:44px}.bw-playback button{padding:.5rem .6rem}.bw-playback button[aria-pressed=true]{background:#1454b8;color:white}.bw-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem;padding:0 .65rem .8rem}.bw-days button{display:grid;gap:.25rem;padding:.4rem .15rem;font-size:.76rem}.bw-days button[aria-pressed=true]{border-color:#087e87;background:#e7f6f6;box-shadow:inset 0 -3px #087e87}.bw-days time{font-size:.7rem}.bw-days [data-bw-day-reading]{white-space:nowrap;font-size:.65rem;font-weight:700}.bw-map-canvas{position:relative;aspect-ratio:720/700;background:var(--bw-water)}.bw-geography{display:block;width:100%;height:100%}.bw-district{fill:#f8fbf6;stroke:#657e74;stroke-width:1.25;stroke-linejoin:round}.bw-district.is-selected{fill:#ffe4df;stroke:#b34d42;stroke-width:2}.bw-leader{fill:none;stroke:#879ca6;stroke-width:1.2}.bw-point{fill:#087e87}.bw-map-markers{margin:0;padding:0;list-style:none}.bw-map-markers li{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:17.5%;min-width:58px;max-width:106px}.bw-map-markers button{display:grid;gap:3px;width:100%;padding:.3rem .1rem;min-height:44px;border:1px solid #a9c9d1;border-radius:5px;background:#fffffff5;color:var(--bw-ink);cursor:pointer;box-shadow:0 2px 3px #153e5510}.bw-map-markers strong{font-size:clamp(.55rem,.76vw,.82rem);overflow-wrap:anywhere}.bw-map-markers span{font-size:clamp(.53rem,.69vw,.75rem);font-weight:700;white-space:nowrap}.bw-map-markers button[aria-pressed=true]{background:#1454b8;color:white;border-color:#1454b8}.bw-map figcaption{padding:.8rem 1rem;color:#4b6370;font-size:.75rem;line-height:1.6}.bw-map figcaption p{margin:.25rem 0}.bw-map figcaption details{margin-top:.5rem}.bw-detail{padding:1.25rem;border:1px solid var(--bw-border);border-radius:10px;background:white;min-width:0}.bw-detail h3{font-size:1.25rem;margin:.3rem 0 1rem}.bw-summary{display:flex;gap:1rem;align-items:center;padding:1rem;background:#f3f8fa;border-radius:6px}.bw-large-icon{font-size:2.2rem}.bw-summary dl{margin:0;width:100%}.bw-summary dl div{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem;margin:.4rem 0}.bw-summary dt{font-size:.8rem;color:#526773}.bw-summary dd{margin:0;font-weight:800;white-space:nowrap}.bw-reference{color:#526773;font-size:.8rem;line-height:1.6}.bw-advice{border-block:1px solid #e1ebee;margin:1rem 0;padding:.8rem 0}.bw-advice h4{margin:0 0 .7rem;font-size:1rem}.bw-advice dl{margin:0}.bw-advice dl div{margin:.7rem 0}.bw-advice dt{font-weight:800;font-size:.85rem}.bw-advice dd{margin:.2rem 0;color:#3c5664;font-size:.85rem;line-height:1.6}.bw-advice p{font-size:.72rem;color:#58707b;line-height:1.6}.bw-detail>h4{font-size:1rem;margin:1rem 0}.bw-four-hour{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.bw-four-hour article{padding:.55rem .3rem;border:1px solid #dce8ec;border-radius:5px;text-align:center;display:grid;gap:.25rem;font-size:.75rem}.bw-four-hour article strong{font-size:.9rem}.bw-detail [data-bw-hourly-status]{font-size:.8rem;color:#526773;line-height:1.5}.bw-table-wrap{max-height:330px;overflow:auto;border:1px solid #dce8ec;border-radius:5px}.bw-table-wrap table{border-collapse:collapse;width:100%;min-width:545px;font-size:.75rem}.bw-table-wrap caption{text-align:left;padding:.7rem;font-weight:700}.bw-table-wrap th,.bw-table-wrap td{padding:.55rem .4rem;text-align:left;white-space:nowrap;border-top:1px solid #e1ebee}.bw-table-wrap th{position:sticky;top:0;background:#f1f7f9;color:#27495c}.bw-source{padding:1rem;background:#f1f7f8;margin-top:1.25rem;border:1px solid #dce8ec;border-radius:6px}.bw-source summary{font-weight:800}.bw-source p{font-size:.85rem;line-height:1.6}.busan-weather button:disabled{cursor:not-allowed;opacity:.6}.busan-weather button:focus-visible,.busan-weather select:focus-visible,.bw-table-wrap:focus-visible{outline:3px solid #cb3948;outline-offset:3px}
@media(max-width:1000px){.bw-layout{grid-template-columns:1fr}.bw-map-markers strong{font-size:.85rem}.bw-map-markers span{font-size:.8rem}.bw-map{max-width:760px;width:100%;justify-self:center}.bw-detail{width:100%}.bw-four-hour{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:600px){.busan-weather{margin:2rem 0}.bw-controls{gap:.65rem}.bw-controls label:first-child{flex:1;min-width:150px}.bw-controls select{width:100%}.bw-controls>button{width:100%}.bw-map-heading{padding:1rem .7rem .5rem}.bw-map-heading h3{font-size:1.1rem}.bw-playback{padding:.5rem .65rem;flex-wrap:wrap}.bw-playback output{font-size:.82rem}.bw-days{padding:0 .4rem .7rem;gap:.2rem}.bw-days button{font-size:.65rem}.bw-days [data-bw-day-reading]{font-size:.53rem}.bw-map-markers li{width:18%;min-width:0}.bw-map-markers button{padding:.18rem .03rem;min-height:44px}.bw-map-markers strong{font-size:.58rem;line-height:1.15}.bw-map-markers span{font-size:.54rem}.bw-detail{padding:1rem}.bw-summary{padding:.75rem;gap:.65rem}.bw-summary dt{font-size:.74rem}.bw-summary dd{font-size:.85rem}.bw-four-hour{grid-template-columns:repeat(3,minmax(0,1fr))}.bw-map figcaption{padding:.7rem}.bw-source{padding:.85rem}}