.fr-risk-chart { box-sizing:border-box;max-width:980px;margin:32px auto;padding:28px;overflow:hidden;font-family:Arial, Helvetica, sans-serif;color:#252525;background:#ffffff;border:1px solid #eadfd7;border-radius:22px;box-shadow:0 12px 35px rgba(68, 35, 18, 0.12);} .fr-risk-chart *, .fr-risk-chart *::before, .fr-risk-chart *::after { box-sizing:border-box;} .fr-risk-chart__header { margin-bottom:26px;text-align:center;} .fr-risk-chart__badge { display:inline-block;margin-bottom:10px;padding:7px 13px;color:#8e290f;background:#fff1e8;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;} .fr-risk-chart__header h2 { width:100%;margin:0 0 8px;color:#952b13;font-size:clamp(25px, 4vw, 38px);line-height:1.15;} .fr-risk-chart__header p { margin:0;color:#626262;font-size:17px;} .fr-risk-chart__content { display:grid;grid-template-columns:minmax(260px, 0.9fr) minmax(300px, 1.1fr);gap:30px;align-items:center;} .fr-risk-chart__visual { text-align:center;} .fr-risk-pie { display:block;width:min(100%, 390px);height:auto;margin:0 auto;overflow:visible;filter:drop-shadow(0 8px 10px rgba(56, 30, 18, 0.18));} .fr-risk-pie path { cursor:pointer;stroke:#ffffff;stroke-width:2.5;transform-origin:120px 120px;transition:transform 180ms ease, opacity 180ms ease;} .fr-risk-pie path:hover, .fr-risk-pie path:focus { opacity:0.88;outline:none;transform:scale(1.035);} .fr-risk-chart__detail { min-height:48px;margin:18px auto 0;color:#4e4e4e;font-size:16px;line-height:1.5;} .fr-risk-legend { display:grid;gap:10px;} .fr-risk-legend__item { display:grid;grid-template-columns:16px minmax(0, 1fr) auto;gap:12px;align-items:center;width:100%;padding:13px 14px;color:#292929;text-align:left;background:#fffaf7;border:1px solid #eaded7;border-radius:13px;cursor:pointer;transition:border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;} .fr-risk-legend__item:hover, .fr-risk-legend__item:focus { border-color:#d66a32;box-shadow:0 5px 15px rgba(93, 43, 19, 0.1);outline:none;transform:translateY(-1px);} .fr-risk-legend__colour { width:16px;height:16px;background:var(--risk-colour);border-radius:50%;} .fr-risk-legend__name { font-size:15px;font-weight:700;line-height:1.3;} .fr-risk-legend__range { color:#8d2b13;font-size:15px;font-weight:800;white-space:nowrap;} .fr-risk-chart__notice { margin-top:28px;padding:16px 18px;color:#71300d;background:#fff3dc;border-left:5px solid #e27622;border-radius:9px;font-size:15px;line-height:1.55;} .fr-risk-chart__source { margin:14px 0 0;color:#707070;font-size:13px;line-height:1.5;text-align:center;} @media (max-width:760px) { .fr-risk-chart { padding:20px 16px;border-radius:16px;} .fr-risk-chart__content { grid-template-columns:1fr;gap:22px;} .fr-risk-pie { width:min(100%, 320px);} } @media (max-width:430px) { .fr-risk-legend__item { grid-template-columns:15px minmax(0, 1fr);} .fr-risk-legend__range { grid-column:2;} }