/* Interactive CUET UG analysis card */
.cxA{background:#fff;border:1px solid #e3e6f3;border-radius:22px;padding:18px;box-shadow:0 8px 26px rgba(40,50,120,.07);font-family:"Figtree","Segoe UI",system-ui,sans-serif;color:#282E3E;text-align:left}
.cxA *{box-sizing:border-box}
.cxA button{font:inherit;cursor:pointer}
.cxAs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.cxAs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:8px 10px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--c) 30%,#fff);background:color-mix(in srgb,var(--c) 7%,#fff);color:#3b4258;font-weight:700;font-size:14.5px;transition:transform .15s,background .15s}
.cxAs button span{font-size:17px}
.cxAs button[aria-pressed=true]{background:var(--c);border-color:var(--c);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--c) 38%,transparent)}
.cxAy{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}
.cxAl,.cxAo span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7a829c}
.cxAy button{min-width:58px;min-height:38px;padding:6px 12px;border-radius:999px;border:1.5px solid #d6dbf0;background:#fff;color:#4a5170;font-weight:700;font-size:14px}
.cxAy button[aria-pressed=true]{background:color-mix(in srgb,var(--col,#4255FF) calc(var(--t)*100%),#fff);border-color:var(--col,#4255FF);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.18)}
.cxAc{--col:#4255FF}
.cxAo{margin-left:auto;display:flex;align-items:center;gap:8px}
.cxAo select{min-height:38px;border-radius:12px;border:1.5px solid #d6dbf0;background:#fff;padding:4px 10px;font:inherit;font-weight:600;color:#282E3E}
.cxAk{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.cxAk div{background:color-mix(in srgb,var(--col) 8%,#fff);border-radius:16px;padding:10px 14px;min-width:0}
.cxAk b{display:block;font:800 19px/1.25 "Outfit","Segoe UI",sans-serif;color:var(--col);overflow-wrap:anywhere}
.cxAk span{font-size:12.5px;color:#5b6580;line-height:1.35;display:block}
.cxAp{background:#f7f8fd;border:1.5px dashed color-mix(in srgb,var(--col) 40%,#fff);border-radius:16px;padding:12px 14px;margin-bottom:14px}
.cxAp label{display:block;font-size:15px}
.cxAp output{font-weight:800;color:var(--col)}
.cxAp input[type=range]{width:100%;margin:8px 0 2px;accent-color:var(--col);height:28px}
.cxAp p{margin:0;font-size:14px;color:#44506b}
.cxAb{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cxAb li{border-radius:14px;border:1px solid #eceef8;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.cxAb li.in{border-color:var(--col);box-shadow:0 0 0 2px color-mix(in srgb,var(--col) 18%,transparent)}
.cxAb li>button{display:grid;grid-template-columns:28px minmax(0,1.25fr) minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:none;text-align:left;color:inherit;min-height:48px}
.cxAn{width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--col) 14%,#fff);color:var(--col);display:grid;place-items:center;font-weight:800;font-size:12.5px}
.cxAt{font-weight:700;font-size:14.5px;line-height:1.3}
.cxAg{display:flex;height:16px;border-radius:99px;background:#f0f2fa;overflow:hidden}
.cxAg i{display:block;height:100%;background:var(--col);min-width:2px;border-right:1.5px solid #fff}
.cxAv{display:flex;align-items:center;gap:6px;min-width:52px;justify-content:flex-end}
.cxAv b{font:800 17px "Outfit","Segoe UI",sans-serif}
.cxAv em{font-style:normal;font-size:12px}
.cxAv em.Rising{color:#0b8a4a}.cxAv em.Falling{color:#d4382c}.cxAv em.Steady{color:#8a91a8}
.cxAd{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:6px 14px 14px 50px;align-items:end;border-top:1px dashed #e3e6f3;background:color-mix(in srgb,var(--col) 4%,#fff)}
.cxAm{display:flex;gap:12px;align-items:flex-end;padding-top:12px}
.cxAm div{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px}
.cxAm i{display:block;width:22px;border-radius:6px 6px 2px 2px;background:var(--col)}
.cxAm div.off{opacity:.35}
.cxAm b{font-size:13px}.cxAm span{color:#7a829c}
.cxAf p{margin:8px 0 0;font-size:14px;line-height:1.5;color:#44506b}
.cxAq{display:inline-block;border-radius:99px;padding:2px 10px;font-size:12.5px;font-weight:800;margin-right:6px}
.cxAq.High{background:#FFE4E1;color:#B42318}.cxAq.Medium{background:#FFF1D6;color:#9A5B00}.cxAq.Low{background:#E4F5EA;color:#146C3B}
.cxAq.tRising{background:#E4F5EA;color:#146C3B}.cxAq.tFalling{background:#FFE4E1;color:#B42318}.cxAq.tSteady{background:#EEF0F6;color:#4a5170}
.cxAx{margin-top:10px;min-height:42px;padding:8px 16px;border-radius:12px;border:0;background:var(--col);color:#fff;font-weight:800}
.cxAu{margin-top:12px;border-radius:18px;padding:16px;background:linear-gradient(135deg,#EEF0FF,#FDEBF3);text-align:center;display:grid;gap:6px;justify-items:center}
.cxAu b{font:800 17px/1.3 "Outfit","Segoe UI",sans-serif}
.cxAu span{font-size:14px;color:#44506b}
.cxAu div{display:flex;gap:10px;margin-top:4px}
.cxAj{min-height:44px;padding:8px 20px;border-radius:12px;border:2px solid #4255FF;background:#fff;color:#4255FF;font-weight:800}
.cxAj.up{background:linear-gradient(135deg,#4255FF,#7C3AED);color:#fff;border-color:transparent}
.cxAn2{font-size:12.5px;color:#7a829c;margin:12px 2px 0;line-height:1.5}
@media(max-width:640px){
  .cxAs{grid-template-columns:1fr 1fr}
  .cxAo{margin-left:0;width:100%}.cxAo select{flex:1}
  .cxAk{grid-template-columns:1fr}
  .cxAb li>button{grid-template-columns:26px minmax(0,1fr) auto;grid-template-areas:"n t v" ". g g"}
  .cxAn{grid-area:n}.cxAt{grid-area:t}.cxAv{grid-area:v}.cxAg{grid-area:g}
  .cxAd{grid-template-columns:1fr;padding-left:14px}
}
@media(prefers-reduced-motion:reduce){.cxAs button{transition:none}}