/* ============================================================
TPG – Courses Block (3rd row left, pill list)
Self-contained
============================================================ */

.tpg-coursesBlock{
  max-width: 680px;
}

/* Title matches About styling */
.tpg-coursesBlock__title{
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.9rem;
  font-weight: 600;
  margin: 0 0 16px;
  position: relative;
}

.tpg-coursesBlock__title::after{
  content:"";
  display:block;
  width: 62px;
  height: 2px;
  background: #1f2328;
  margin-top: 8px;
}

/* List wrapper */
.tpg-coursesList{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Each “pill” */
.tpg-coursesItem{
  background: #4C78FF;            /* blue pill */
  color: #ffffff;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 0.98rem;
  line-height: 1.25;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

/* Optional: keep long titles neat */
.tpg-coursesItem{
  word-break: break-word;
}

/* Mobile */
@media (max-width: 768px){
  .tpg-coursesBlock__title{ font-size: 1.6rem; }
  .tpg-coursesItem{ font-size: 0.95rem; padding: 11px 14px; }
}