.class-comparison{margin:0 0 20px;padding:22px;border:1px solid #dddff5;border-radius:22px;background:linear-gradient(125deg,#f1eeff 0%,#f7f9ff 58%,#edf9f7 100%);color:#191d4e;box-shadow:0 7px 24px rgba(65,57,128,.06)}
.cc-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.cc-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#6e62bd}.cc-heading h2{font-size:21px;margin:4px 0 5px;color:#272455}.cc-heading p{margin:0;font-size:13px;color:#697092}.cc-badge{font-size:12px;font-weight:700;white-space:nowrap;padding:7px 12px;border:1px solid #d7cef9;border-radius:99px;color:#5b45b6;background:#fff9}
.cc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cc-metric{min-width:0;padding:20px;border-radius:18px;background:#fff;border:1px solid #e5e6f2;box-shadow:0 4px 12px rgba(47,42,92,.035)}.cc-metric header{display:flex;gap:10px;align-items:center}.cc-icon{display:grid;place-items:center;width:42px;height:42px;font-size:22px;background:#faf4dd;border-radius:13px}.cc-score .cc-icon{background:#edf3ff}.cc-metric h3{font-size:15px;color:#39365d;margin:0 0 2px}.cc-metric header span:not(.cc-icon){font-size:12px;color:#747894}.cc-total{display:block;font-size:29px;line-height:1.35;letter-spacing:-.04em;color:#443791;margin-top:15px;word-break:keep-all}.cc-delta{font-size:12px;min-height:18px;margin:5px 0 17px;color:#74728e}.cc-legend{display:flex;gap:10px 14px;flex-wrap:wrap;font-size:11px;color:#73758f;padding-top:12px;border-top:1px solid #edf0f7;margin-bottom:15px}.cc-legend>span{display:inline-flex;gap:5px;align-items:center}.cc-dot{display:inline-block;width:8px;height:8px;border-radius:3px;background:#cbcde0}.cc-dot.selected{background:#8162e9}.cc-mark{height:10px;border-left:2px dashed #a1a6b9;display:inline-block;width:2px}
.cc-chart{display:grid;gap:13px}.cc-row{display:grid;grid-template-columns:62px minmax(35px,1fr) 85px;gap:10px;align-items:center;min-width:0}.cc-class{font-size:12px;color:#70718c;white-space:nowrap}.cc-class small{display:block;color:#8162e9;font-size:9px;line-height:1.25}.cc-track{position:relative;height:10px;background:#f1f3f9;border-radius:99px;min-width:0}.cc-fill{position:relative;display:block;height:100%;border-radius:99px;background:#d2d5e6}.cc-row.selected .cc-fill{background:linear-gradient(90deg,#ad99ff,#7659df);box-shadow:0 2px 7px #8d70df33}.cc-row.selected .cc-class,.cc-row.selected .cc-value{font-weight:700;color:#6549bc}.cc-reference{position:absolute;z-index:1;top:-4px;bottom:-4px;width:0;border-left:2px dashed #9aa3ba;pointer-events:none}.cc-value{text-align:right;font-size:12px;color:#4d5276;font-variant-numeric:tabular-nums;line-height:1.3;white-space:nowrap}.cc-value small{display:block;font-size:9px;font-weight:400;color:#979bb1}.cc-empty{font-size:13px;color:#84879d;margin:8px 0}
.cc-test{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;border:1px dashed #d4d8e8;border-radius:14px;margin-top:14px;padding:12px 16px;background:#ffffff90;font-size:12px;color:#77798c}.cc-test>span:first-child{margin-right:auto}.cc-test b{color:#5e5c7f;font-weight:650}.cc-test small{display:block;margin-top:3px;font-size:10px;color:#9697a8}.cc-test.selected{border-color:#a492e4;background:#f9f6ff}.cc-method{font-size:11px;line-height:1.65;color:#8387a0;margin:14px 2px 0;word-break:keep-all}
@media(max-width:760px){.class-comparison{padding:15px;border-radius:18px}.cc-heading{align-items:flex-start;gap:9px}.cc-heading h2{font-size:18px}.cc-heading p{font-size:12px}.cc-badge{padding:5px 9px;font-size:10px}.cc-grid{grid-template-columns:1fr;gap:12px}.cc-metric{padding:16px}.cc-row{grid-template-columns:48px minmax(35px,1fr) 78px;gap:7px}.cc-value{font-size:11px}.cc-total{font-size:27px}.cc-test{gap:9px 16px}}