.case-item{display:flex;align-items:flex-start;padding:12px 14px;border-radius:10px;background:#1c2432;border:1px solid #283445;box-shadow:0 10px 28px rgba(8,12,20,.35);color:#e4e9f4;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.case-item:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(15,23,42,.08)}.case-item__visual{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:86px}.case-item__title{margin:0;font-size:.95rem;font-weight:700;text-align:center;color:#f8fafc}.case-item__info{display:flex;flex-direction:column;gap:10px;flex:1}.case-item__status-label{font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid transparent;background:rgba(148,163,184,.12);color:#d5dcff;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.case-item__status-label--learned{background:rgba(34,197,94,.18);border-color:rgba(34,197,94,.32);color:#bbf7d0}.case-item__status-label--learning{background:rgba(234,179,8,.2);border-color:rgba(234,179,8,.32);color:#fde68a}.case-item__status-label--not-learned{background:hsla(0,91%,71%,.18);border-color:hsla(0,91%,71%,.28);color:#f9a1a1}.case-item:hover{transform:scale(1.05);box-shadow:0 0 20px 0 rgba(0,0,0,.2)}.case-item__metric,.case-item__metrics{display:flex;flex-direction:column}.case-item__metric{gap:4px;min-width:96px}.case-item__metric-label{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#96a5bd}.case-item__metric-value{font-size:.88rem;font-weight:700;color:#f3f4f6}.case-item__performance{display:flex;align-items:center;justify-content:end;gap:6px;margin-top:0;font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:#96a5bd}.case-item__performance-value{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:normal;border:1px solid transparent;transition:transform .16s ease}.case-item:hover .case-item__performance-value{transform:translateY(-1px)}@media (max-width:640px){.case-item{flex-direction:column;align-items:flex-start}.case-item__visual{flex-direction:column;align-items:center;gap:10px}.case-item__title{text-align:center}}@media (max-width:768px){.case-item{flex-direction:column;align-items:center;text-align:center;margin:0;padding:12px 8px}.case-item .info-container{margin-left:0;margin-top:8px;align-items:center}.case-item .info-container p{display:none}.case-item h4{margin-bottom:0}.case-item__info{display:none}}