.learning-summary{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:18px 0;padding:24px 28px;border:1px solid var(--border,#e4e8f2);border-radius:20px;background:linear-gradient(130deg,rgba(47,111,237,.07),rgba(111,66,193,.05) 60%,transparent)}
.learning-summary strong{display:block;margin:8px 0 4px;font-size:30px;line-height:1.15;font-variant-numeric:tabular-nums}
.learning-summary strong small{font-size:13px;font-weight:500;color:var(--muted,#667085)}
.learning-summary p{margin:0;color:var(--muted,#667085);font-size:13px}
.learning-summary-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#2f6fed,#6f42c1);color:#fff;box-shadow:0 12px 25px rgba(82,78,186,.17)}
.learning-summary-mark .icon{width:27px;height:27px}
.learning-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}
.learning-card{padding:20px;min-width:0}
.learning-card-head,.learning-card-actions,.learning-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.learning-kind{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted,#667085)}
.learning-kind .icon{width:16px;height:16px;color:#6650c3}
.learning-card h3{font-size:17px;line-height:1.4;margin:16px 0 8px}
.learning-card p{font-size:13px;line-height:1.6;color:var(--muted,#667085);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:62px}
.learning-card-meta{display:flex;gap:6px 15px;flex-wrap:wrap;margin:17px 0;border-top:1px solid var(--border,#e4e8f2);padding-top:14px;color:var(--muted,#667085);font-size:11px}
.learning-card-actions{justify-content:flex-start}
:root[data-theme=dark] .learning-card-actions .button{background:#252b38;color:#edf0f8;border-color:#394253}
:root[data-theme=dark] .learning-card-actions .button:hover{background:#303848}
.learning-unit,.learning-run{padding:13px 15px;margin:10px 0;border:1px solid var(--border,#e4e8f2);border-radius:12px;background:rgba(123,127,181,.035)}
.learning-unit>div,.learning-run>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.learning-unit strong,.learning-run strong{font-size:13px}
.learning-unit span,.learning-run small{font-size:11px;color:var(--muted,#667085)}
.learning-unit p,.learning-run p{font-size:12px;line-height:1.55;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.learning-unit p b{display:inline-block;min-width:66px;font-weight:500;color:var(--muted,#667085)}
.learning-media-review{margin-top:10px;padding:10px 12px;border:1px solid var(--border,#e4e8f2);border-radius:10px;background:rgba(79,99,222,.035)}
.learning-media-review summary{cursor:pointer;color:var(--primary,#445bd6);font-size:12px;font-weight:600}
.learning-media-review img,.learning-media-review video{display:block;max-width:100%;max-height:420px;margin:12px auto 2px;border-radius:8px;background:#101729}
.learning-detail-meta{justify-content:flex-start;color:var(--muted,#667085);font-size:12px;margin-bottom:12px}
@media(max-width:640px){.learning-summary{padding:19px}.learning-summary-mark{width:44px;height:44px}.learning-card{padding:17px}}