.course-item{display:flex;flex-direction:column;border-radius:12px;background:var(--surface2);border:1px solid var(--graph1);cursor:pointer;transition:all .2s ease-in-out}.course-item:active,.course-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--overlay1);border-color:var(--primaryBrand)}.course-item-image{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.course-item-image img{width:100%;height:100%;object-fit:cover;border-radius:12px 12px 0 0}.course-item-content{display:flex;flex-direction:column;padding:16px;gap:8px;justify-content:space-between;flex:1 1}.course-item-title{font-size:18px;font-weight:700;margin:0;line-height:1.3}.course-item-subtitle{font-size:14px;font-weight:400;margin:0;color:var(--secondaryText);line-height:1.4}.course-item-bottom{display:flex;justify-content:space-between;align-items:center}@media (orientation:portrait){.course-item-title{font-size:16px}}