.learning-history{margin-top:1.25rem;padding-top:1.25rem;border-top:2px solid rgba(13,92,94,.16)}
.learning-history-heading{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(260px,1fr);gap:1rem;align-items:start}
.learning-history-heading .muted{margin:.2rem 0}
.learning-history-controls{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:.55rem;align-items:end;margin:.9rem 0}
.learning-history-controls label{grid-column:1/-1;font-weight:800}
.learning-history-summary,.learning-history-attempts{margin-top:1rem}
.learning-recommendation{display:grid;gap:.55rem;margin-top:1rem;padding:1rem;border:1px solid rgba(13,92,94,.26);border-radius:14px;background:#eef6ef}
.learning-recommendation h4{margin:.1rem 0}
.learning-recommendation .muted{margin:0}
.learning-recommendation button{justify-self:start}
.learning-history-summary h4,.learning-history-attempts h4{margin:.2rem 0 .7rem}
.learning-skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}
.learning-skill-card{display:grid;gap:.25rem;padding:.8rem;border:1px solid rgba(13,92,94,.18);border-radius:14px;background:var(--paper)}
.learning-skill-card span,.learning-skill-card small{color:var(--soft)}
.learning-timeline{display:grid;gap:.6rem;margin:.7rem 0 0;padding:0;list-style:none}
.learning-attempt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;padding:.8rem;border-inline-start:4px solid var(--teal);border-radius:12px;background:#eee2ca}
.learning-attempt-main,.learning-attempt-detail{display:grid;gap:.2rem}
.learning-attempt time,.learning-attempt small{color:var(--soft);font-size:.82rem}
.learning-attempt-detail{text-align:end}
@media(max-width:700px){.learning-history-heading,.learning-history-controls,.learning-attempt{grid-template-columns:1fr}.learning-history-controls label{grid-column:1}.learning-history-controls button,.learning-history-controls select{width:100%}.learning-attempt-detail{text-align:start}}