.course-card{max-width:100%;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;will-change:transform,box-shadow}.card-content{padding:1rem;flex:1;display:flex;flex-direction:column}.card-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground))}.card-subtitle{font-size:.9rem;color:hsl(var(--muted-foreground));margin-bottom:.5rem}.digital-screen{display:flex;flex-direction:column;height:100%}.see-more-container{display:flex;justify-content:flex-end;align-items:center;padding:.5rem 1rem 1rem;position:relative}.see-more-button{font-weight:500;min-width:fit-content;border:none;outline:none;background:transparent;display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;transition:opacity .2s ease}.see-more-button:hover{background:transparent;opacity:.7}.see-more-button:focus{outline:none;box-shadow:none}.see-more-arrow{transition:transform .2s ease}.see-more-button:hover .see-more-arrow{transform:translateX(2px)}.added-by-section{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:hsl(var(--muted-foreground));position:absolute;left:1rem;bottom:1rem;max-width:calc(100% - 8rem)}.added-by-text{font-size:.75rem}.creator-info{display:flex;align-items:center;gap:.5rem}.creator-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid hsl(var(--border));flex-shrink:0}.creator-details{display:flex;flex-direction:column;gap:.125rem}.creator-name{font-weight:500;color:hsl(var(--foreground));font-size:.8rem;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:120px;line-height:1.2}.creator-date{font-size:.7rem;color:hsl(var(--muted-foreground))}.carousel-container{position:relative;z-index:1}.card-image-container .carousel-button,.carousel-button,.next-button,.prev-button{display:none!important}@media (max-width:768px){.course-card{max-width:100%}.available-days{gap:2px}.digital-calendar{width:28px;height:40px}}@media screen and (orientation:portrait){.available-days{display:flex;justify-content:space-between;gap:4px}.carousel-indicators{display:flex;bottom:10px}}@media screen and (orientation:landscape){.available-days{justify-content:space-between;padding:2px 0}.digital-calendar{width:24px;height:34px}.day-display{font-size:9px}}