/* Collapsible course styles (kept separate for optional enablement) */
.course summary {
  cursor: pointer;
  display:flex;
  align-items:center;
  gap:0.6rem;
  font-weight:600;
  padding: 0.25rem 0;
  font-size: 0.98rem;
}
.course summary::-webkit-details-marker { display:none; }
.course[open] summary { color: var(--primary); }
.badge {
  background: var(--accent);
  color: white;
  padding: 0.18rem 0.6rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight:700;
}
.course ul { margin-top:0.6rem; padding-left:1.1rem; color:var(--muted); }
.course li { margin-bottom:0.25rem; }

/* small visual polish for the course-card within the grid */
.course-card details { padding: 0.1rem; }
.course-card summary { outline: none; }
.course-card details[open] { background: rgba(8,127,122,0.04); border-radius: 8px; padding: 0.6rem; }