#skillbox-case-practice{max-width:1050px;margin:30px auto;font-family:inherit;color:inherit}.sbx-card{background:#fff;border:1px solid #e5eef7;border-radius:22px;box-shadow:0 16px 42px rgb(0 0 0 / .06);overflow:hidden;margin-bottom:22px}.sbx-head{background:linear-gradient(135deg,#2d7af1,#6F00FF);color:#fff;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.sbx-head h2,.sbx-head h3{margin:0;color:#fff}.sbx-pill{background:rgb(255 255 255 / .18);border-radius:999px;padding:9px 13px;font-weight:900}.sbx-body{padding:24px}.sbx-section{background:#f8fbff;border:1px solid #e5eef7;border-radius:16px;padding:16px;margin:14px 0}.sbx-section h4{margin:0 0 8px;color:#2d7af1}.sbx-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.sbx-bank{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 18px}.sbx-token{background:#eef5ff;border:1px solid #cfe0ff;color:#1d4ed8;border-radius:999px;padding:9px 12px;font-weight:800;cursor:grab;user-select:none}.sbx-token.used{opacity:.35}.sbx-row{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;align-items:center;border-bottom:1px solid #edf2f7;padding:10px 0}.sbx-drop{min-height:42px;border:2px dashed #cbd5e1;border-radius:12px;background:#fff;padding:8px}.sbx-drop.filled{border-style:solid;border-color:#2d7af1;background:#f8fbff}.sbx-select{width:100%;padding:10px;border:1px solid #d8e2ef;border-radius:12px;background:#fff}.sbx-order-list{list-style:none;margin:14px 0;padding:0;display:grid;gap:10px}.sbx-order-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #dbe7f5;border-radius:14px;background:#fff}.sbx-order-buttons button,.sbx-btn{border:0;border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer}.sbx-btn-primary{background:#2d7af1;color:#fff}.sbx-btn-secondary{background:#f3f4f6;color:#333}.sbx-btn-danger{background:#dc2626;color:#fff}.sbx-actions{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:20px}.sbx-result{padding:14px;border-radius:14px;margin:10px 0;background:#f9fafb;color:#333}.sbx-correct{border-left:5px solid #16a34a}.sbx-wrong{border-left:5px solid #dc2626}.sbx-small{font-size:13px;color:#64748b}.sbx-progress{font-weight:900}.sbx-summary{font-size:34px;font-weight:900;margin:10px 0;color:#2d7af1}@media(max-width:800px){.sbx-grid,.sbx-row{grid-template-columns:1fr}.sbx-head{flex-direction:column;align-items:flex-start}}