.courses-page{gap:20px;display:grid}.courses-hero,.course-hero{background:linear-gradient(135deg, var(--panel) 55%, var(--primary-subtle));gap:10px;display:grid}.courses-hero h1,.course-hero h1,.course-lesson-header h1{font-size:clamp(24px,3vw,36px);line-height:1.2}.courses-hero>p:not(.eyebrow),.course-hero-copy>p:not(.eyebrow,.courses-card-meta){max-width:760px;color:var(--text-secondary);margin:0;line-height:1.6}.courses-continue{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:16px 20px;display:flex}.courses-continue p{margin:4px 0 0;font-weight:600}.courses-section-title{margin-bottom:12px;font-size:20px}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.courses-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);height:100%;color:inherit;flex-direction:column;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.courses-card:hover,.courses-card:focus-visible{border-color:var(--primary-border);box-shadow:var(--shadow-md)}.courses-card-art{aspect-ratio:16/9;background:var(--primary-subtle);place-items:center;display:grid}.courses-card-art-builtin{background:var(--accent-gold-subtle)}.courses-card-art img{object-fit:cover;width:100%;height:100%}.courses-card-icon{border:1px solid var(--primary-border);border-radius:var(--radius-lg);background:var(--panel);width:64px;height:64px;color:var(--primary);place-items:center;display:grid}.courses-card-art-builtin .courses-card-icon{border-color:var(--accent-gold-border)}.courses-card-body{align-content:start;gap:6px;padding:16px;display:grid}.courses-card-title{font-size:17px;font-weight:700;line-height:1.3}.courses-card-summary{color:var(--text-secondary);line-height:1.5}.courses-card-meta{color:var(--text-muted);margin:0;font-size:13px}.courses-card-progress,.course-progress-copy{justify-items:start;gap:8px;display:grid}.courses-card-progress progress,.course-progress-copy progress{width:100%;height:6px;accent-color:var(--primary)}.courses-empty{text-align:center;justify-items:center;gap:10px;padding-block:40px;display:grid}.courses-empty h1,.courses-empty h2{font-size:20px}.courses-empty p{max-width:420px;color:var(--text-secondary);margin:0}.course-hero.has-cover{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:start;gap:24px}.course-hero-copy{gap:10px;display:grid}.course-hero-cover{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);width:100%;height:auto}.course-source{font-size:14px}.course-progress{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:6px;padding:14px;display:flex}.course-progress-copy{min-width:min(260px,100%);font-weight:600}.course-progress-copy p{margin:0}.course-lessons{gap:14px;display:grid}.course-lessons h2,.course-lesson-notes>h2{font-size:20px}.course-lesson-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.course-lesson-card{border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;align-items:flex-start;gap:14px;padding:14px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.course-lesson-card:hover,.course-lesson-card:focus-visible{border-color:var(--primary-border);box-shadow:var(--shadow-md)}.course-lesson-number,.course-outline-number{border-radius:var(--radius-full);background:var(--primary-subtle);width:32px;height:32px;color:var(--primary-text);flex:none;place-items:center;font-weight:700;display:grid}.course-lesson-copy{flex:1;gap:4px;display:grid}.course-lesson-title{font-weight:700}.course-lesson-summary{color:var(--text-secondary)}.course-lesson-status{flex:none}.course-lesson-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.course-lesson-main{gap:16px;min-width:0;display:grid}.course-lesson-header{gap:6px;display:grid}.course-lesson-notes{gap:14px;display:grid}.course-notes{gap:14px;line-height:1.7;display:grid}.course-notes>*{margin:0}.course-notes-heading{font-size:17px}.course-notes-list{padding-inline-start:22px}.course-notes-ar{font-family:Scheherazade New,Traditional Arabic,serif;font-size:1.25em;line-height:1.9}.has-arabic-font .course-notes-ar{font-family:var(--font-arabic)}@media (min-width:900px){.course-notes-ar{font-family:var(--font-arabic)}}.course-notes-quote{border-inline-start:4px solid var(--primary-border);border-radius:var(--radius-md);background:var(--bg-subtle);padding:14px 16px}.course-notes-quote blockquote{margin:0}.course-notes-quote figcaption{color:var(--text-muted);margin-top:6px;font-size:13px}.course-notes-note{border:1px solid var(--warning-border);border-radius:var(--radius-md);background:var(--warning-subtle);border-inline-start-width:4px;padding:12px 14px}.course-notes-note-label{color:var(--text-primary)}.course-lesson-sources{border-top:1px solid var(--border);color:var(--text-secondary);padding-top:14px;font-size:13px}.course-lesson-sources h3{letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:12px}.course-lesson-sources ol{margin:0;padding-inline-start:20px}.course-lesson-bar{align-items:center;gap:10px;display:flex}.course-lesson-bar-main{flex:1;justify-content:center;display:flex}.course-lesson-bar-done{color:var(--primary-text);margin:0}.course-lesson-bar-saved{color:var(--text-muted);font-size:13px}.course-lesson-bar-side{min-width:0}.course-lesson-bar-title{text-overflow:ellipsis;overflow:hidden}.course-lesson-bar-short{display:none}[dir=rtl] .course-lesson-bar-arrow{transform:scaleX(-1)}.course-outline{gap:12px;padding:18px;display:grid;position:sticky;top:16px}.course-outline h2{font-size:16px}.course-outline ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.course-outline a{border-radius:var(--radius-md);color:inherit;align-items:center;gap:10px;padding:8px;font-size:14px;text-decoration:none;display:flex}.course-outline a:hover{background:var(--bg-subtle)}.course-outline a[aria-current=page]{background:var(--primary-subtle);color:var(--primary-text);font-weight:700}.course-outline-number{width:24px;height:24px;font-size:12px}.course-outline-title{flex:1}@media (max-width:900px){.course-hero.has-cover,.course-lesson-layout{grid-template-columns:minmax(0,1fr)}.course-hero-cover{grid-row:1}.course-outline{position:static}}@media (max-width:768px){.course-lesson-bar{bottom:var(--mobile-nav-space,72px);z-index:2;border-top:1px solid var(--border);background:var(--bg);margin-inline:-4px;padding:10px 4px;position:sticky}.course-lesson-bar .btn{min-height:48px}.course-lesson-bar-main .btn{width:100%}.course-lesson-bar-side .course-lesson-bar-title,.course-lesson-bar-saved{display:none}.course-lesson-bar-next .course-lesson-bar-short{display:inline}}@media (prefers-reduced-motion:reduce){.courses-card,.course-lesson-card{transition:none}}