.preview-card{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:12px;background:var(--card);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.preview-card:hover{border-color:var(--border-hover);box-shadow:0 4px 16px rgba(0,0,0,.08)}.dark .preview-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.35)}.preview-card__main{flex:1 1;min-width:0;display:flex;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;color:inherit}.preview-card__thumb{flex-shrink:0;width:64px;height:64px;border-radius:10px;display:flex;align-items:center;justify-content:center}.course-preview__thumb-shape{width:40px;height:40px}.course-preview__thumb-node{width:44px;height:44px;object-fit:contain}.preview-card__body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:6px}.preview-card__title{font-family:var(--font-heading);font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.preview-card__description{font-size:.75rem;font-weight:400;color:var(--muted-foreground);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-card__progress-row{display:flex;align-items:center;gap:8px}.preview-card__bar-track{width:100px;height:3px;background:var(--accent);border-radius:2px;overflow:hidden;flex-shrink:0}.preview-card__bar-fill{height:100%;background:var(--primary);border-radius:2px}.preview-card__meta{font-size:.75rem;color:var(--muted-foreground);white-space:nowrap}.preview-card__right{display:flex;align-items:center;padding:14px 20px 14px 0;flex-shrink:0}.preview-card__cta{font-size:.875rem;font-weight:500;color:var(--primary);white-space:nowrap;display:flex;align-items:center;gap:6px}