.sgr-card{background:#fff;border:1px solid var(--line,#e7e5ee);border-radius:17px;padding:24px;margin:0 0 22px;color:var(--ink,#292636);box-shadow:0 4px 24px #64548a06}
.sgr-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:19px}.sgr-eyebrow{display:block;color:#8b75b1;font-size:9px;font-weight:700;letter-spacing:1.7px;margin-bottom:7px}.sgr-header h3{font-size:21px;line-height:1.4;margin:0}.sgr-header p{font-size:12px;color:#888091;line-height:1.7;margin:7px 0 0}.sgr-count{padding:8px 11px;border-radius:7px;background:#f3eefb;color:#785ca2;font-size:11px;white-space:nowrap}
.sgr-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.93fr);gap:24px;align-items:start}.sgr-visual{background:linear-gradient(145deg,#fbf9ff,#fff);border:1px solid #eee8f7;border-radius:12px;padding:16px 14px}.sgr-status{margin:0;font-size:11px;color:#786487;line-height:1.7;min-height:36px}.sgr-svg{display:block;width:100%;height:auto;overflow:visible}.sgr-grid{fill:none;stroke:#e7dfef;stroke-width:1}.sgr-grid-label{font-size:8px;fill:#a89bb7}.sgr-axis{stroke:#e9e3f1;stroke-width:1}.sgr-shape{fill:#9d75d53b;stroke:#9871c6;stroke-width:2.2;stroke-linejoin:round}.sgr-point{fill:#fff;stroke:#9470bc;stroke-width:2}.sgr-label{fill:#615170;font-size:11px;font-weight:600}.sgr-label-value{fill:#9878bc;font-size:10px;font-weight:500}.sgr-legend{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#8b7b9a}.sgr-legend i{width:9px;height:9px;border-radius:3px;background:#aa8bc8}.sgr-explain{font-size:10px;line-height:1.8;color:#9a8da7;text-align:center;margin:10px 0 15px}
.sgr-axis-details{margin:0;border-top:1px solid #ede7f3}.sgr-axis-details>div{display:grid;grid-template-columns:minmax(74px,.8fr) minmax(0,1.4fr);gap:12px;padding:10px 0;border-bottom:1px solid #f0ecf6;font-size:11px;align-items:center}.sgr-axis-details dt{font-weight:600;overflow-wrap:anywhere}.sgr-axis-details dd{margin:0;display:grid;grid-template-columns:1fr auto;column-gap:7px;row-gap:4px}.sgr-axis-details dd>strong{font-weight:600}.sgr-axis-details dd>span{grid-row:2;grid-column:1/-1;font-size:9px;color:#9a8ba7;line-height:1.5}.sgr-axis-details b{font-size:12px;color:#8662ae}
.sgr-control-heading{display:flex;justify-content:space-between;align-items:center;margin:1px 0 11px;font-size:12px}.sgr-control-heading>span{font-size:10px;color:#a396af}.sgr-choices{list-style:none;margin:0;padding:0;max-height:550px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ded4e9 transparent}.sgr-row{padding:12px 12px 10px;border:1px solid #eae5f0;border-radius:10px;margin:0 0 9px;background:#fff}.sgr-row:has(.sgr-choice input:checked){border-color:#d4c2e6;background:#fcfaff}.sgr-choice{display:flex;gap:9px;align-items:center;cursor:pointer}.sgr-choice input{width:15px;height:15px;margin:0;flex-shrink:0;accent-color:#9b78c1}.sgr-choice>span{min-width:0;flex:1}.sgr-choice strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.sgr-choice>span>small{display:block;color:#a391b1;font-size:9px;line-height:1.6}.sgr-choice>b{font-size:17px;font-weight:650;color:#8863ae;white-space:nowrap}.sgr-choice>b>small{font-size:10px;font-weight:400}.sgr-detail{margin:5px 0 9px 24px;color:#a096aa;font-size:9px;line-height:1.6}.sgr-setting{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-left:24px;align-items:start}.sgr-setting label{display:block;min-width:0}.sgr-setting label>span,.sgr-fixed>span{display:block;font-size:9px;color:#a396ae;margin:0 0 5px}.sgr-fixed strong{display:block;font-size:10px;font-weight:500;line-height:29px;color:#786584}.sgr-setting input,.sgr-setting select{display:block;width:100%;min-width:0;height:31px;box-sizing:border-box;border:1px solid #e5dced;border-radius:6px;padding:5px 7px;font:inherit;font-size:11px;color:#6f5a82;background:#fff}.sgr-setting input::placeholder{color:#b5a5c1}.sgr-setting input[aria-invalid=true]{border-color:#b99186}.sgr-card input:focus-visible,.sgr-card select:focus-visible{outline:2px solid #ae8dd1;outline-offset:2px}.sgr-row-result{margin:8px 0 0 24px;font-size:9px;color:#9582a7;line-height:1.6;min-height:15px}.sgr-needs-target{color:#a67f59}.sgr-help{font-size:10px;color:#a295ac;line-height:1.9;margin:11px 1px 0}.sgr-empty-chart{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box;color:#9785a8}.sgr-empty-chart>span{font-size:65px;font-weight:200;line-height:1;margin-bottom:18px;color:#cbb7df}.sgr-empty-chart>strong{font-size:14px;font-weight:500}.sgr-empty-chart>p{font-size:11px;line-height:1.9;margin:11px 0 0;color:#a496b0}
@media(max-width:1000px){.sgr-layout{gap:17px;grid-template-columns:minmax(0,1fr) minmax(265px,.95fr)}.sgr-card{padding:20px}.sgr-visual{padding:14px 10px}.sgr-label{font-size:10px}.sgr-choices{max-height:520px}}
@media(max-width:720px){.sgr-card{padding:18px}.sgr-layout{grid-template-columns:1fr;gap:18px}.sgr-header{gap:12px;align-items:flex-start}.sgr-header h3{font-size:20px}.sgr-header p{font-size:11px}.sgr-count{font-size:10px;padding:7px 8px}.sgr-visual{padding:14px}.sgr-svg{max-height:390px}.sgr-choices{max-height:430px}.sgr-choice strong{font-size:13px}.sgr-detail,.sgr-row-result{font-size:10px}.sgr-setting input,.sgr-setting select{height:35px;font-size:12px}.sgr-fixed strong{line-height:33px}.sgr-axis-details>div{padding:9px 0}.sgr-help{font-size:10px}}
@media(max-width:390px){.sgr-header{flex-direction:column;gap:9px}.sgr-count{align-self:flex-start}.sgr-card{padding:15px}.sgr-visual{padding:12px 8px}.sgr-status{font-size:10px}.sgr-label{font-size:10px}.sgr-setting{gap:7px}}
