.agent-learning {margin:32px 0;padding:28px;border:1px solid var(--line,#ddd);border-radius:20px;}
.agent-learning h2 {margin:0 0 12px;font-size:24px;}
.agent-learning p {line-height:1.7;}
.learning-controls {display:flex;gap:16px;flex-wrap:wrap;margin:18px 0;}
.learning-controls label {display:grid;gap:8px;}
.learning-controls select {min-width:200px;max-width:100%;padding:10px;border-radius:10px;background:var(--surface,#fff);color:inherit;border:1px solid var(--line,#ddd);}
.learning-cases {display:flex;gap:16px;flex-wrap:wrap;margin:12px 0;}
.learning-cases label {display:flex;align-items:center;gap:8px;}
.learning-cards {display:grid;gap:16px;margin-top:20px;}
.learning-card {padding:22px;border:1px solid var(--line,#ddd);border-radius:14px;}
.learning-card li {margin:10px 0;line-height:1.6;}
.learning-card > div {display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;}
@media(max-width:600px){.agent-learning{padding:18px}.learning-controls{display:grid}.learning-controls select{width:100%}}

.agent-learning button {min-height:44px;white-space:normal;text-align:center;}
.agent-learning [hidden] {display:none!important;}
.learning-case {min-width:0;flex:1 1 100%;padding:12px 0;border-bottom:1px solid var(--line,#ddd);}
.learning-case details {margin-top:10px;}
.learning-case pre {white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;padding:12px;background:var(--surface-2,#eee);border-radius:10px;}
.learning-case strong {overflow-wrap:anywhere;}
.learning-report-scroll {max-width:100%;overflow:auto;}
.learning-reports table {width:100%;border-collapse:collapse;margin:12px 0;}
.learning-reports th,.learning-reports td {padding:10px;border:1px solid var(--line,#ddd);text-align:left;vertical-align:top;overflow-wrap:anywhere;}