.course-directory{margin:42px 0;padding:30px 0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;scroll-margin-top:calc(var(--cga-header-offset,120px) + 24px)}.course-directory h2{font-size:28px;font-weight:600;margin-bottom:12px}.course-directory>p{color:#c4c4be;line-height:1.6}.directory-filters{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:24px 0 14px}.directory-filters label{display:grid;gap:8px;font-size:15px}.directory-filters input,.directory-filters select{width:100%;min-width:0;padding:12px;border:1px solid #687168;border-radius:8px;color:#fff;background:#111;font:inherit}.directory-count{font-size:14px;margin-bottom:16px}.directory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:640px;overflow:auto;padding:4px}.directory-course{display:grid;gap:8px;padding:18px;border:1px solid #ffffff28;border-radius:10px;background:#111b16;text-decoration:none}.directory-course[hidden]{display:none}.directory-course strong{font-size:18px;font-weight:600}.directory-course span{font-size:14px;color:#adbfb0}.directory-course small{font-size:13px;color:#d9b3b3}.directory-course:hover{border-color:#a21f25}.directory-course:focus-visible{outline:2px solid white;outline-offset:1px}@media(max-width:640px){.directory-filters,.directory-list{grid-template-columns:1fr}.directory-list{max-height:65vh}.course-directory h2{font-size:24px}}
.directory-course:hover strong, .directory-course:hover span, .directory-course:hover small,
.directory-course:focus-visible strong, .directory-course:focus-visible span, .directory-course:focus-visible small { color: #fff; }