.catalog-intro-copy{min-width:0}
.catalog-dashboard{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.8fr);gap:18px;margin:-16px 0 52px;direction:rtl}
.featured-course{display:flex;align-items:center;gap:25px;min-width:0;min-height:190px;padding:25px 29px;border:1px solid color-mix(in srgb,var(--chapter-accent) 40%,#e5e5df);border-radius:25px;background:linear-gradient(120deg,color-mix(in srgb,var(--chapter-accent) 9%,#fff),#fff 65%);color:#10203b;text-decoration:none;box-shadow:0 7px 0 color-mix(in srgb,var(--chapter-accent) 18%,#e6e8e4);transition:transform .2s,box-shadow .2s}
.featured-course:hover{transform:translateY(-3px);box-shadow:0 10px 0 color-mix(in srgb,var(--chapter-accent) 18%,#e6e8e4)}
.featured-course-icon{position:relative;display:grid;width:120px;height:120px;flex:none;place-items:center}
.featured-course-icon b{z-index:1;display:grid;width:82px;height:82px;place-items:center;border:2px solid color-mix(in srgb,var(--chapter-accent) 60%,#fff);border-radius:24px;background:color-mix(in srgb,var(--chapter-accent) 14%,#fff);color:#10203b;font-size:2.5rem;box-shadow:0 6px 0 color-mix(in srgb,var(--chapter-accent) 22%,#dce6e3);transform:rotate(-5deg)}
.featured-course-icon i{position:absolute;width:120px;height:4px;border-radius:5px;background:color-mix(in srgb,var(--chapter-accent) 44%,#fff);transform:rotate(33deg)}
.featured-course-icon i:last-child{transform:rotate(-33deg)}
.featured-course-copy{display:grid;min-width:0;flex:1;gap:5px}.featured-course-copy small{color:var(--chapter-accent);font-size:.83rem;font-weight:900}.featured-course-copy strong{font-size:clamp(1.35rem,2vw,2rem)}.featured-course-copy>span:not(.featured-progress){color:#657587;font-size:.88rem}.featured-progress{display:block;width:min(290px,100%);height:8px;margin-top:11px;overflow:hidden;border-radius:9px;background:#e6eae8}.featured-progress i{display:block;height:100%;border-radius:inherit;background:var(--chapter-accent)}.featured-course-action{align-self:end;padding:11px 16px;border-radius:11px;background:var(--chapter-accent);color:#fff;font-weight:850;white-space:nowrap}
.catalog-achievements{display:grid;gap:12px}.catalog-achievements>div{position:relative;min-height:89px;padding:14px 70px 13px 16px;border:1px solid #e7e8e4;border-radius:18px;background:#fff;box-shadow:0 4px 0 #e8ebe9}.catalog-achievements .achievement-icon{position:absolute;right:14px;top:16px;display:grid;width:43px;height:43px;place-items:center;border-radius:13px;background:#fff3e9;font-size:1.35rem}.catalog-achievements strong{display:block;color:#142849;font-size:.97rem}.catalog-achievements p{margin:5px 0 0;color:#718090;font-size:.71rem;line-height:1.6}.catalog-league .achievement-icon{background:#eef0ff;color:#6558d8;font-size:2rem}.catalog-league small{margin-right:6px;padding:2px 7px;border-radius:7px;background:#f0f2f5;color:#7b8493;font-size:.68rem}
@media(max-width:900px){.catalog-dashboard{grid-template-columns:1fr}.catalog-achievements{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.catalog-dashboard{margin:0 16px 40px;gap:14px}.featured-course{min-height:150px;gap:9px;padding:14px;border-radius:18px}.featured-course-icon{width:78px;height:90px}.featured-course-icon b{width:61px;height:61px;border-radius:18px;font-size:1.9rem}.featured-course-icon i{width:85px;height:3px}.featured-course-copy strong{font-size:1.15rem}.featured-course-copy>span:not(.featured-progress){font-size:.68rem}.featured-course-action{align-self:auto;padding:7px 9px;font-size:.67rem}.catalog-achievements{gap:8px}.catalog-achievements>div{min-height:100px;padding:12px 10px 10px;border-radius:14px}.catalog-achievements .achievement-icon{position:static;width:29px;height:29px;margin-bottom:4px;font-size:1rem}.catalog-achievements strong{font-size:.72rem}.catalog-achievements p{font-size:.63rem}}
@media(prefers-reduced-motion:reduce){.featured-course{transition:none}}
@media(max-width:760px){.catalog-intro{grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start}}

/* Coming-soon chapters stay neutral rather than advertising a live course theme. */
.course-catalog .chapter-card-coming{--chapter-accent:#8d979c;filter:grayscale(1);color:#7b858a;border-color:#e0e4e5;box-shadow:0 5px 0 #e5e7e4}
.course-catalog .chapter-card-coming:is(:hover,:focus-visible,.is-active){--chapter-accent:#8d979c;filter:grayscale(1);transform:none;border-color:#e0e4e5;box-shadow:0 5px 0 #e5e7e4}
