.ep-showcase{--ep-blue:#2563eb;--ep-purple:#7c3aed;--ep-green:#16a34a;--ep-amber:#d97706;--ep-red:#dc2626;--ep-ink:#0f172a;--ep-muted:#64748b;--ep-border:#dbeafe;--ep-surface:#fff;--ep-soft:#f8fbff;width:100%;max-width:100%;overflow-x:clip;color:var(--ep-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ep-showcase *{box-sizing:border-box;min-width:0}.ep-showcase a{text-decoration:none}.ep-showcase-hero,.ep-showcase-section{width:min(1240px,calc(100% - 28px));margin-inline:auto}.ep-showcase-hero{position:relative;isolation:isolate;overflow:hidden;padding:58px 38px;border:1px solid #dbeafe;border-radius:30px;background:linear-gradient(135deg,#eff6ff,#faf5ff);margin-top:24px}.ep-showcase-hero:after{content:"";position:absolute;z-index:-1;width:330px;height:330px;border-radius:50%;right:-90px;top:-140px;background:radial-gradient(circle,rgba(124,58,237,.22),rgba(37,99,235,0))}.ep-showcase-hero-copy{max-width:920px}.ep-showcase-hero span{font-weight:900;color:#1d4ed8}.ep-showcase-hero h1{font-size:clamp(32px,5vw,60px);line-height:1.06;margin:10px 0 16px;overflow-wrap:anywhere}.ep-showcase-hero p{font-size:18px;color:var(--ep-muted);max-width:800px;line-height:1.7}.ep-showcase-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.ep-showcase-actions a,.ep-showcase-card-cta,.ep-showcase-filters button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;background:linear-gradient(135deg,var(--ep-blue),var(--ep-purple));color:#fff;font-weight:800;border:0;cursor:pointer}.ep-showcase-actions .is-secondary{background:#fff;color:var(--ep-blue);border:1px solid var(--ep-border)}.ep-showcase-section{padding:42px 0;scroll-margin-top:90px}.ep-showcase-section>header{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.ep-showcase-section h2{font-size:clamp(25px,3vw,38px);line-height:1.2;margin:0}.ep-showcase-section header p{margin:7px 0 0;color:var(--ep-muted)}
.ep-showcase-filter>.ai-study-smart-course-filter,.ep-showcase-filter>.ep-smart-course-filter{margin-inline:auto}.ep-showcase-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-top:18px;padding:18px;border:1px solid var(--ep-border);border-radius:22px;background:var(--ep-surface);box-shadow:0 12px 30px rgba(15,23,42,.04)}.ep-showcase-filters label{display:grid;gap:6px;font-size:12px;font-weight:800}.ep-showcase-filters input,.ep-showcase-filters select{width:100%;max-width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:12px;padding:0 12px;background:#fff;color:#0f172a}.ep-showcase-filters button{align-self:end;border-radius:12px}.ep-showcase-reset{align-self:end;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ep-border);border-radius:12px;color:var(--ep-blue);font-weight:800;background:var(--ep-soft)}
.ep-showcase-class-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.ep-showcase-class-grid a,.ep-showcase-chip-grid a,.ep-showcase-resource-grid a,.ep-showcase-resource-grid .is-unavailable{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--ep-border);border-radius:16px;background:var(--ep-surface);color:var(--ep-ink);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ep-showcase-class-grid a:hover,.ep-showcase-chip-grid a:hover,.ep-showcase-resource-grid a:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,23,42,.08);border-color:#93c5fd}.ep-showcase-class-grid span,.ep-showcase-resource-grid span{font-size:12px;color:var(--ep-muted)}.ep-showcase-chip-grid{display:flex;flex-wrap:wrap;gap:10px}.ep-showcase-chip-grid a{flex-direction:row;align-items:center}.ep-showcase-chip-grid small{background:#eff6ff;color:#1d4ed8;padding:3px 7px;border-radius:999px}.ep-showcase-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ep-showcase-resource-grid .is-unavailable{opacity:.68;border-style:dashed}.ep-showcase-resource-grid .is-unavailable span{font-size:12px;color:var(--ep-muted)}
.ep-showcase-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ep-showcase-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ep-border);border-radius:24px;background:var(--ep-surface);box-shadow:0 14px 34px rgba(15,23,42,.06)}.ep-showcase-card--flat{box-shadow:none;border-radius:16px}.ep-showcase-card-image{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:linear-gradient(135deg,#dbeafe,#ede9fe)}.ep-showcase-card-image img{display:block;width:100%;height:100%;object-fit:cover}.ep-showcase-card-image--empty span{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.78);color:#1d4ed8;font-size:26px;font-weight:900;box-shadow:0 10px 22px rgba(37,99,235,.14)}.ep-showcase-card-body{display:flex;flex:1;flex-direction:column;padding:20px}.ep-showcase-card-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ep-showcase-card-tags span,.ep-showcase-card-tags b{font-size:11px;padding:4px 8px;border-radius:999px;background:#eff6ff;color:#1e3a8a}.ep-showcase-card-tags .is-premium{background:#fef3c7;color:#92400e}.ep-showcase-card-tags .is-free{background:#dcfce7;color:#166534}.ep-showcase-card-tags .is-locked{background:#fee2e2;color:#991b1b}.ep-showcase-card h3{font-size:21px;line-height:1.3;margin:12px 0 8px}.ep-showcase-card h3 a{color:var(--ep-ink);overflow-wrap:anywhere}.ep-showcase-card p{color:var(--ep-muted);line-height:1.6;margin:0}.ep-showcase-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:12px;color:#475569;margin:14px 0}.ep-showcase-card-stats span{overflow-wrap:anywhere}.ep-showcase-progress{height:7px;background:#e2e8f0;border-radius:999px;overflow:hidden}.ep-showcase-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--ep-blue),var(--ep-green))}.ep-showcase-card-body>small{display:block;margin-top:7px;color:var(--ep-muted)}.ep-showcase-card-cta{margin-top:auto;padding-top:0;min-height:42px;width:100%}.ep-showcase-card p+.ep-showcase-card-stats{margin-top:auto;padding-top:14px}
.ep-showcase-steps,.ep-showcase-teachers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ep-showcase-steps div,.ep-showcase-teachers a{padding:22px;border:1px solid var(--ep-border);border-radius:20px;background:var(--ep-surface);color:var(--ep-ink)}.ep-showcase-steps b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#2563eb;color:#fff;margin-bottom:10px}.ep-showcase-teachers{grid-template-columns:repeat(3,minmax(0,1fr))}.ep-showcase-teachers a{display:grid;gap:5px}.ep-showcase-teachers span{color:var(--ep-muted)}.ep-showcase-faq details{border:1px solid var(--ep-border);border-radius:16px;padding:16px 18px;background:var(--ep-surface);margin:10px 0}.ep-showcase-faq summary{font-weight:800;cursor:pointer}.ep-showcase-faq p{color:var(--ep-muted);line-height:1.7}.ep-showcase-empty{grid-column:1/-1;padding:34px;text-align:center;border:1px dashed #93c5fd;border-radius:22px;background:var(--ep-soft)}.ep-showcase-empty p{max-width:680px;margin:10px auto 18px}.ep-showcase-empty-links{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-bottom:18px}.ep-showcase-empty-links a{display:inline-flex;gap:7px;align-items:center;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--ep-border);color:#1d4ed8;font-weight:700}.ep-showcase-empty-links small{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#eff6ff;color:#1e3a8a}.ep-showcase-empty-all{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;background:#2563eb;color:#fff;font-weight:800}.ep-showcase-pagination ul{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:28px 0 0}.ep-showcase-pagination a,.ep-showcase-pagination span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--ep-border);background:var(--ep-surface);color:var(--ep-ink)}.ep-showcase-pagination .current{background:#2563eb;color:#fff;border-color:#2563eb}
html[data-theme=dark] .ep-showcase,body[data-ai-study-theme=dark] .ep-showcase,.ep-showcase--dark{--ep-ink:#f8fafc;--ep-muted:#94a3b8;--ep-border:#334155;--ep-surface:#111c2e;--ep-soft:#0f172a;background:#0b1220}.ep-showcase--dark .ep-showcase-hero,html[data-theme=dark] .ep-showcase .ep-showcase-hero,body[data-ai-study-theme=dark] .ep-showcase .ep-showcase-hero{background:linear-gradient(135deg,#111c2e,#22163b);border-color:#334155}.ep-showcase--dark .ep-showcase-filters input,.ep-showcase--dark .ep-showcase-filters select,html[data-theme=dark] .ep-showcase .ep-showcase-filters input,html[data-theme=dark] .ep-showcase .ep-showcase-filters select,body[data-ai-study-theme=dark] .ep-showcase .ep-showcase-filters input,body[data-ai-study-theme=dark] .ep-showcase .ep-showcase-filters select{background:#0f172a;color:#f8fafc;border-color:#475569}.ep-showcase--dark .ep-showcase-card-stats,html[data-theme=dark] .ep-showcase .ep-showcase-card-stats,body[data-ai-study-theme=dark] .ep-showcase .ep-showcase-card-stats{color:#cbd5e1}.ep-showcase--dark .ep-showcase-empty-links a,html[data-theme=dark] .ep-showcase .ep-showcase-empty-links a,body[data-ai-study-theme=dark] .ep-showcase .ep-showcase-empty-links a{background:#111c2e;color:#bfdbfe}
@media(max-width:1100px){.ep-showcase-class-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ep-showcase-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-showcase-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ep-showcase-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-showcase-resource-grid,.ep-showcase-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-showcase-teachers{grid-template-columns:1fr}}
@media(max-width:640px){.ep-showcase-hero,.ep-showcase-section{width:calc(100% - 16px)}.ep-showcase-hero{padding:28px 18px;border-radius:20px}.ep-showcase-hero p{font-size:16px}.ep-showcase-section{padding:28px 0}.ep-showcase-filters,.ep-showcase-course-grid,.ep-showcase-resource-grid,.ep-showcase-steps{grid-template-columns:1fr}.ep-showcase-filter-search{grid-column:auto}.ep-showcase-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-showcase-card{border-radius:18px}.ep-showcase-section>header{align-items:flex-start}.ep-showcase-actions a{flex:1 1 100%}.ep-showcase-pagination a,.ep-showcase-pagination span{min-width:36px;height:36px;font-size:13px}}
@media print{.ep-showcase-filters,.ep-showcase-actions,.ep-showcase-pagination,.ep-showcase-filter{display:none!important}.ep-showcase-course-grid{grid-template-columns:repeat(2,1fr)}.ep-showcase-card{break-inside:avoid;box-shadow:none}}

/* Course monetization badges v67.10.0 */
.ep-showcase-card-tags b.is-free{background:#dcfce7;color:#166534}.ep-showcase-card-tags b.is-free-preview{background:#e0f2fe;color:#075985}.ep-showcase-card-tags b.is-included{background:#ede9fe;color:#5b21b6}.ep-showcase-card-tags b.is-credits{background:#fef3c7;color:#92400e}.ep-showcase-card-tags b.is-assigned,.ep-showcase-card-tags b.is-premium,.ep-showcase-card-tags b.is-locked{background:#fee2e2;color:#991b1b}


/* Stable release accessibility hardening. */
:where(.ai-study-app,.ep-course-experience,.ep-course-showcase,.ep-home-course-showcase,.ep-smart-filter,.ep-quiz-player,.ep-course-module-bridge) :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #2563eb;outline-offset:3px;box-shadow:0 0 0 2px #fff}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto!important}:where(.ai-study-app,.ep-course-experience,.ep-course-showcase,.ep-home-course-showcase,.ep-smart-filter,.ep-quiz-player,.ep-course-module-bridge),:where(.ai-study-app,.ep-course-experience,.ep-course-showcase,.ep-home-course-showcase,.ep-smart-filter,.ep-quiz-player,.ep-course-module-bridge) *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
