/* scholarcloud.finder.css — the layout classes of the programme finder and the hub's surfaces (Service.StudentHub
 * renderProgrammeFinder; the hub shell's hero and columns). ONE home, loaded by the hub entry page and by the ScholarCloud
 * loadout, so the same finder lays out the same on scholarcloud.live and inside ScholarCloud's Admissions. Tokens only
 * (CLAUDE.md §35b): no hex, no px, no inline styles. The hub's colour tokens stay in scholarcloudhub.theme.css. */
.sch-hero{display:flex;flex-direction:column;gap:var(--ui-space-2);margin-bottom:var(--ui-space-3)}
.sch-kicker{font-size:var(--ui-text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-primary);font-weight:600}
.sch-title{font-size:2rem;line-height:1.15;font-weight:600;margin:0;color:var(--ui-gray-900)}
.sch-lede{font-size:var(--ui-text-md);color:var(--ui-gray-600);max-width:52rem;margin:0}
.sch-metrics{display:flex;flex-wrap:wrap;gap:var(--ui-space-2);align-items:center}
.sch-cs{align-items:flex-start}
.sch-controls{flex:1 1 16rem;max-width:22rem;min-width:0}
.sch-stage{flex:3 1 30rem;min-width:0}
.sch-detail{min-width:0}
.sch-compare:empty{display:none}
.sch-req{display:flex;flex-direction:column;gap:var(--ui-space-1);margin-top:var(--ui-space-2)}
.ui-bind-sort{margin-left:auto}
.sch-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:var(--ui-space-3);align-items:start}
.sch-err:empty{display:none}
.sch-err{padding:var(--ui-space-2) 0;font-size:var(--ui-text-sm)}
@media (max-width: 56rem){ .sch-controls{max-width:none;flex-basis:100%} .sch-title{font-size:1.5rem} }