/* YANXI COMPACT COURSE CARDS V1 */
#coursesGrid,#my-courses,#available-courses{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
    gap:24px;align-items:stretch
}
.yx-course-card{
    display:flex;flex-direction:column;min-width:0;
    overflow:hidden;background:white;
    border:1px solid #e2dfda;border-radius:10px
}
.yx-course-cover{
    display:block;aspect-ratio:16/10;overflow:hidden
}
.yx-course-cover img{
    display:block;width:100%;height:100%;object-fit:cover
}
.yx-course-body{
    display:flex;flex-direction:column;align-items:flex-start;
    flex:1;gap:16px;padding:22px
}
.yx-course-body h3{
    margin:0;font-size:1.2rem;line-height:1.4;overflow-wrap:anywhere
}
.yx-course-body h3 a{color:inherit;text-decoration:none}
.yx-course-price{margin-top:auto;font-weight:700}
.yx-course-button{
    display:inline-block;padding:12px 20px;border-radius:6px;
    background:#624934;color:white!important;text-decoration:none;
    text-align:center;line-height:1.4
}
.yx-course-card a:focus-visible{
    outline:3px solid #a36935;outline-offset:3px
}
@media(max-width:540px){
    #coursesGrid,#my-courses,#available-courses{grid-template-columns:1fr}
    .yx-course-body{padding:18px}
}

/* YANXI COURSE EDIT AND PORTRAIT V1 */
#course-list > .container{width:calc(100% - 48px);max-width:1600px;margin-inline:auto}
.student-page{width:100%;max-width:1648px;box-sizing:border-box;margin-inline:auto}
#coursesGrid,#my-courses,#available-courses{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.yx-course-cover{aspect-ratio:3/4;background:#f4f1ec}
.yx-course-cover img{width:100%;height:100%;object-fit:contain}
.yx-course-body{padding:28px;gap:24px}
.yx-course-body h3{font-size:clamp(1.2rem,1.4vw,1.5rem);line-height:1.5}
.yx-course-button{padding:14px 24px}
@media(max-width:999px){
 #coursesGrid,#my-courses,#available-courses{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
}
@media(max-width:600px){
 #course-list > .container{width:calc(100% - 32px)}
 #coursesGrid,#my-courses,#available-courses{grid-template-columns:1fr;gap:24px}
 .yx-course-body{padding:22px;gap:20px}
}