#learning-content { color: #fff; }
.learn-meta { color: #c8c2e9; font-size: 11px; line-height: 1.6; margin: 8px 0; }
.learn-breadcrumb { display: inline-block; color: #d9d1ff; font-size: 12px; margin: 0 0 18px; text-decoration: none; }
.learn-heading { font-size: 21px; line-height: 1.3; margin: 8px 0 12px; overflow-wrap: anywhere; }
.course-grid { display: grid; gap: 12px; margin: 16px 0 24px; }
.course-card { display: block; position: relative; padding: 20px; border: 1px solid #827ad04d; border-radius: 22px; background: #252150; text-decoration: none; color: #fff; }
.course-card:first-child { background: linear-gradient(125deg, #55419a, #30255f); border-color: #ab93e670; }
.course-card h2 { font-size: 21px; line-height: 1.3; margin: 12px 0; padding-right: 12px; }
.course-provider { color: #d2c8ef; font-size: 10px; letter-spacing: 1.1px; text-transform: uppercase; }
.learn-tag { display: inline-block; color: #e2d6ff; border-radius: 20px; background: #ffffff14; padding: 5px 9px; font-size: 10px; margin-bottom: 10px; }
.course-card progress { appearance: none; width: 100%; height: 5px; border: 0; border-radius: 10px; background: #ffffff1c; }
.course-card progress::-webkit-progress-bar { background: #ffffff1c; border-radius: 10px; }
.course-card progress::-webkit-progress-value { background: #c5b1ff; border-radius: 10px; }
.learn-section { margin: 15px 0; padding: 15px; background: #252150; border: 1px solid #7977d438; border-radius: 18px; }
.learn-section h3 { font-size: 15px; line-height: 1.4; margin: 0 0 10px; overflow-wrap: anywhere; }
.chapter-row { display: flex; align-items: center; gap: 6px; border-top: 1px solid #ffffff12; padding: 9px 0; }
.chapter-link { flex: 1; min-width: 0; color: white; text-decoration: none; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.chapter-link small { display: block; color: #b8b1d8; font-size: 10px; margin-top: 3px; }
.learn-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin: 12px 0; }
.learn-button { display: inline-flex; justify-content: center; align-items: center; min-height: 36px; background: #7977d429; color: #e2dbff; border: 1px solid #7977d459; padding: 8px 11px; border-radius: 10px; font: inherit; font-size: 11px; text-decoration: none; cursor: pointer; }
.learn-button:disabled { opacity: .35; cursor: default; }
.learn-order { display: flex; gap: 3px; }
.learn-order button { min-height: 32px; min-width: 27px; padding: 4px; }
.learn-form { display: grid; gap: 10px; margin-top: 12px; }
.learn-form label { display: grid; gap: 6px; font-size: 11px; color: #d8d1ef; }
.learn-form input, .learn-form select, .learn-form textarea { font: inherit; font-size: 13px; width: 100%; min-width: 0; border: 1px solid #7977d4; border-radius: 10px; padding: 11px; background: #211e43; color: #fff; }
.learn-form textarea { min-height: 180px; resize: vertical; line-height: 1.6; }
.learn-form .primary-button { min-height: 40px; }
.learn-disclosure { margin: 14px 0; }
.learn-disclosure summary { color: #d8caff; cursor: pointer; font-size: 12px; padding: 8px 0; }
.learn-feedback { font-size: 11px; color: #ffd19a; line-height: 1.5; }
.learn-player { width: 100%; border: 0; border-radius: 14px; background: #19172c; aspect-ratio: 16 / 10; }
.learn-player.pdf { aspect-ratio: 3 / 4; }
.learn-player.audio { aspect-ratio: 2 / 1; }
.attachment-row { border-top: 1px solid #ffffff16; padding-top: 10px; margin-top: 10px; }
.attachment-row strong { display: block; font-size: 13px; overflow-wrap: anywhere; }
.lesson-complete { display: flex; align-items: center; gap: 9px; font-size: 12px; margin: 14px 0; }
.lesson-complete input { width: 20px; height: 20px; accent-color: #b2b2eb; }