.crs-page{padding:calc(var(--nav-h) + 56px)0 120px;background:var(--bg)}.crs-page .crs-hero{align-items:center;gap:22px;margin-bottom:36px;display:flex}.crs-page .crs-hero-icon{border:1px solid var(--line-strong);border-radius:var(--radius-md);width:62px;height:62px;color:var(--primary-2);background:var(--surface);box-shadow:var(--shadow-soft);flex:none;place-items:center;display:grid}.crs-page .crs-hero-icon svg{width:26px;height:26px}.crs-page .crs-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(32px,4vw,44px)}.crs-page .crs-lede{max-width:560px;color:var(--text-soft);margin:8px 0 0;font-size:15px;line-height:1.65}.crs-page .crs-filters{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.crs-page .crs-search{flex:320px;min-width:0;max-width:460px;margin-bottom:0}.crs-page .crs-level-select{flex:none;display:inline-flex;position:relative}.crs-page .crs-level-select select{border:1px solid var(--line);border-radius:var(--radius-md);min-width:180px;min-height:44px;color:var(--text);background:var(--surface);transition:border-color .2s var(--ease-out),background .2s var(--ease-out);padding:12px 16px;font-family:inherit;font-size:14px}.crs-page .crs-level-select select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.crs-page .crs-chips{margin-bottom:20px}.crs-page .crs-chips .chip{min-height:44px}.crs-page .crs-kinds{margin-bottom:12px}.crs-page .crs-kinds .crs-chip{align-items:center;gap:8px;padding-right:8px;display:inline-flex}.crs-page .crs-kinds .crs-chip-icon{flex:none;place-items:center;width:1em;height:1em;font-size:16px;line-height:1;display:inline-grid}.crs-page .crs-kinds .crs-chip-icon>svg{width:100%;height:100%;display:block}.crs-page .crs-kinds .crs-chip-count{min-width:22px;height:22px;color:var(--text);background:var(--surface-3);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 7px;font-size:11px;font-weight:760;line-height:1;display:inline-grid}.crs-page .crs-kinds .crs-chip.is-active .crs-chip-count{color:var(--text);background:var(--surface-solid)}.crs-page .crs-count{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 22px;font-size:11px}.crs-page .crs-pager>button{min-width:44px;min-height:44px}.crs-page .crs-pager>button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.crs-page .crs-pager>button:disabled{color:var(--muted);opacity:.55;cursor:not-allowed}.crs-page .crs-pager-gap{color:var(--muted)}.crs-page .crs-panel{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 28px;display:flex}.crs-page .crs-panel h2{letter-spacing:-.02em;margin:0;font-size:20px}.crs-page .crs-panel p{max-width:46ch;color:var(--text-soft);margin:0;font-size:14px;line-height:1.7}.crs-page .crs-panel-icon{width:52px;height:52px;color:var(--muted);background:var(--surface-3);border-radius:50%;place-items:center;display:grid}.crs-page .crs-panel-icon svg{width:22px;height:22px}.crs-page .crs-search input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.crs-page .crs-panel--error{border-style:solid;border-color:color-mix(in srgb,var(--danger)42%,transparent);background:color-mix(in srgb,var(--danger)7%,var(--surface))}@media (max-width:680px){.crs-page{padding-top:calc(var(--nav-h) + 32px)}.crs-page .crs-hero{gap:16px;margin-bottom:28px}.crs-page .crs-hero-icon{width:48px;height:48px}.crs-page .crs-search{flex-basis:100%;max-width:none}.crs-page .crs-level-select,.crs-page .crs-level-select select{width:100%}}
