.online-course-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.online-course-list article{display:flex;flex-direction:column;min-width:0}
.online-course-title{margin:0;padding:15px 16px 12px;background:#eef5fc;border-bottom:1px solid #c9d9ea;font-size:1.08rem;line-height:1.3}
.online-course-image{width:100%;height:auto;aspect-ratio:16/9;min-height:0;object-fit:cover}
.online-course-card-copy{padding:16px;gap:8px;justify-content:flex-start;flex:1}
.online-course-card-copy>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-size:.92rem;line-height:1.4}
.online-course-card-copy .online-course-subtitle{display:block;overflow:visible;font-size:.82rem}
.online-course-list h3{font-size:1.08rem;line-height:1.25}
.online-price span{padding:5px 8px;font-size:.84rem}
.online-course-card-copy .primary{padding:9px 12px;font-size:.88rem;margin-top:auto}
.online-category{padding:22px}
.online-category h2{font-size:1.7rem}
.planned-course-list{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.online-course-list,.planned-course-list{grid-template-columns:1fr}.online-category{padding:16px}.online-course-image{aspect-ratio:16/9}.online-course-card-copy{padding:14px}.online-course-title{padding:13px 14px 10px}.online-course-list h3{font-size:1.02rem}}