/* ===========================================================
   COURSES PAGE STYLES
   =========================================================== */
.course-detail{
  background:#fff; border-radius: var(--r-lg); overflow:hidden;
  border:1px solid var(--line-soft); box-shadow: var(--shadow-sm);
  margin-bottom: var(--sp-lg);
  display:grid; grid-template-columns: 1fr 1.3fr;
}
.course-detail:last-child{ margin-bottom:0; }
.course-detail.reverse{ direction:rtl; }
.course-detail.reverse > *{ direction:ltr; }
.course-visual{
  background: var(--grad-card);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding: var(--sp-lg); gap: var(--sp-md); position:relative;
}
.course-visual .big-icon{ width:96px; height:96px; border-radius:28px; }
.course-meta-row{ display:flex; gap: var(--sp-lg); }
.course-meta-item{ text-align:center; }
.course-meta-item strong{ display:block; font-family:var(--font-head); font-size:1.6rem; color: var(--blue); }
.course-meta-item span{ font-size:0.72rem; text-transform:uppercase; letter-spacing:0.04em; color: var(--text-faint); }
.course-body{ padding: 2.8rem; }
.course-body h3{ font-size:1.6rem; margin-bottom:6px; }
.course-body .elig-line{ font-size:0.9rem; color: var(--text-muted); margin-bottom:18px; }
.course-body p.desc{ color: var(--text-muted); line-height:1.8; margin-bottom:22px; }
.course-feat-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:12px 20px; margin-bottom: 26px; }
.course-feat-grid li{ display:flex; gap:10px; align-items:flex-start; font-size:0.92rem; color: var(--ink); font-weight:500; }
.course-feat-grid li svg{ color: var(--green); margin-top:2px; flex-shrink:0; }
.course-body-btns{ display:flex; gap:12px; flex-wrap:wrap; }

@media (max-width: 900px){
  .course-detail, .course-detail.reverse{ grid-template-columns:1fr; direction:ltr; }
  .course-feat-grid{ grid-template-columns:1fr; }
}

/* Compare table */
.compare-wrap{ overflow-x:auto; border-radius: var(--r-md); border:1px solid var(--line); }
table.compare{ width:100%; border-collapse:collapse; min-width:680px; }
table.compare th, table.compare td{ padding:18px 22px; text-align:left; font-size:0.92rem; border-bottom:1px solid var(--line-soft); }
table.compare thead th{ background: var(--ink); color:#fff; font-family:var(--font-head); font-weight:600; }
table.compare thead th:first-child{ border-radius:0; }
table.compare tbody tr:hover{ background: var(--mist); }
table.compare tbody td:first-child{ font-weight:600; color:var(--ink); }
table.compare tbody tr:last-child td{ border-bottom:none; }