/* courses-three
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/courses-three.css. */
.course-cards .courses { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.course-cards .course .code { font-size: 14px; font-weight: 600; letter-spacing: .06em; color: var(--muted); }
.course-cards .course h3 { font-size: 22px; margin-top: 6px; }
.course-cards .course h3 a { color: var(--ink); text-decoration: none; }
.course-cards .course h3 a:hover { color: var(--accent); text-decoration: underline; }
.course-cards .course p { margin-top: 8px; color: var(--muted); font-size: 16px; }
@media (max-width: 1100px) {
  .course-cards .courses { grid-template-columns: minmax(0, 1fr); max-width: 680px; }
}