.learning-panel{background:var(--panel,#fff);color:var(--ink,#172d4f);border:1px solid var(--line,#e0e6f0);border-radius:22px;padding:26px;margin:24px 0}.learning-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.learning-heading h2{margin:6px 0}.learning-heading>label{max-width:100%;font-size:14px}.learning-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.learning-columns h3{font-size:18px;margin:0 0 16px}.learning-task{border:1px solid var(--line,#dce3ef);border-radius:16px;padding:18px;margin-bottom:14px;overflow-wrap:anywhere}.learning-task-head{display:flex;gap:12px;align-items:start;justify-content:space-between}.learning-task p{white-space:pre-wrap;line-height:1.75;margin:10px 0}.learning-status{font-size:12px;background:#e8edf7;color:#294b7d;border-radius:8px;padding:5px 8px;white-space:nowrap}.status-completed{background:#e1f4eb;color:#166447}.status-needs_revision{background:#fff1de;color:#875317}.learning-evidence{margin:15px 0;padding:12px;background:var(--surface,#f4f7fb);border-radius:12px}.learning-file{display:block;padding:10px 0;color:var(--primary,#395fcc);overflow-wrap:anywhere;min-height:44px}.learning-source,.learning-task small{color:var(--muted,#526781);font-size:13px}.learning-empty{color:var(--muted,#526781);padding:18px 0;line-height:1.7}.learning-editor{border-top:1px solid var(--line,#dce3ef);padding:14px 0;margin-bottom:20px}.learning-editor summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}.learning-form{display:grid;gap:14px;margin-top:18px}.learning-form label{display:grid;gap:7px;font-size:14px}.learning-form input,.learning-form textarea,.learning-form select,.learning-heading select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line,#cad5e6);background:var(--panel,#fff);color:inherit;font:inherit;min-height:44px}.learning-form textarea{resize:vertical}.learning-form [data-learning-error]{color:#b32932;margin:0;white-space:pre-wrap}.learning-form button{min-height:44px;justify-self:start}.learning-panel :focus-visible{outline:3px solid #7599ef;outline-offset:3px}@media(max-width:760px){.learning-panel{padding:18px}.learning-columns{grid-template-columns:1fr}.learning-heading{align-items:stretch;flex-direction:column}.learning-task-head{flex-wrap:wrap}.learning-heading select{max-width:100%}}