/* Keep the existing HC palette and give progression a readable phone layout. */
#my-learning .lc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#my-learning .lc-stats span{min-width:0;overflow-wrap:anywhere;border:1px solid #364a40;border-radius:12px;padding:16px;font-variant-numeric:tabular-nums}
#my-learning progress{display:block;width:100%;accent-color:#b9d6c3}
#my-learning .lc-badges{grid-template-columns:minmax(0,1fr)}
#my-learning .lc-badge{min-width:0;overflow-wrap:anywhere}
#my-learning summary{min-height:44px;box-sizing:border-box}
#my-learning :is(button,a,summary):focus-visible,#lc-lesson :is(button,input):focus-visible{outline:3px solid #d5ebdf;outline-offset:4px}
#lc-lesson{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box}
@media(min-width:600px){#my-learning .lc-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:960px){#my-learning .lc-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}