.learning-tabs,.learning-filters,.learning-save,.learning-pagination{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:24px}.learning-tabs button{min-height:44px}.learning-filters{align-items:end}.learning-filters>.actions{padding-bottom:18px}.learning-filters .field{min-width:180px}.learning-filters a{display:inline-flex;align-items:center;padding:11px 15px;border:1px solid var(--line,#e9e4df);border-radius:12px;color:inherit;text-decoration:none;min-height:44px}.learning-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.learning-member{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line,#e9e4df);padding:15px;border-radius:14px}.learning-member.done{background:#f0f7f1}.learning-record details{margin-top:20px;border-top:1px solid var(--line,#e9e4df);padding-top:18px}.learning-record summary{cursor:pointer;min-height:38px;font-weight:600}.learning-breakdown,.learning-plan{margin-top:16px;padding:18px;border:1px solid var(--line,#e9e4df);border-radius:14px}.learning-record .long-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.learning-section-title{margin-top:24px}.learning-likes{max-width:240px}.learning-work textarea{min-height:105px}.learning-error{color:#b42318;margin-bottom:15px;white-space:pre-wrap}.learning-feedback{margin-top:20px}.learning-feedback textarea{min-height:95px}.learning-save{position:sticky;bottom:10px;background:#fffdf9;padding:14px;border:1px solid var(--line,#e9e4df);border-radius:16px;box-shadow:0 5px 25px #251b1010;z-index:2}.learning-pagination{justify-content:center}.learning-record .card-head{gap:14px;flex-wrap:wrap}#learning-form .card{margin-top:18px}#learning-form .field{min-width:0}#learning-form textarea{max-width:100%}@media(max-width:640px){.learning-tabs{gap:7px}.learning-tabs button{padding:10px 12px;font-size:13px}.learning-filters>div{width:100%}.learning-filters .field{margin-bottom:6px}.learning-filters>.actions{padding-bottom:0}.learning-filters{gap:12px}.learning-members{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.learning-member{flex-direction:column;align-items:flex-start;padding:12px}.learning-breakdown,.learning-plan{padding:13px}.learning-save{position:static;padding:12px}.learning-save button{flex:1 1 auto}.learning-record .card-head .actions{width:100%}}
