/* public/assets/css/course-grid.css */
.course-wrap{ margin: 18px auto; max-width: 1200px; }
.course-head{ display:flex; align-items:center; justify-content:space-between; margin: 8px 0 14px; }
.course-head h3{ margin:0; font-size:1.35rem; }
.course-head .btn{ background: linear-gradient(180deg, #1d77ff, #165fcb); color:#fff; border:0; border-radius:12px; padding:8px 14px; text-decoration:none; }
.course-grid{ display:grid; gap:16px; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 220px; }
@media (max-width: 1000px){ .course-grid{ grid-template-columns: repeat(2, 1fr); grid-auto-rows: 210px; } }
@media (max-width: 680px){ .course-grid{ grid-template-columns: 1fr; grid-auto-rows: 210px; } }
.course-grid .tile .hd{ font-size:1.1rem; }
.course-grid .tile .desc{ font-size:.9rem; }