.course-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.course-card:hover{background-color:var(--bg-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.course-card-image{position:relative;height:11.25rem;overflow:hidden;background-color:var(--bg-tertiary);flex-shrink:0;border-bottom:1px solid var(--border-color)}.course-card-image:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,var(--thumb-scrim) 0%,transparent 100%);pointer-events:none;z-index:1}.course-card-thumbnail{width:100%;height:100%;object-fit:cover}.course-card-no-preview{width:100%;height:100%;background-color:var(--course-no-preview-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--brand-navy);font-size:1.5rem;font-weight:600;line-height:1.2}.course-card-badge{position:absolute;top:.75rem;left:.75rem;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.course-card-content{padding:1rem 1.25rem;display:flex;flex-direction:column;flex:1;overflow:hidden}.course-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.4;margin-bottom:0;height:2.8em}@media(min-width:768px){.course-card-title{font-size:1.25rem}}.course-card-bottom{display:flex;flex-direction:column;flex:1;margin-top:.75rem}.course-card-footer{margin-top:auto;display:flex;flex-direction:column}.course-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;color:var(--text-muted);font-size:.875rem}.course-card-author{color:var(--text-muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1rem}.course-card-duration{color:var(--text-muted);flex-shrink:0}.course-card-progress{height:.5rem;margin-bottom:.75rem}.course-progress-bar{height:.5rem;background-color:var(--bg-tertiary);border-radius:.25rem;overflow:hidden;margin-bottom:.5rem}.course-progress-fill{height:100%;background-color:var(--brand-gold);border-radius:.25rem;transition:width .3s ease}.course-progress-fill-complete{background-color:var(--success)}.course-badge{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;border:none;transition:background-color .2s ease;cursor:default}.course-badge-assigned{background-color:var(--info);color:var(--brand-navy)}.course-badge-assigned:hover{filter:brightness(.9)}.course-badge-completed{background-color:var(--success);color:var(--brand-navy)}.course-badge-completed:hover{filter:brightness(.9)}.course-badge-trial{background-color:var(--warning);color:var(--brand-navy)}.course-badge-trial:hover{filter:brightness(.9)}.course-badge-new{background-color:var(--brand-gold);color:var(--brand-navy)}.course-badge-new:hover{background-color:var(--brand-gold-hover)}.course-badge-survey{background-color:var(--alt-secondary-violet);color:var(--btn-secondary-text)}.course-badge-survey:hover{filter:brightness(.9)}.course-card-button{width:100%;padding:.75rem 1rem;border-radius:.375rem;font-size:.9375rem;font-weight:600;transition:all .2s ease;border:none;cursor:pointer;background-color:var(--brand-gold);color:var(--btn-primary-text);margin-top:.5rem}.course-card-button:hover{background-color:var(--brand-gold-hover)}.course-card-button-disabled,.course-card-button-disabled:hover{background-color:var(--disabled-bg);color:var(--disabled);cursor:not-allowed}.course-card-rewatch-info{text-align:center;font-size:.6875rem;color:var(--text-muted);margin-top:.5rem;line-height:1.3}