.risk-visual{margin:56px 0 0;padding:36px 48px 48px;background:var(--purple-deep);border-radius:24px;color:#fff;overflow:hidden}
.risk-visual-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid #ffffff26}
.risk-visual figcaption{font:500 24px/32px var(--serif)}


.risk-visual button:focus-visible{outline:2px solid var(--flame-orange);outline-offset:5px}
.risk-visual-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:48px;align-items:center;padding-top:24px}
.risk-art{min-width:0}.risk-art svg{display:block;width:100%;height:auto;overflow:visible}
.risk-layer{transform-box:fill-box;transform-origin:center;transition:opacity .25s,translate .25s;opacity:1}
.risk-layer text{font:500 18px var(--sans);letter-spacing:.06em}
.risk-visual.has-selection .risk-layer:not(.is-selected){opacity:.3}
.risk-layer.is-selected{translate:0 -8px}
.risk-labels{display:grid;gap:12px}
.risk-label{display:flex;align-items:flex-start;gap:18px;width:100%;text-align:left;padding:24px 20px;border:1px solid #ffffff29;border-radius:12px;background:none;color:#fff;transition:background .2s,border-color .2s}
.risk-number{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:50%;border:1px solid #B790D0;color:#fff;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}
.risk-label-2 .risk-number{border-color:var(--flame-orange);color:var(--flame-orange)}
.risk-label-3 .risk-number{border-color:#FBF8F4;color:#FBF8F4}
.risk-label-copy{padding-top:3px;font:500 20px/28px var(--serif);flex:1;min-width:0}
.risk-label-detail{display:block;margin-top:12px;font:400 14px/22px var(--sans);color:#d8c9e5}
.risk-label-arrow{margin-top:8px;flex:0 0 20px;color:var(--flame-orange);transition:translate .2s}
.risk-label:hover,.risk-label[aria-pressed=true]{background:#4C0084;border-color:#B790D0}
.risk-label-2:hover,.risk-label-2[aria-pressed=true]{border-color:var(--flame-orange)}
.risk-label-3:hover,.risk-label-3[aria-pressed=true]{border-color:#FBF8F4}
.risk-label:hover .risk-label-arrow{translate:4px 0}

@media(max-width:1100px){.risk-visual{padding:28px 32px 40px}.risk-visual-grid{gap:24px}.risk-label{padding:20px 16px;gap:12px}.risk-label-copy{font-size:18px;line-height:26px}}
@media(max-width:800px){.risk-visual{margin-top:40px}.risk-visual-grid{grid-template-columns:1fr;gap:16px}.risk-art{width:min(100%,420px);margin-inline:auto}.risk-label{padding:20px}.risk-label-copy{font-size:20px;line-height:28px}}
@media(max-width:560px){.risk-visual{padding:24px 20px 28px;border-radius:20px}.risk-visual-header{gap:12px;flex-wrap:wrap;padding-bottom:16px}.risk-visual figcaption{font-size:22px;line-height:30px}.risk-label{padding:18px 14px;gap:12px}.risk-label-copy{font-size:18px;line-height:26px}.risk-number{flex-basis:30px;height:30px}.risk-label-arrow{display:none}.risk-label-detail{font-size:14px;line-height:22px}.risk-visual-grid{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.risk-layer,.risk-label,.risk-label-arrow{transition:none}.risk-layer.is-selected{translate:none}}

.risk-label{text-decoration:none}.risk-label:hover{color:white}.risk-visual a:focus-visible{outline:2px solid var(--flame-orange);outline-offset:5px}