#learningPanel .learning-toolbar {display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:18px 0}
#learningPanel label {display:flex;flex-direction:column;gap:6px;font-weight:600;min-width:0}
#learningPanel input,#learningPanel select,#learningPanel textarea {font:inherit;padding:10px;border:1px solid #ccd5d9;border-radius:7px;background:#fff;color:#17323b;max-width:100%}
#learningPanel textarea {width:100%;min-height:90px;box-sizing:border-box}
#learningPanel .learning-note {padding:15px;background:#edf6f7;border-left:4px solid #347e88;line-height:1.8}
#learningPanel .learning-form {background:#fff;border:1px solid #d3dfe3;border-radius:12px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:20px 0}
#learningPanel .learning-form[hidden] {display:none}
#learningPanel .learning-card {background:#fff;border:1px solid #d3dfe3;border-radius:10px;padding:18px;margin:12px 0}
#learningPanel .learning-card p {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
#learningPanel .learning-actions {display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
#learningPanel .learning-actions button {min-height:38px}
#learningPanel .learning-status {min-height:24px;color:#315c66}
#learningPanel .learning-check {flex-direction:row;align-items:center}
#learningPanel .learning-columns {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
@media(max-width:650px){#learningPanel .learning-columns {grid-template-columns:1fr}}