/* ═══════════════════════════════════════
   COURSES LISTING PAGE
═══════════════════════════════════════ */
.courses-cat-heading{color:var(--blue-800);font-size:1rem;text-transform:uppercase;letter-spacing:.07em;margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}
.courses-listing-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1rem}
.course-listing-card{display:flex;align-items:center;gap:1.5rem;background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:1.5rem 1.75rem;text-decoration:none;color:inherit;transition:all var(--trans);box-shadow:var(--shadow)}
.course-listing-card:hover{border-color:var(--blue-400);box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.course-listing-card--featured{border-left:4px solid var(--blue-600)}
.course-listing-card--featured:hover{border-left-color:var(--blue-700)}
.clc-icon{color:var(--blue-600);flex-shrink:0;width:52px;display:flex;align-items:center;justify-content:center}
.clc-body{flex:1;min-width:0}
.clc-body h3{font-size:1.1rem;color:var(--blue-900);margin:0 0 .35rem}
.clc-body p{font-size:.88rem;color:var(--text-muted);margin:0 0 .75rem;line-height:1.6}
.clc-tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .65rem;border-radius:100px;background:var(--blue-100);color:var(--blue-700);margin-bottom:.5rem}
.clc-tag--green{background:#DCFCE7;color:#166534}
.clc-tag--purple{background:#EDE9FE;color:#6D28D9}
.clc-exams{display:flex;flex-wrap:wrap;gap:.4rem}
.clc-exams span{font-size:.76rem;background:var(--blue-50);color:var(--blue-700);padding:.2rem .6rem;border-radius:100px;border:1px solid var(--blue-100);font-weight:500}
.clc-arrow{color:var(--blue-400);flex-shrink:0}
.courses-listing-grid--secondary .clc-body h3{font-size:1rem}
.batch-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;background:var(--blue-50);border-radius:var(--r-lg);padding:2rem}
.batch-type-box h4{display:flex;align-items:center;gap:.5rem;color:var(--blue-800);font-size:.95rem;margin:0 0 .5rem}
.batch-type-box h4 svg{color:var(--blue-600)}
.batch-type-box p{color:var(--text-muted);font-size:.88rem;margin:0;line-height:1.6}
@media(max-width:768px){
  .course-listing-card{flex-wrap:wrap;gap:1rem}
  .clc-icon{width:auto}
  .batch-types-grid{grid-template-columns:1fr}
  .courses-listing-grid--secondary{grid-template-columns:1fr}
}