/* Scoped to the canonical course viewer; Egypt and Gulf set their own palette. */
.learning-cards-page{--lc-accent:#6941c6;--lc-soft:#f4f0ff;--lc-ink:#17243c;--lc-line:#e0e5ee}
.learning-cards-page[data-edition="gf"]{--lc-accent:#087e75;--lc-soft:#e9f7f3;--lc-ink:#102b3c;--lc-line:#dce9e7}
.learning-cards-page .course-lessons-area{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;min-width:0}
.learning-cards-page .unit{margin:0!important;min-width:0;border:1px solid var(--lc-line)!important;border-radius:22px!important;box-shadow:0 8px 26px #14273b09!important;overflow:hidden;background:#fff!important}
.learning-cards-page .unit.cards-unit-open{grid-column:1/-1}
.learning-cards-page .unit-head{background:linear-gradient(135deg,var(--lc-soft),#fff)!important;padding:0!important;border-top:5px solid var(--lc-accent)}
.learning-cards-page .unit-toggle-row{min-height:132px;padding:22px!important;align-items:flex-start!important}
.learning-cards-page .unit-head-text{gap:9px!important;min-width:0;flex:1}
.learning-cards-page .unit-head-text strong{font-size:20px!important;color:var(--lc-ink)!important;overflow-wrap:anywhere}
.learning-cards-page .learning-card-kicker{font-size:11px!important;font-weight:800!important;color:var(--lc-accent)!important;letter-spacing:.1px}
.learning-cards-page .unit-toggle-icon{background:var(--lc-accent)!important;color:#fff!important;flex:none}
.learning-cards-page .unit-card-footer{padding:0 22px 20px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.learning-cards-page .unit-card-footer form{margin:0}
.learning-cards-page .learning-card-price{display:flex;flex-direction:column;gap:4px;align-items:flex-start;line-height:1.5}
.learning-cards-page .learning-price-label{font-size:11px!important;color:#64748b!important;font-weight:700!important}
.learning-cards-page .learning-card-price strong{font-size:23px!important;font-weight:900!important;color:var(--lc-accent)!important;line-height:1.3}
.learning-cards-page .learning-card-price strong span{font-size:12px!important;color:inherit!important}
.learning-cards-page .learning-card-price del{font-size:11px;color:#64748b}
.learning-cards-page .learning-card-price.is-free strong{color:#087e52!important}
.learning-cards-page .learning-price-note{font-size:17px!important}
.learning-cards-page .learning-state{display:inline-flex;align-items:center;gap:5px;border-radius:100px;background:var(--lc-soft);color:var(--lc-accent)!important;padding:6px 10px;font-size:11px!important;font-weight:800;max-width:100%}
.learning-cards-page .unit-content:not(.is-collapsed){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px!important;background:#f7f9fc!important;border-top:1px solid var(--lc-line)}
.learning-cards-page .unit-content.is-collapsed{display:none!important}
.learning-cards-page .chapter-block{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0!important;border:0!important;background:transparent!important;margin:0!important;min-width:0}
.learning-cards-page .chapter-title-row,.learning-cards-page .chapter-empty{grid-column:1/-1}
.learning-cards-page .chapter-title-row{border:0!important;background:transparent!important;padding:8px 0!important;color:var(--lc-ink)!important}
.learning-cards-page .lesson{padding:20px!important;margin:0!important;background:#fff!important;border:1px solid var(--lc-line)!important;border-radius:18px!important;min-width:0;box-shadow:0 4px 16px #14273b05;overflow:hidden}
.learning-cards-page .lesson.cards-lesson-open{grid-column:1/-1;border-color:var(--lc-accent)!important}
.learning-cards-page .lesson-title-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important}
.learning-cards-page .lesson-main{align-items:flex-start!important;min-width:0}
.learning-cards-page .lesson-title{min-width:0;flex:1}
.learning-cards-page .lesson-title strong{font-size:17px!important;line-height:1.6;overflow-wrap:anywhere}
.learning-cards-page .lesson-icon{width:48px!important;height:48px!important;border-radius:14px!important;background:var(--lc-soft)!important;color:var(--lc-accent)!important;font-size:16px!important}
.learning-cards-page .lesson-tools{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
.learning-cards-page .lesson-tools>.learning-card-price{width:100%;border-top:1px solid #eef1f6;padding-top:13px;margin-bottom:3px}
.learning-cards-page .lesson-tools form{display:inline-flex;margin:0}
.learning-cards-page .btn.primary,.learning-cards-page .lesson-card-toggle{background:var(--lc-accent)!important;color:#fff!important;border-color:var(--lc-accent)!important}
.learning-cards-page .lesson-card-toggle{cursor:pointer;border:0;border-radius:12px;padding:10px 15px;font:800 12px Cairo,Tahoma,sans-serif;min-height:42px}
.learning-cards-page .lesson-card-body{margin-top:20px;border-top:1px solid var(--lc-line);padding-top:16px;min-width:0}
.learning-cards-page .lesson-card-body[hidden],.learning-cards-page .lesson-card-toggle[hidden]{display:none!important}
.learning-cards-page .lesson-nav{flex-wrap:wrap;gap:8px}
.learning-cards-page .lesson-card-body iframe,.learning-cards-page .lesson-card-body video{max-width:100%}
@media(min-width:1500px){.learning-cards-page .course-lessons-area{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.learning-cards-page .course-lessons-area{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.learning-cards-page .course-lessons-area,.learning-cards-page .unit-content:not(.is-collapsed),.learning-cards-page .chapter-block{grid-template-columns:minmax(0,1fr)!important}.learning-cards-page .unit-content:not(.is-collapsed){padding:14px!important}.learning-cards-page .lesson{padding:16px!important}.learning-cards-page .unit-toggle-row{min-height:112px}.learning-cards-page .unit-card-footer{padding-right:20px;padding-left:20px}.learning-cards-page .lesson-tools .btn,.learning-cards-page .lesson-card-toggle{min-height:44px}}