@layer reset,tokens,base,layout;@layer components{.school-card{gap:var(--ls-space-sm);padding:var(--ls-space-md) var(--ls-space-md) var(--ls-space-md) var(--ls-space-lg);border:1px solid var(--ls-border);border-radius:var(--ls-radius-md);background-color:var(--ls-surface);transition:box-shadow var(--ls-duration-base) var(--ls-ease-out), border-color var(--ls-duration-base) var(--ls-ease-out), transform var(--ls-duration-base) var(--ls-ease-out);align-items:flex-start;display:flex;position:relative;container-type:inline-size}.school-card:before{inset:var(--ls-space-sm) auto var(--ls-space-sm) var(--ls-space-sm);border-radius:var(--ls-radius-pill);background-color:var(--ls-phase-unknown);content:"";width:3px;position:absolute}.school-card[data-phase=primary]:before{background-color:var(--ls-phase-primary)}.school-card[data-phase=secondary]:before{background-color:var(--ls-phase-secondary)}.school-card[data-phase=all-through]:before{background-color:var(--ls-phase-all-through)}.school-card[data-phase=nursery]:before{background-color:var(--ls-phase-nursery)}.school-card[data-phase="16-plus"]:before{background-color:var(--ls-phase-sixteen-plus)}.school-card:hover,.school-card--highlighted{border-color:var(--ls-rule-strong);box-shadow:var(--ls-shadow-md);transform:translateY(-1px)}.school-card__score{max-inline-size:9rem;margin-block-start:var(--ls-space-2xs)}.school-card__index{border-radius:var(--ls-radius-pill);background-color:var(--ls-slate-wash);block-size:1.75rem;inline-size:1.75rem;color:var(--ls-text-muted);font-family:var(--ls-font-data);font-size:var(--ls-size-xs);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-weight:600;display:grid}.school-card__body{flex:auto;min-width:0}.school-card__eyebrow{color:var(--ls-text-muted);font-family:var(--ls-font-data);font-size:var(--ls-size-2xs);letter-spacing:.06em;text-transform:uppercase}.school-card__name{margin-block:var(--ls-space-3xs) var(--ls-space-2xs);font-size:var(--ls-size-lg)}.school-card__link{color:inherit;text-decoration:none}.school-card__link:after{content:"";position:absolute;inset:0}.school-card__link:hover{text-decoration:underline}.school-card__place{color:var(--ls-text-muted);font-size:var(--ls-size-sm)}.school-card__stats{gap:var(--ls-space-xs) var(--ls-space-md);flex-wrap:wrap;margin-block-start:var(--ls-space-sm);display:flex}.school-card__stat{gap:var(--ls-space-3xs);align-items:baseline;display:flex}.school-card__stat-label{color:var(--ls-text-muted);font-size:var(--ls-size-xs)}.school-card__stat-value{font-family:var(--ls-font-data);font-size:var(--ls-size-xs);font-weight:500}.school-card__save{z-index:1;padding:var(--ls-space-3xs);border-radius:var(--ls-radius-sm);color:var(--ls-ink-faint);cursor:pointer;transition:color var(--ls-duration-fast) var(--ls-ease-out);background:0 0;border:0;flex:none;position:relative}.school-card__save[aria-pressed=true]{color:var(--ls-saved)}.school-card__save-icon{fill:currentColor;stroke:currentColor;stroke-width:1.5px;width:22px;height:22px}.school-card__save[aria-pressed=false] .school-card__save-icon{fill:none}@container (width<22rem){.school-card__stats{gap:var(--ls-space-3xs) var(--ls-space-sm)}}}@layer utilities;