/* Course chooser. Uses the variables from style.css. */
.courses{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:1.2em 0}
a.course{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);background:var(--card)}
a.course:hover,a.course:focus-visible{background:var(--soft);border-color:var(--accent)}
a.course .name{font-size:1.35rem;font-weight:700;color:var(--accent)}
a.course .blurb{color:var(--ink)}
a.course .count{color:var(--muted);font-size:.9rem;margin-top:6px}