.cdc-ramales-legend {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 24px;
    padding: 12px 16px;
    margin: 0;
    background: #fff;
    color: #213547;
    font: 600 14px/1.5 system-ui, sans-serif;
    box-sizing: border-box;
    width: 100%;
}
.cdc-ramales-legend__item { display: inline-flex; align-items: center; gap: 8px; }
.cdc-ramales-legend__swatch { display: inline-block; width: 28px; height: 5px; border-radius: 3px; flex: 0 0 28px; }