.course-card.has-detail{position:relative;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.course-card.has-detail:hover,.course-card.has-detail:focus-visible{transform:translateY(-2px);border-color:#a8c9bb!important;box-shadow:0 12px 30px rgba(30,88,67,.1)!important;outline:0}.course-image-link{display:block;flex:0 0 auto}.course-name a{color:inherit;text-decoration:none}.course-name a:hover{text-decoration:underline;text-underline-offset:4px}.course-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.course-actions .course-detail-button,.course-actions .register-button,.course-actions .register-waiting,.course-actions .register-full{width:auto;min-width:150px;height:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0 20px;box-sizing:border-box;border-radius:8px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;text-align:center;white-space:nowrap}.course-actions .register-button,.course-actions .register-waiting,.course-actions .register-full{border:1px solid transparent}.course-actions button.register-button,.course-actions button.register-waiting{cursor:pointer}.course-detail-button{color:#25634f!important;background:#f0f7f4;border:1px solid #cfe2da;text-decoration:none!important;transition:.2s}.course-detail-button:hover{color:#fff!important;background:#286f58;border-color:#286f58}
@media(max-width:768px){.course-image-link{width:100%}.course-image-link .course-image{width:100%;max-width:none}.course-actions{align-items:stretch;flex-direction:column}.course-actions>*{box-sizing:border-box;text-align:center}.course-actions .course-detail-button,.course-actions .register-button,.course-actions .register-waiting,.course-actions .register-full{width:100%;min-width:0}}
@media(max-width:768px){.courses-container,#coursesList,.course-card{box-sizing:border-box}.courses-container{width:100%!important;max-width:100%!important;margin-right:auto!important;margin-left:auto!important}.course-card{max-width:100%;margin-right:auto!important;margin-left:auto!important}}