#my-learning .ml-sub{ margin:-30px 0 36px; font-size:16px; color:#5B5570; }
      #my-learning .ml-resume{ display:flex; align-items:center; justify-content:space-between; gap:24px; background:#241A57; color:#fff; border-radius:24px; padding:30px 34px; margin-bottom:20px; position:relative; overflow:hidden; }
      #my-learning .ml-resume .k{ font-size:12px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:#C9BFFF; margin-bottom:8px; }
      #my-learning .ml-resume h2{ margin:0; font-size:clamp(22px,2.6vw,30px); font-weight:800; letter-spacing:-0.02em; line-height:1.15; }
      #my-learning .ml-resume p{ margin:8px 0 0; font-size:15px; color:rgba(255,255,255,.78); }
      #my-learning .ml-btn{ flex:none; display:inline-flex; align-items:center; gap:6px; border:0; cursor:pointer; font-family:inherit; font-weight:700; font-size:14.5px; border-radius:999px; padding:12px 24px; background:#fff; color:#241A57; transition:background .15s ease; }
      #my-learning .ml-btn:hover{ background:#EDE9FE; }
      #my-learning .ml-row .ml-btn{ min-width:136px; justify-content:center; }
      #my-learning .ml-btn.solid{ background:#6C56E8; color:#fff; } #my-learning .ml-btn.solid:hover{ background:#5642C4; }
      #my-learning .ml-btn.ghost{ background:#fff; color:#5642C4; border:1.5px solid #D9D2F7; } #my-learning .ml-btn.ghost:hover{ background:#F7F5FF; }
      #my-learning .ml-stats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-bottom:44px; }
      #my-learning .ml-stat{ background:#fff; border:1px solid #E3DFF5; border-radius:20px; padding:22px 24px; }
      #my-learning .ml-stat .n{ font-size:34px; font-weight:800; letter-spacing:-0.02em; color:#1B1730; line-height:1; font-variant-numeric:tabular-nums; }
      #my-learning .ml-stat .n small{ font-size:18px; font-weight:700; color:#8B84A3; }
      #my-learning .ml-stat .l{ margin-top:8px; font-size:13.5px; font-weight:600; color:#5B5570; }
      #my-learning .ml-h2{ margin:0 0 18px; font-size:22px; font-weight:800; letter-spacing:-0.015em; color:#1B1730; }
      #my-learning .ml-rows{ display:flex; flex-direction:column; gap:16px; }
      #my-learning .ml-row{ display:grid; grid-template-columns:64px minmax(0,1fr) auto; gap:22px; align-items:center; background:#fff; border:1px solid #E3DFF5; border-radius:20px; padding:22px 26px; }
      #my-learning .ml-medal svg{ width:56px; height:auto; display:block; }
      #my-learning .ml-top{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
      #my-learning .ml-title{ margin:0; font-size:18px; font-weight:700; letter-spacing:-0.01em; color:#1B1730; }
      #my-learning .ml-pill{ font-size:12px; font-weight:700; border-radius:999px; padding:4px 11px; }
      #my-learning .ml-pill.todo{ color:#5B5570; background:#F1EFF8; } #my-learning .ml-pill.prog{ color:#5642C4; background:#EDE9FE; } #my-learning .ml-pill.done{ color:#15803D; background:#EAF7EE; }
      #my-learning .ml-segs{ display:flex; gap:4px; margin-bottom:10px; }
      #my-learning .ml-segs i{ flex:1; height:7px; border-radius:4px; background:#E5E0F5; } #my-learning .ml-segs i.on{ background:#6C56E8; }
      #my-learning .ml-meta{ display:flex; flex-wrap:wrap; gap:6px 18px; font-size:13.5px; color:#5B5570; }
      #my-learning .ml-meta .ok{ color:#15803D; font-weight:600; }
      #my-learning .ml-reset{ margin-top:36px; background:none; border:0; padding:0; font-family:inherit; font-size:13px; color:#8B84A3; text-decoration:underline; cursor:pointer; }
      #my-learning .ml-reset:hover{ color:#5B5570; }
      @media (max-width:760px){
        #my-learning .ml-resume{ flex-direction:column; align-items:flex-start; padding:24px 22px; }
        #my-learning .ml-stats{ grid-template-columns:1fr; gap:12px; margin-bottom:32px; }
        #my-learning .ml-row{ grid-template-columns:48px minmax(0,1fr); padding:18px; gap:16px; }
        #my-learning .ml-row .ml-btn{ grid-column:1 / -1; justify-content:center; }
        #my-learning .ml-medal svg{ width:44px; }
      }