.courseListing{--course-grid-gap:1.5rem;--course-card-radius:.75rem;--course-card-border:1px solid #f3f4f6;--course-card-bg:#fff;--course-card-shadow:0 1px 2px #0000000d;--course-card-shadow-hover:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;--course-card-transition:box-shadow .2s ease,transform .2s ease;--course-thumb-height:11rem;--course-thumb-bg:#e5e7eb;--course-thumb-placeholder-bg:#f3f4f6;--course-title-color:#111827;--course-title-size:.875rem;--course-instructor-color:var(--brand-orange,#f97316);--course-desc-color:#6b7280;--course-desc-size:.75rem;--course-price-color:#111827;--course-fade-duration:.5s;--course-fade-ease:cubic-bezier(.22,1,.36,1);--course-fade-stagger:55ms;--course-fade-shift:10px}.courseListing__grid{gap:var(--course-grid-gap);grid-template-columns:1fr;width:100%;display:grid}@media (min-width:640px){.courseListing__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.courseListing__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.courseCard{background:var(--course-card-bg);border-radius:var(--course-card-radius);border:var(--course-card-border);box-shadow:var(--course-card-shadow);cursor:pointer;transition:var(--course-card-transition);flex-direction:column;min-height:0;display:flex;overflow:hidden}.courseCard:hover{box-shadow:var(--course-card-shadow-hover)}.courseCard:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.courseCard__thumb{height:var(--course-thumb-height);background:var(--course-thumb-bg);flex-shrink:0;position:relative;overflow:hidden}.courseCard__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.courseCard:hover .courseCard__thumb img{transform:scale(1.05)}.courseCard__thumbPlaceholder{background:var(--course-thumb-placeholder-bg);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.courseCard__thumbPlaceholder svg{color:#d1d5db;width:2.5rem;height:2.5rem}.courseCard__body{flex-direction:column;flex:1;gap:.25rem;min-height:0;padding:1rem;display:flex}.courseCard__title{font-weight:600;font-size:var(--course-title-size);color:var(--course-title-color);margin:0;line-height:1.35}.courseCard__instructor{color:var(--course-instructor-color);margin:0;font-size:.75rem;font-weight:500}.courseCard__desc{font-size:var(--course-desc-size);color:var(--course-desc-color);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.courseCard__priceRow{align-items:baseline;gap:.5rem;margin-top:auto;padding-top:.5rem;display:flex}.courseCard__price{color:var(--course-price-color);font-size:.875rem;font-weight:700}.courseCard__priceWas{color:#9ca3af;font-size:.75rem;text-decoration:line-through}@keyframes courseCardFadeIn{0%{opacity:0;transform:translateY(var(--course-fade-shift))}to{opacity:1;transform:translateY(0)}}.courseCard--enter{opacity:0;animation:courseCardFadeIn var(--course-fade-duration)var(--course-fade-ease)forwards}.courseListing__grid .courseCard--enter:first-child{animation-delay:calc(var(--course-fade-stagger)*0)}.courseListing__grid .courseCard--enter:nth-child(2){animation-delay:calc(var(--course-fade-stagger)*1)}.courseListing__grid .courseCard--enter:nth-child(3){animation-delay:calc(var(--course-fade-stagger)*2)}.courseListing__grid .courseCard--enter:nth-child(4){animation-delay:calc(var(--course-fade-stagger)*3)}.courseListing__grid .courseCard--enter:nth-child(5){animation-delay:calc(var(--course-fade-stagger)*4)}.courseListing__grid .courseCard--enter:nth-child(6){animation-delay:calc(var(--course-fade-stagger)*5)}.courseListing__grid .courseCard--enter:nth-child(7){animation-delay:calc(var(--course-fade-stagger)*6)}.courseListing__grid .courseCard--enter:nth-child(8){animation-delay:calc(var(--course-fade-stagger)*7)}.courseListing__grid .courseCard--enter:nth-child(9){animation-delay:calc(var(--course-fade-stagger)*8)}.courseListing__grid .courseCard--enter:nth-child(10){animation-delay:calc(var(--course-fade-stagger)*9)}.courseListing__grid .courseCard--enter:nth-child(11){animation-delay:calc(var(--course-fade-stagger)*10)}.courseListing__grid .courseCard--enter:nth-child(12){animation-delay:calc(var(--course-fade-stagger)*11)}.courseListing__grid .courseCard--enter:nth-child(n+13){animation-delay:calc(var(--course-fade-stagger)*12)}@media (prefers-reduced-motion:reduce){.courseCard--enter{opacity:1;animation:none;transform:none}.courseCard:hover .courseCard__thumb img{transform:none}}@keyframes courseSkeletonPulse{50%{opacity:.55}}.courseCardSkeleton{background:var(--course-card-bg);border-radius:var(--course-card-radius);border:var(--course-card-border);box-shadow:var(--course-card-shadow);animation:1.5s ease-in-out infinite courseSkeletonPulse;overflow:hidden}.courseCardSkeleton__media{height:var(--course-thumb-height);background:#e5e7eb}.courseCardSkeleton__body{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.courseCardSkeleton__line{background:#e5e7eb;border-radius:.25rem;height:.75rem}.courseCardSkeleton__line--short{width:66%}.courseCardSkeleton__line--half{width:50%}.courseCardSkeleton__line--full{width:100%}.courseCardSkeleton__line--price{width:33%;height:1rem;margin-top:.25rem}@media (prefers-reduced-motion:reduce){.courseCardSkeleton{animation:none}}