.online-courses{padding:var(--space-section-sm) 0}.online-courses.bg-light{background:var(--light)}.oc-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.6rem}.oc-head__eyebrow{display:inline-block;font-size:var(--fs-min);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.4rem}.oc-head h2{font-size:clamp(1.9rem,3.4vw,2.5rem);color:var(--text-heading);margin-bottom:.3rem}.oc-head__intro{font-size:1.2rem;color:var(--muted);max-width:62ch;margin:0}.oc-count{font-size:var(--fs-min);color:var(--muted);margin:0;white-space:nowrap}.oc-filters{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.1rem 1.3rem;margin-bottom:1.8rem}.oc-filters__inner{display:grid;gap:.9rem}.oc-filterrow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.oc-filterrow__label{font-size:var(--fs-min);font-weight:700;color:var(--text-heading);margin-right:.3rem}.oc-chipbtn{font-family:inherit;font-size:var(--fs-min);font-weight:600;line-height:1.2;color:var(--text);background:var(--white);border:1px solid var(--control-border);border-radius:var(--radius-pill);padding:.45rem .95rem;cursor:pointer;transition:var(--transition)}.oc-chipbtn:hover{border-color:var(--accent);color:var(--accent)}.oc-chipbtn[aria-pressed=true]{background:var(--surface-brand);border-color:var(--surface-brand);color:var(--text-on-dark)}.oc-chipbtn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.oc-search{font-family:inherit;font-size:var(--fs-min);color:var(--text);background:var(--white);border:1px solid var(--control-border);border-radius:var(--radius-pill);padding:.45rem 1rem;min-width:15rem;flex:1 1 15rem;max-width:24rem}.oc-search:focus-visible{outline:var(--focus-ring);outline-offset:2px}.oc-filters__foot{display:flex;justify-content:flex-start;align-items:center;gap:1rem;padding-top:.6rem;border-top:1px solid var(--line)}.oc-reset{font-family:inherit;font-size:var(--fs-min);font-weight:600;color:var(--muted);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}.oc-reset:hover{color:var(--link)}.oc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--gap-grid-lg)}.oc-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition)}.oc-card[hidden]{display:none}.oc-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.oc-card__body{padding:var(--pad-card);flex:1 1 auto}.oc-card__top{margin:0 0 .6rem}.oc-card__level{display:inline-block;font-size:var(--fs-min);font-weight:800;line-height:1.2;color:var(--text-on-dark);background:var(--surface-brand);border-radius:var(--radius-pill);padding:.2rem .7rem;white-space:nowrap}.oc-subjects{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}.oc-subject{font-size:var(--fs-min);font-weight:600;line-height:1.25;color:var(--text);background:var(--light);border:1px solid var(--line);border-radius:var(--radius-pill);padding:.25rem .75rem;transition:var(--transition)}.oc-subject.is-match{background:var(--surface-brand);border-color:var(--surface-brand);color:var(--text-on-dark)}.oc-card__title{font-size:1.25rem;line-height:1.35;color:var(--text-heading);margin:0 0 .5rem}.oc-card__title a{color:inherit;text-decoration:none}.oc-card__title a:hover{text-decoration:underline}.oc-card__title a::after{content:"";position:absolute;inset:0}.oc-card{position:relative}.oc-card__meta{font-size:var(--fs-min);color:var(--muted);margin:0 0 .75rem}.oc-card__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.85rem var(--pad-card);border-top:1px solid var(--line);background:var(--light)}.oc-card__funding{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-min);font-weight:600;color:var(--muted)}.oc-card__funding .icon{width:1.05rem;height:1.05rem;flex:none}.oc-card__link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-min);font-weight:700;color:var(--link);text-decoration:none;white-space:nowrap}.oc-card__link:hover{text-decoration:underline}.oc-empty{font-size:1.2rem;color:var(--muted);text-align:center;padding:2.5rem 1rem;margin:0}@media(max-width:40em){.oc-filterrow__label{width:100%;margin-bottom:.2rem}.oc-search{min-width:0;max-width:none}}