@layer components{.course-catalog_wrap{gap:var(--space-8);display:grid}.course-catalog_intro{gap:var(--space-5);display:grid}.course-catalog_index{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.course-catalog_label{color:var(--text-2);font-size:var(--text-small);font-weight:var(--primary-medium);margin:0}.course-catalog_areas{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.course-catalog_alert{max-width:40rem}.course-catalog_group{align-items:start;gap:var(--space-7);padding-top:var(--space-5);border-top:.125rem solid var(--text);grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid;@media (width<=52rem){gap:var(--space-5);grid-template-columns:minmax(0,1fr)}}.course-catalog_head{top:calc(var(--nav-height) + var(--space-5));gap:.375rem;display:grid;position:sticky;&>h2{text-wrap:balance;margin:0}@media (width<=52rem){position:static}}.course-catalog_meta{color:var(--text-2);font-size:var(--text-small);font-weight:var(--primary-medium);margin:0}.course-catalog_empty{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex;&>p{max-width:var(--max-width-text);color:var(--text-2);margin:0}}}