/* БАЗА — выбор раздела прямо во вкладке Практика */
.practice-catalog{padding:54px 0 8px;scroll-margin-top:92px}
.practice-catalog-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 12px 38px rgba(34,42,86,.06)}
.practice-catalog-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:20px}
.practice-catalog-head h2{font-size:32px;line-height:1.06;letter-spacing:-1.2px;margin:6px 0 8px}.practice-catalog-head p{margin:0;color:var(--muted);line-height:1.55;max-width:760px}
.practice-catalog-summary{flex:0 0 auto;text-align:right}.practice-catalog-summary b{display:block;font-size:26px;color:var(--violet)}.practice-catalog-summary span{font-size:11px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.6px}
.practice-current{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 18px;border:1px solid #e4e0ff;border-radius:18px;background:linear-gradient(135deg,#f7f5ff,#fbfcff);margin-bottom:16px}
.practice-current small{display:block;color:#8a90a7;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.65px;margin-bottom:4px}.practice-current strong{font-size:17px}.practice-current-meta{color:var(--muted);font-size:12px;margin-top:4px}
.practice-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.practice-mode-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px;text-align:left;color:inherit;transition:.18s ease;position:relative;overflow:hidden}.practice-mode-card.active{border-color:#cfc9ff;background:#f8f6ff;box-shadow:0 10px 28px rgba(111,92,255,.08)}
.practice-mode-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.practice-mode-icon{width:46px;height:46px;border-radius:14px;background:var(--soft);display:grid;place-items:center;font-weight:950;color:#5b4de1}.practice-mode-badge{padding:6px 9px;border-radius:999px;background:#f2f3f8;color:#737a92;font-size:10px;font-weight:900}.practice-mode-card.active .practice-mode-badge{background:#ebe7ff;color:#5c4fde}
.practice-mode-card h3{font-size:19px;margin:14px 0 6px}.practice-mode-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5;min-height:36px}.practice-mode-progress{height:6px;background:#edf0f7;border-radius:999px;overflow:hidden;margin:14px 0 9px}.practice-mode-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--violet));border-radius:999px}.practice-mode-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#7d849b;font-weight:750;margin-bottom:13px}
.practice-mode-actions{display:flex;gap:8px;flex-wrap:wrap}.practice-mode-actions button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font-weight:850;font-size:12px;cursor:pointer;color:#585f79}.practice-mode-actions button:hover{border-color:#cfc9ff;background:#f4f2ff;color:#594ce0}.practice-mode-actions .practice-start{border:none;background:linear-gradient(135deg,var(--violet),var(--violet2));color:white;box-shadow:0 8px 20px rgba(111,92,255,.16)}
.practice-skill-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #eff1f6}.practice-skill-choice{appearance:none;border:1px solid #eceef5;background:#fafbfe;border-radius:13px;padding:10px;text-align:left;cursor:pointer;transition:.16s ease}.practice-skill-choice:hover,.practice-skill-choice.active{border-color:#d4ceff;background:#f6f4ff}.practice-skill-choice small{display:block;font-size:9px;color:#969caf;font-weight:900;margin-bottom:3px}.practice-skill-choice b{font-size:11px;line-height:1.25;display:block}.practice-skill-choice span{display:block;color:#7d849b;font-size:10px;margin-top:5px}
.practice-empty-note{margin-top:14px;padding:12px 14px;border-radius:14px;background:#f7f8fb;color:#858ca2;font-size:11px;line-height:1.45}.practice-empty-note b{color:#666d85}
.practice-skill-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:900px){.practice-catalog-grid{grid-template-columns:1fr}.practice-catalog-head{align-items:flex-start}.practice-skill-choices{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.practice-catalog{padding-top:34px}.practice-catalog-card{padding:18px;border-radius:22px}.practice-catalog-head,.practice-current{align-items:flex-start;flex-direction:column}.practice-catalog-summary{text-align:left}.practice-skill-choices{grid-template-columns:1fr}.practice-mode-actions{display:grid;grid-template-columns:1fr}.practice-mode-actions button{width:100%}}