.courses-filter{font-weight:var(--weight-medium);display:flex;flex-flow:column;justify-content:start;gap:var(--gap)}.courses-filter>details{margin:0;overflow:hidden;overflow:clip}.courses-filter>details>summary{padding:var(--gap);margin-inline:calc(-1 * var(--gap));background:linear-gradient(to right,var(--color-accent),var(--color-accent2));color:var(--color-box-bg)}.courses-search{display:flex;flex-flow:row;border:var(--border) var(--color-accent);border-radius:var(--radius-small)}.courses-search:has(input:focus-visible){outline:var(--border) var(--color-accent);outline-offset:var(--border-thin-width)}.courses-search input{flex:1 0;max-width:none;background:none;padding:var(--gap-small) var(--gap)}.courses-search input::placeholder{color:var(--color-accent);font-weight:var(--weight-medium)}.courses-search input:focus{outline:none;box-shadow:none}.courses-search button{background:none;border:none;display:grid;place-content:center;color:var(--color-accent);font-size:var(--size-h4)}.courses-search button:focus{outline:none;box-shadow:none;background:var(--color-bg)}:is(.category-page,.course-type-page,.category-all-page) .coursecount{color:var(--color-faded-text);margin-block:var(--gap-large)}.category-filters,.type-filters{display:flex;flex-flow:row wrap;gap:var(--gap-small);margin-block:var(--gap)}:is(.category-filters,.type-filters) .title{font-size:var(--size-text);font-weight:var(--weight-medium);margin:0}:is(.category-filters,.type-filters) .filters{display:contents;list-style:none;padding-inline-start:0}:is(.category-filters,.type-filters) .filter{border:var(--border-thin) var(--color-fg);border-radius:var(--radius-small);box-shadow:var(--shadow-small) var(--color-scrim-fg);background:var(--color-accent-bg);color:var(--color-accent-fg);padding:0 var(--gap-tiny);transition:all .08s ease}:is(.category-filters,.type-filters) .filter:hover,:is(.category-filters,.type-filters) .filter:focus-visible{box-shadow:var(--shadow) var(--color-scrim-fg)}:is(.category-filters,.type-filters) .categorylink,:is(.category-filters,.type-filters) .typelink{text-decoration:none}:is(:is(.category-filters,.type-filters) .categorylink,:is(.category-filters,.type-filters) .typelink).selected{font-weight:var(--weight-medium);color:var(--color-accent)}.catalogue-tracks{display:flex;flex-wrap:wrap;gap:.45rem;margin-block-end:1.1rem}.catalogue-tracks .track-pill{display:inline-flex;align-items:center;padding:.38rem .82rem;border-radius:999px;font-size:.82rem;font-weight:600;text-decoration:none;background:var(--color-box-bg);color:var(--color-box-text);border:1px solid rgba(10,34,57,.14);transition:all .12s ease}.catalogue-tracks .track-pill:hover,.catalogue-tracks .track-pill.-active{background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.categories-filter-box .catalogue-tree{display:block;max-height:36rem;overflow-y:auto;padding-inline-end:.25rem}.categories-filter-box .catalogue-tree ul{list-style:none;padding-inline-start:0;margin-block:.25rem}.categories-filter-box .catalogue-tree ul.cat-level-1{padding-inline-start:1.1rem;border-inline-start:2px solid rgba(10,34,57,.1);margin-inline-start:.35rem;margin-block:.2rem .55rem}.categories-filter-box .catalogue-tree .cat-group-label{display:flex;align-items:flex-start;gap:.4rem;font-weight:700;font-size:.88rem;padding-block:.22rem;cursor:pointer}.categories-filter-box .catalogue-tree .cat-leaf-label{display:flex;align-items:flex-start;gap:.4rem;font-size:.82rem;line-height:1.3;padding-block:.16rem;cursor:pointer}
