/* AI-CLO PTITHCM V12.4.20 — system course catalog/card styles. */
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.course-card{min-height:205px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.course-card h3{font-size:20px;margin:10px 0 7px;line-height:1.25}
.course-card p{margin:0;color:var(--muted)}
.course-card .course-role{font-size:10px;color:var(--red);font-weight:800;letter-spacing:1px}
.course-card button{display:flex;justify-content:space-between;width:100%}
.course-toolbar{margin-bottom:18px}
.course-card>div:first-child>small{display:block;margin-top:5px}
.course-card>div:first-child>.badge{margin-left:6px}
.course-card-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1180px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.course-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.course-grid{grid-template-columns:1fr}.course-card{min-height:175px}.course-card-actions{display:grid;grid-template-columns:1fr}}