/* courses.css: Student Corner → Courses. Layout only; colours, cards, chips and quiz buttons come from the existing styles. */
#learn .crs-crumb{align-items:center}
#learn .crs-crumb span{color:var(--mute)}
#learn .crs-crumb button[aria-current]{border-color:var(--ink)}
#learn .crs-h{margin:6px 0 10px;font-size:1.25rem;overflow-wrap:anywhere}
#learn .crs-pick{margin:4px 0 10px}
#learn .crs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
#learn .crs-card{display:block;width:100%;text-align:left;padding:14px 16px;font:inherit;color:var(--ink);cursor:pointer;min-width:0}
#learn .crs-card b{display:block;font-size:1.02rem;overflow-wrap:anywhere}
#learn .crs-card small{display:block;color:var(--mute);font-size:.85rem;margin-top:2px}
#learn .crs-card:focus-visible{outline:2px solid var(--blue,#014BAA);outline-offset:2px}
#learn .crs-top{margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px}
#learn .crs-block{margin:0 0 18px;min-width:0}
#learn .crs-block h3{font-size:1.05rem;margin:0 0 8px}
#learn .crs-ol{margin:0;padding-left:1.4em;display:grid;gap:6px;overflow-wrap:anywhere}
#learn .crs-mcq{padding:14px;margin:0 0 10px}
#learn .crs-mcq .s-qq{font-size:1.02rem;overflow-wrap:anywhere}
#learn .s-opt{overflow-wrap:anywhere}
#learn .s-opt:hover:not(:disabled){transform:none}