.gde-status-badge{display:inline-block;padding:5px 9px;margin:5px 0;border:1px solid;border-radius:8px;font-size:.88rem;line-height:1.5;font-weight:700;white-space:normal;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}
.gde-status-green{color:#166534;background:#f0fdf4;border-color:#86efac}
.gde-status-yellow{color:#713f12;background:#fefce8;border-color:#fde047}
.gde-status-red{color:#991b1b;background:#fef2f2;border-color:#fca5a5}
.gde-status-gray{color:#475569;background:#f8fafc;border-color:#cbd5e1}
.gde-status-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:14px;margin:12px 0 24px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#334155;font-size:.87rem;line-height:1.5;max-width:100%;box-sizing:border-box}
.gde-status-legend small{flex-basis:100%;font-size:.82rem;color:#475569}
.gde-volcano-marker.gde-volcano-green{color:#16a34a}.gde-volcano-marker.gde-volcano-yellow{color:#eab308}.gde-volcano-marker.gde-volcano-red{color:#dc2626}.gde-volcano-marker.gde-volcano-gray{color:#64748b}
@media(max-width:600px){.gde-status-legend strong{flex-basis:100%}.gde-status-legend{gap:7px 12px}}

.gde-status-map-icon{background:transparent;border:0}.gde-status-map-icon svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.gde-symbol-legend i{color:#64748b!important;font-style:normal;font-size:1.1em}.gde-symbol-legend svg{vertical-align:middle;width:20px;height:20px}

/* JMAEQ.46 — global Home traffic-light legend is rendered server-side and remains visible on mobile. */
.gde-global-map .gde-global-status-legend{display:flex!important;width:100%;margin:14px 0 0;position:relative;z-index:2}
.gde-cyclone-marker.gde-cyclone-green,.gde-tsunami-marker.gde-tsunami-green{border-color:#16a34a;color:#16a34a}
.gde-cyclone-marker.gde-cyclone-yellow,.gde-tsunami-marker.gde-tsunami-yellow{border-color:#eab308;color:#eab308}
.gde-cyclone-marker.gde-cyclone-red,.gde-tsunami-marker.gde-tsunami-red{border-color:#dc2626;color:#dc2626}
.gde-cyclone-marker.gde-cyclone-gray,.gde-tsunami-marker.gde-tsunami-gray{border-color:#64748b;color:#64748b}
@media(max-width:600px){.gde-global-map .gde-global-status-legend{display:flex!important;visibility:visible!important;opacity:1!important;margin-top:14px;padding:12px;gap:7px 10px}.gde-global-map .gde-global-status-legend strong,.gde-global-map .gde-global-status-legend small{flex-basis:100%}}