/* Proposed shared risk system. Three semantic additions sit alongside brand teal. */
:root{
 --risk-forest:#244140;--risk-teal:#27b996;--risk-lime:#c1f99b;
 --risk-paper:#f3f7f3;--risk-ink:#2d3748;--risk-neutral:#d4ddda;
 --risk-low:#27b996;--risk-medium:#d6b51f;--risk-high:#e56526;--risk-critical:#b54150;
 --risk-label:#536961;--risk-radius:12px;
}
.risk-indicator{display:block;width:100%;height:auto;overflow:visible;flex-shrink:1}
.risk-indicator--label{max-width:180px}
@media(prefers-reduced-motion:reduce){.risk-indicator *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.risk-indicator text{fill:CanvasText}.risk-indicator path,.risk-indicator rect,.risk-indicator circle{forced-color-adjust:auto}}

/* Preserve readable category words when an embedded scale is too narrow. */
.risk-responsive{container-type:inline-size}.risk-responsive .risk-indicator--label{display:none}
@container(max-width:259px){.risk-responsive .risk-indicator--bars{display:none}.risk-responsive .risk-indicator--label{display:block;max-width:180px}}