.ku-radar{margin:24px 0;padding:24px;border:1px solid var(--ku-line,#dce5ef);border-radius:24px;background:var(--ku-surface,#fff);color:var(--ku-ink,#17334b);min-width:0}.ku-radar header{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.ku-radar h2{font-size:23px;margin:6px 0}.ku-radar p{line-height:1.7}.kr-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr);gap:24px}.kr-map-wrap{min-width:0;position:relative}.kr-map-wrap svg{width:100%;height:auto;max-height:600px;border-radius:22px;overflow:hidden;display:block}.kr-bg{fill:#eaf1f4}.kr-land{fill:#deebdf}.kr-outline{fill:none;stroke:#2e6e7d;stroke-width:2.5}.kr-map-wrap g[data-district] circle{fill:#123b54;stroke:white;stroke-width:2}.kr-map-wrap g[data-district] text{fill:white;font:700 12px KanPublic,sans-serif}.kr-map-wrap .is-selected circle{fill:#d87610;stroke:#fff;stroke-width:5;r:16}.kr-time{font-size:13px;background:var(--ku-soft,#edf5f9);border-radius:14px;padding:10px 14px;margin:8px 0}.kr-districts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ku-radar button{font:inherit;font-size:13px;background:var(--ku-soft,#edf5f9);border:1px solid var(--ku-line,#dce5ef);color:var(--ku-ink,#17334b);border-radius:16px;min-height:42px;padding:8px 12px;cursor:pointer}.ku-radar button[aria-pressed=true],.ku-radar #krLoad{background:#086bbb;color:white;border-color:#57b4ef}.ku-radar button:focus-visible{outline:3px solid #37a9e8;outline-offset:2px}.kr-districts button{text-align:left}.kr-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.kr-slider{display:block;font-size:13px}.kr-slider input{display:block;width:100%;margin:15px 0;accent-color:#086bbb}#krStatus,#krSelected{font-size:12px}.kr-legend{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0;font-size:12px}.kr-legend span{display:flex;align-items:center;gap:5px}.kr-legend i{width:24px;height:10px;border-radius:8px}.ku-radar footer{display:flex;flex-wrap:wrap;gap:14px;font-size:12px}.ku-radar a{color:var(--ku-link,#0879b9);text-decoration:none}.ku-radar button:disabled{opacity:.55;cursor:default}html[data-p20-theme=dark] .kr-bg{fill:#20313d}html[data-p20-theme=dark] .kr-land{fill:#354c48}html[data-p20-theme=dark] .kr-outline{stroke:#91bac4}@media(max-width:760px){.ku-radar{padding:16px}.kr-layout{grid-template-columns:1fr;gap:10px}.ku-radar h2{font-size:20px}.kr-map-wrap svg{max-height:480px}.kr-districts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Radar illustration only. The weather and storm covers keep their original artwork. */
.kr-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr);align-items:center;gap:24px;margin-bottom:20px}
.kr-landscape{margin:0;min-width:0}.kr-landscape img{display:block;width:100%;height:auto;max-height:250px;object-fit:contain}.kr-landscape figcaption{font-size:11px;line-height:1.6;color:var(--ku-muted,#53687a);text-align:center;margin:6px 0}
@media(max-width:600px){.kr-intro{grid-template-columns:1fr;gap:6px}.kr-landscape img{max-height:180px}.kr-landscape figcaption{font-size:10px}}