.web-course-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.web-course-list li{background:#0c1d32;border:1px solid #223d58;border-radius:14px;align-items:center;gap:24px;padding:20px;display:flex}.web-course-image{background:#17324c;border-radius:9px;flex-shrink:0;place-items:center;width:180px;height:115px;display:grid;overflow:hidden}.web-course-image img{object-fit:cover;width:100%;height:100%}.web-course-copy{flex:1;min-width:0}.web-course-meta{color:#8da9c7;align-items:center;gap:12px;margin-bottom:10px;font-size:10px;display:flex}.web-course-tag{color:#6db;background:#163e3b;border-radius:5px;padding:3px 8px}.web-course-tag.paid{color:#ffc48f;background:#3a2d23}.web-course-copy h2{overflow-wrap:anywhere;font-size:18px;font-weight:600}.nix-dashboard .web-course-copy p{color:#94afcc;overflow-wrap:anywhere;margin-top:9px;font-size:12px;line-height:1.8}.web-course-open{color:#c3e5ff;white-space:nowrap;border:1px solid #365a7c;border-radius:8px;align-items:center;gap:8px;padding:11px 15px;font-size:12px;text-decoration:none;display:inline-flex}.web-course-open:hover{background:#1a3652}.web-course-unavailable{color:#8499b2;font-size:11px}.web-courses-notice{color:#afc5dd;background:#0c1d32;border:1px solid #223d58;border-radius:12px;padding:25px}.web-courses-notice a,.web-courses-notice button{color:#fff;background:#05f;border:0;border-radius:8px;margin-top:15px;padding:10px 18px;text-decoration:none;display:inline-block}@media (width<=1000px){.web-course-list li{flex-wrap:wrap;gap:16px}.web-course-image{width:140px;height:100px}.web-course-open{margin-left:auto}}@media (width<=600px){.web-course-list li{flex-direction:column;align-items:stretch;padding:16px}.web-course-image{width:100%;height:145px}.web-course-open{justify-content:center;margin-left:0}.web-course-copy h2{font-size:17px}}