.cf{background:var(--surface,#fff);border:1px solid var(--border,#e4e7ee);border-radius:16px;padding:1rem 1.1rem;margin:0 0 1.5rem;box-shadow:0 1px 3px rgba(20,20,60,.05)}
.cf__row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:flex-end}
.cf__f{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:600;color:var(--muted,#5b6275);min-width:150px}
.cf__f--grow{flex:1 1 220px}
.cf__f input[type=search],.cf__f select{font:inherit;font-weight:400;color:inherit;padding:.55rem .7rem;border:1px solid var(--border,#d5d9e4);border-radius:10px;background:var(--bg,#fff)}
.cf__chk{flex-direction:row;align-items:center;min-width:0;padding-bottom:.55rem;gap:.4rem}
.cf__reset{font:inherit;font-weight:600;padding:.55rem .95rem;border-radius:10px;border:1px solid var(--border,#d5d9e4);background:transparent;color:inherit;cursor:pointer}
.cf__reset:hover{border-color:currentColor}
.cf__count{margin:.7rem 0 0;font-size:.85rem;color:var(--muted,#5b6275)}
.cf__none{text-align:center;padding:2rem 0;color:var(--muted,#5b6275)}
.course__level{display:inline-block;margin-left:.4rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px;background:#eef1ff;color:#3b3fa8}
.course__level.lv-intermediate{background:#e6f7f4;color:#0c6b5d}.course__level.lv-advanced{background:#fdeef0;color:#a3243b}
.course[hidden]{display:none}