.language-course-list{list-style:none;padding:0;margin:0;border:1px solid #dce6eb;border-radius:12px;overflow:hidden;background:#fff}
.language-course-list li+li{border-top:1px solid #e5ecef}
.language-course-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;text-decoration:none;color:#293e4c;transition:background .15s}
.language-course-list a:hover{background:#f2f7f8}
.language-course-list a:focus-visible{outline:3px solid #377a7e;outline-offset:-3px;background:#f2f7f8}
.language-course-list strong{font:600 15px/1.6 Poppins,Arial,sans-serif}
.language-course-list .course-list-meta{font:400 11px/1.7 Poppins,Arial,sans-serif;color:#637c89;text-align:right}
@media(max-width:600px){.language-course-list a{align-items:flex-start;flex-direction:column;gap:5px;padding:15px 17px}.language-course-list strong{font-size:14px}.language-course-list .course-list-meta{text-align:left}}
@media(prefers-reduced-motion:reduce){.language-course-list a{transition:none}}

.course-directory .language-course-list{overflow:visible;border:0;background:transparent;display:grid;gap:12px}
.course-directory .language-course-list li{border:1px solid #dce6eb;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 3px 12px #29425205}
.course-directory .language-course-list a{position:relative;padding-right:54px;transition:background .2s,transform .2s}
.course-directory .language-course-list a::after{content:'\2197';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:19px;color:#377a7e;transition:transform .2s}
.course-directory .language-course-list a:hover{background:#edf6f5;transform:translateX(3px)}
.course-directory .language-course-list a:hover::after{transform:translate(3px,calc(-50% - 3px))}
@media(prefers-reduced-motion:no-preference){
 .course-directory .language-course-list li{animation:course-list-arrive .5s ease-out both}
 .course-directory .language-course-list li:nth-child(2){animation-delay:.07s}
 .course-directory .language-course-list li:nth-child(3){animation-delay:.14s}
 .course-directory .language-course-list li:nth-child(4){animation-delay:.21s}
 .course-directory .language-course-list li:nth-child(5){animation-delay:.28s}
 @keyframes course-list-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){.course-directory .language-course-list a,.course-directory .language-course-list a::after{transition:none}}

/* A distinct, soft palette for each language course. */
.course-directory .language-course-list li{--course-ink:#256d73;--course-soft:#edf8f6;--course-hover:#def1ed;--course-line:#c6e5df;border-color:var(--course-line);border-left:5px solid var(--course-ink);background:var(--course-soft);box-shadow:0 4px 15px #29425206}
.course-directory .language-course-list li:nth-child(2){--course-ink:#6b5299;--course-soft:#f4effb;--course-hover:#eae0f7;--course-line:#dfd1ef}
.course-directory .language-course-list li:nth-child(3){--course-ink:#946126;--course-soft:#fff6e7;--course-hover:#fbeace;--course-line:#ecd8b6}
.course-directory .language-course-list li:nth-child(4){--course-ink:#316c99;--course-soft:#edf5fd;--course-hover:#dcecf9;--course-line:#c9dff1}
.course-directory .language-course-list li:nth-child(5){--course-ink:#985367;--course-soft:#fcf0f3;--course-hover:#f7dfe7;--course-line:#ebcdd7}
.course-directory .language-course-list strong,.course-directory .language-course-list a::after{color:var(--course-ink)}
.course-directory .language-course-list .course-list-meta{color:var(--course-ink)}
.course-directory .language-course-list a:hover,.course-directory .language-course-list a:focus-visible{background:var(--course-hover)}
.course-directory .language-course-list a:focus-visible{outline-color:var(--course-ink)}