.crs-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-5);gap:var(--space-5)}@media (max-width:880px){.crs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.crs-grid{grid-template-columns:1fr}}.crs-card{--crs-accent:var(--navy-300);position:relative;display:flex;flex-direction:column;gap:var(--space-3);background:linear-gradient(158deg,var(--surface),var(--bg-elevated));border:1px solid color-mix(in srgb,var(--navy-300) 10%,transparent);-webkit-border-start:4px solid var(--crs-accent);border-inline-start:4px solid var(--crs-accent);border-radius:var(--radius-lg) var(--radius-xl) var(--radius-xl) var(--radius-lg);padding:var(--space-5) var(--space-5) var(--space-5) var(--space-5);box-shadow:0 4px 20px rgba(27,40,101,.05);min-height:176px;text-decoration:none;transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.crs-card:hover{box-shadow:0 14px 38px rgba(27,40,101,.1);transform:translateY(-3px)}.crs-card:before{content:"";position:absolute;inset-inline-start:-9px;top:22px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:3px solid var(--crs-accent);box-shadow:0 2px 6px rgba(27,40,101,.12)}.crs-card--soon{--crs-accent:color-mix(in srgb,var(--brand) 50%,var(--navy-300))}.crs-card--upcoming{--crs-accent:var(--warning)}.crs-card--in_progress{--crs-accent:var(--success)}.crs-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.crs-badge{font-size:12.5px;letter-spacing:.01em}.crs-live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;-webkit-margin-end:2px;margin-inline-end:2px;animation:crs-pulse 1.8s ease-in-out infinite}@keyframes crs-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 55%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,currentColor 0%,transparent)}}.crs-kind{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-caption);color:var(--text-muted)}.crs-title{font-size:17px;line-height:1.65;font-weight:800;color:var(--text-strong);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.crs-curriculum{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-caption);font-weight:700;color:var(--text-muted)}.crs-curriculum svg{color:var(--accent-strong)}.crs-foot{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--navy-300) 9%,transparent)}.crs-audience{font-size:var(--fs-caption);color:var(--text-muted)}.crs-price{font-size:14px;font-weight:800;color:var(--text-strong)}.crs-price,.crs-price--free{-webkit-margin-start:auto;margin-inline-start:auto}.crs-price--free{gap:4px;color:var(--text-success)}.crs-go,.crs-price--free{display:inline-flex;align-items:center}.crs-go{gap:5px;font-size:13px;font-weight:800;color:var(--accent-strong)}.crs-skel{background:linear-gradient(158deg,var(--surface),var(--bg-elevated));border:1px solid color-mix(in srgb,var(--navy-300) 10%,transparent);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);min-height:176px}