.course-filter{margin-bottom:2.5rem;padding:1.25rem;border:1px solid #E2E8F0;border-radius:1.25rem;background:#FFF;box-shadow:0 1px 2px rgb(15 23 42 / .04),0 18px 40px -30px rgb(15 23 42 / .35)}@media (min-width:768px){.course-filter{margin-bottom:3rem;padding:1.5rem 1.75rem 1.75rem}}.course-filter__top{display:flex;flex-direction:column;gap:1rem;padding-bottom:1.25rem;border-bottom:1px dashed #E2E8F0}@media (min-width:1024px){.course-filter__top{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}}.course-filter__title{margin:0;color:#0F172A;font-size:1.25rem;font-weight:800;line-height:1.3}.course-filter__count{margin:.25rem 0 0;color:#64748B;font-size:.85rem;line-height:1.5}.course-filter__count strong{color:#4F46E5;font-weight:800}.course-filter__help a{color:#4F46E5;font-weight:700;text-decoration:underline;text-underline-offset:3px}.course-filter__help a:hover{color:#3730A3}@media (max-width:639px){.course-filter__help{display:block}.course-filter__help>span:first-child{display:none}}.course-filter__tools{display:flex;flex-wrap:wrap;gap:.625rem}@media (min-width:1024px){.course-filter__tools{flex-wrap:nowrap;flex-shrink:0}}.course-filter__search,.course-filter__sort{display:flex;align-items:center;gap:.5rem;min-height:46px;padding:0 .875rem;border:1px solid #E2E8F0;border-radius:.75rem;background:#F8FAFC;transition:border-color 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease}.course-filter__search:focus-within,.course-filter__sort:focus-within{border-color:#4F46E5;background:#FFF;box-shadow:0 0 0 3px rgb(79 70 229 / .15)}.course-filter__search{flex:1 1 16rem}@media (min-width:1024px){.course-filter__search{width:20rem;flex:none}}.course-filter__search .material-symbols-outlined,.course-filter__sort .material-symbols-outlined{flex-shrink:0;color:#94A3B8;font-size:1.25rem}.course-filter__search input,.course-filter__sort select{min-width:0;flex:1;padding:0;border:0;background-color:#fff0;color:#0F172A;font:inherit;font-size:.875rem;font-weight:600;box-shadow:none;outline:none}.course-filter__search input::placeholder{color:#94A3B8;font-weight:500}.course-filter__sort{flex:0 1 auto;padding-right:.5rem}.course-filter__sort select{padding-right:1.6rem;background-position:right 0 center;cursor:pointer}.course-filter__chips-wrap{position:relative;margin-top:1.25rem}.course-filter__chips{display:flex;gap:.625rem;overflow-x:auto;padding:.25rem .125rem .5rem;scroll-behavior:smooth;scrollbar-width:none}.course-filter__chips::-webkit-scrollbar{display:none}.course-chip{display:inline-flex;flex-shrink:0;align-items:center;gap:.55rem;padding:.375rem .5rem .375rem .375rem;border:1px solid var(--c-line);border-radius:999px;background:#FFF;color:#1E293B;font-size:.85rem;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease,box-shadow 0.25s ease,transform 0.2s ease}.course-chip:hover{border-color:var(--c);background:var(--c-soft);transform:translateY(-1px)}.course-chip:focus-visible{outline:2px solid var(--c);outline-offset:2px}.course-chip__icon{display:grid;width:2rem;height:2rem;flex-shrink:0;place-items:center;border-radius:999px;background:var(--c-soft);color:var(--c);font-size:1.1rem;transition:background-color 0.2s ease,color 0.2s ease}.course-chip__count{display:grid;min-width:1.6rem;height:1.6rem;place-items:center;padding:0 .4rem;border-radius:999px;background:#F1F5F9;color:#475569;font-size:.72rem;font-weight:800;transition:background-color 0.2s ease,color 0.2s ease}.course-chip.is-active{border-color:var(--c);background-color:var(--c);background-image:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 72%,#0F172A));box-shadow:0 12px 24px -12px var(--c-glow);color:#FFF;transform:none}.course-chip.is-active .course-chip__icon,.course-chip.is-active .course-chip__count{background:rgb(255 255 255 / .2);color:#FFF}@media (min-width:1024px){.course-filter__chips{gap:.5rem}.course-chip{gap:.45rem;font-size:.8125rem}.course-chip__icon{width:1.75rem;height:1.75rem;font-size:1rem}}.course-filter__edge:not(.hidden){position:absolute;top:0;bottom:0;display:block;width:3.5rem;pointer-events:none}.course-filter__edge--prev{left:0;background:linear-gradient(to right,#FFFFFF 30%,#fff0)}.course-filter__edge--next{right:0;background:linear-gradient(to left,#FFFFFF 30%,#fff0)}.course-filter__nav:not(.hidden){position:absolute;top:calc(50% - 0.125rem);display:grid;width:2rem;height:2rem;place-items:center;padding:0;border:1px solid #E2E8F0;border-radius:999px;background:#FFF;box-shadow:0 6px 14px -6px rgb(15 23 42 / .35);color:#475569;cursor:pointer;transform:translateY(-50%)}.course-filter__nav--prev{left:-.25rem}.course-filter__nav--next{right:-.25rem}.course-filter__nav .material-symbols-outlined{font-size:1.25rem}.course-filter__reset{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.25rem;padding:.7rem 1.25rem;border:0;border-radius:.75rem;background:#4F46E5;color:#FFF;font-size:.875rem;font-weight:700;cursor:pointer;transition:background-color 0.2s ease}.course-filter__reset:hover{background:#4338CA}.course-filter__reset .material-symbols-outlined{font-size:1.15rem}@media (prefers-reduced-motion:reduce){.course-chip,.course-chip__icon,.course-chip__count{transition:none}.course-chip:hover{transform:none}.course-filter__chips{scroll-behavior:auto}}