.learning-intro{margin-bottom:20px;background:#f5f8ff}
.learning-intro h2{font-size:1.2rem;margin:0 0 8px}
.learning-intro p{margin:0;color:#526887;line-height:1.55}
.learning-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;align-items:start}
.learning-course{padding:24px}
.learning-course-head{display:flex;justify-content:space-between;gap:16px;align-items:start}
.learning-course-head h2{font-size:1.25rem;line-height:1.3;margin:9px 0}
.learning-course-head p,.learning-lesson p{color:#526887;line-height:1.5;margin:0}
.learning-badge{flex:none;border-radius:99px;padding:5px 10px;background:#edf1f7;color:#526887;font-size:.76rem;font-weight:700}
.learning-badge.is-visible{background:#e6f7f0;color:#18704d}
.learning-levels,.learning-progress{font-size:.86rem;margin:16px 0;color:#526887}
.learning-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:18px}
.learning-actions .btn{white-space:normal;text-align:center}
.learning-lessons{list-style:none;padding:0;margin:20px 0 0;border-top:1px solid #dce5f5}
.learning-lesson{padding:16px 0;border-bottom:1px solid #dce5f5}
.learning-lesson-main{display:flex;align-items:start;gap:12px}
.learning-lesson-count{background:#eaf0ff;color:#075aff;display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:10px;font-weight:800}
.learning-lesson h3{font-size:1rem;margin:4px 0 5px}
.learning-lesson .learning-actions{padding-left:43px;margin-top:10px}
.learning-locked{font-size:.85rem;color:#60708b}
.learning-complete{display:inline-block;margin-top:8px;color:#18704d;font-weight:700}
.learning-empty{color:#526887;line-height:1.6}
.learning-editor .field,.learning-lesson-editor .field{margin:15px 0}
.learning-editor input,.learning-editor textarea,.learning-lesson-editor input,.learning-lesson-editor textarea,.learning-lesson-editor select{width:100%}
.learning-editor textarea,.learning-lesson-editor textarea{min-height:76px}
.learning-audience{border:1px solid #dce5f5;border-radius:11px;margin:18px 0;padding:13px 15px}
.learning-audience legend{font-weight:700;padding:0 5px}
.learning-audience>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.learning-audience label{display:flex;align-items:center;gap:7px;font-size:.88rem}
.learning-audience input{width:auto}
.learning-lesson-editor{background:#f6f9ff;border:1px solid #dce5f5;border-radius:12px;padding:16px;margin-top:16px}
.learning-lesson-editor h3{margin:0 0 12px;font-size:1rem}
.learning-course button:focus-visible,.learning-course a:focus-visible,.learning-editor button:focus-visible,.learning-lesson-editor button:focus-visible{outline:3px solid #075aff;outline-offset:2px}
@media(max-width:850px){.learning-catalog{grid-template-columns:1fr}}
@media(max-width:520px){.learning-course-head{flex-direction:column}.learning-lesson .learning-actions{padding-left:0}.learning-audience>div{grid-template-columns:1fr}}

.learning-course.is-expanded{grid-column:1/-1}.learning-viewer{margin:20px 0 14px;overflow:hidden;border:1px solid #bdd3e3;border-radius:12px;background:#081e33}.learning-viewer.is-video{aspect-ratio:16/9;max-width:1100px}.learning-viewer.is-document{height:clamp(360px,72vh,850px);background:#eef3f7}.learning-viewer iframe,.learning-viewer video{display:block;width:100%;height:100%;border:0}.learning-viewer video{object-fit:contain}.learning-media-note{margin:16px 0!important;font-size:.875rem}.learning-lesson>.learning-actions{padding-left:0}.learning-lesson-main>div{min-width:0;overflow-wrap:anywhere}.learning-course .learning-lesson{padding:24px 0}.learning-lesson h3{font-size:1.125rem}.learning-viewer:focus-within{outline:3px solid #0b5fb5;outline-offset:2px}
@media(max-width:520px){.learning-course{padding:18px}.learning-viewer{border-radius:9px;margin-top:14px}.learning-viewer.is-document{height:65vh;min-height:340px}.learning-lesson .learning-actions .btn{flex:1 1 150px}}