/* =========================================================
   PINAKA — courses ("scorecard" cards)
   ========================================================= */

.course-intro{
  max-width: 700px;
  margin: 0 auto 2.6rem;
  text-align: center;
}
.course-intro p{ color: var(--ink-text-soft); }

.course-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem;
  max-width: var(--container);
  margin: 0 auto;
}

.course-card{
  background: #fff;
  border-radius: var(--radius);
  border: 1px solid var(--line-light);
  padding: 2rem 1.8rem 1.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  position: relative;
  overflow: hidden;
}
.course-card .badge-icon{
  width: 44px; height: 44px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 0.9rem;
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
}
.found-course .badge-icon{ background-color: #EFE3C5; }
.BE-course .badge-icon{ background-color: #F0DAD7; }
.ym-course .badge-icon{ background-color: #DCE7DD; }

.course-card .duration{
  font-family: var(--mono);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--crimson);
  margin-bottom: 0.5rem;
}

.course-card h3{
  font-size: 1.4rem;
  color: var(--ink-text);
  margin-bottom: 0.9rem;
}

.course-card ul{
  list-style: none;
  display: grid;
  gap: 0.65rem;
}
.course-card ul li{
  position: relative;
  padding-left: 1.5rem;
  font-size: 0.92rem;
  line-height: 1.5rem;
  color: var(--ink-text-soft);
}
.course-card ul li::before{
  content: '';
  position: absolute;
  left: 0; top: 0.4em;
  width: 8px; height: 8px;
  border-radius: 50%;
  border: 2px solid var(--crimson);
}
.found-course ul li::before{ border-color: #B98A2E; }
.ym-course ul li::before{ border-color: #4E7A5E; }

.course-card.found-course{ border-top: 4px solid #C99A3D; }
.course-card.BE-course{ border-top: 4px solid var(--crimson); }
.course-card.ym-course{ border-top: 4px solid #4E7A5E; }

@media screen and (max-width: 880px) {
  .course-grid{ grid-template-columns: 1fr; }
}