/* Compact radar-only legend, outside the centre and above the map zoom controls. */
#kek-idojaras-root .vm-radar-legend{
 position:absolute;left:10px;top:96px;bottom:64px;max-height:278px;width:112px;
 box-sizing:border-box;z-index:450;display:flex;flex-direction:column;gap:7px;
 padding:10px 8px;border:1px solid #cfe1f2;border-top:3px solid #2999d9;
 border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 3px 12px #163f6814;
 color:#173757;cursor:default;touch-action:pan-y;
}
#kek-idojaras-root .vm-radar-legend h3{font:700 11px/1.3 system-ui;margin:0;text-align:center;color:#173757}
#kek-idojaras-root .vm-radar-legend ol{list-style:none;margin:0;padding:0;display:flex;flex:1;min-height:0;flex-direction:column;justify-content:space-between;gap:5px}
#kek-idojaras-root .vm-radar-legend li{display:flex;align-items:center;gap:7px;min-height:0;font:600 10px/1.25 system-ui;color:#274c70}
#kek-idojaras-root .vm-radar-legend i{display:block;width:9px;min-height:19px;align-self:stretch;flex:0 0 9px;border-radius:4px;border:1px solid #163f6815;background:var(--vm-radar-swatch)}
#kek-idojaras-root .vm-radar-legend span{min-width:0;white-space:pre-line;overflow-wrap:normal}
@media(max-width:700px){
 #kek-idojaras-root .vm-radar-legend{left:6px;top:88px;bottom:60px;max-height:236px;width:74px;padding:8px 5px;gap:5px;border-radius:10px}
 #kek-idojaras-root .vm-radar-legend h3{font-size:10px}
 #kek-idojaras-root .vm-radar-legend li{gap:4px;font-size:9px;line-height:1.15}
 #kek-idojaras-root .vm-radar-legend i{width:6px;flex-basis:6px;min-height:16px;border-radius:3px}
 #kek-idojaras-root .vm-radar-legend ol{gap:4px}
}
#kek-idojaras-root .vm-radar-legend small{display:block;font:inherit;color:#61758f}
@media(max-height:600px){#kek-idojaras-root .vm-radar-legend{top:80px;bottom:56px;width:100px;max-height:190px}#kek-idojaras-root .vm-radar-legend small{display:none}#kek-idojaras-root .vm-radar-legend{padding-top:6px;padding-bottom:6px;gap:3px}#kek-idojaras-root .vm-radar-legend ol{gap:3px}#kek-idojaras-root .vm-radar-legend li{font-size:9px;line-height:1.1}#kek-idojaras-root .vm-radar-legend i{min-height:13px}}

/* Mobile has its own short labels; the desktop six-colour legend stays intact. */
#kek-idojaras-root .vm-radar-legend-mobile{display:none}
@media(max-width:700px){
 #kek-idojaras-root .vm-radar-legend{top:88px;bottom:auto;width:80px;height:142px;max-height:none;padding:10px 5px;gap:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 #kek-idojaras-root .vm-radar-legend h3,#kek-idojaras-root .vm-radar-legend ol{display:none!important}
 #kek-idojaras-root .vm-radar-legend .vm-radar-legend-mobile{display:flex;width:100%;height:100%;gap:6px}
 #kek-idojaras-root .vm-radar-legend .vm-radar-legend-strip{display:flex;flex-direction:column;width:8px;flex:0 0 8px;border-radius:4px;overflow:hidden}
 #kek-idojaras-root .vm-radar-legend .vm-radar-legend-strip b{display:block;flex:1;min-height:0;margin:0;padding:0}
 #kek-idojaras-root .vm-radar-legend .vm-radar-legend-labels{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:space-between;padding:1px 0}
 #kek-idojaras-root .vm-radar-legend .vm-radar-legend-labels span{display:block;font:600 10px/1.3 system-ui!important;letter-spacing:0!important;white-space:nowrap!important;color:#274c70;margin:0;padding:0}
}