/* schools.css - School Choice (/school-choice/). Colour tokens only, so dark mode follows site.css. */

.cvs-muted{ color:var(--cv-ink-3); font-size:12.5px; }
.cvs-filter{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px; }
.cvs-filter .cv-pill{ text-decoration:none; text-transform:none; letter-spacing:0; }
.cvs-more{ margin:12px 0; font-size:14px; }
.cvs-more a{ color:var(--cv-blue); font-weight:600; }
.cvs-table td:nth-child(2){ min-width:180px; }
.cvs-table td .cv-pill{ margin:0 4px 4px 0; text-transform:none; letter-spacing:0; }

.cvs-prog{ padding:12px 0; border-bottom:1px solid var(--cv-line); }
.cvs-prog:first-child{ padding-top:0; }
.cvs-prog:last-child{ border-bottom:0; padding-bottom:0; }
.cvs-prog h3{ margin:0 0 6px; font-size:17px; color:var(--cv-ink); }
.cvs-prog p{ margin:6px 0; }
.cvs-tags{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.cvs-tags .cv-pill, .cvs-prog .cv-pill{ text-transform:none; letter-spacing:0; }

.cvs-find{ display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; margin:10px 0 14px; }
.cvs-find .cv-field{ display:flex; flex-direction:column; gap:4px; font-size:13px; color:var(--cv-ink-3); }
.cvs-find input, .cvs-find select{ min-width:200px; padding:8px 10px; border:1px solid var(--cv-line); border-radius:8px; background:var(--cv-surface); color:var(--cv-ink); font:inherit; }
.cvs-counts{ margin:0 0 6px; }
.cvs-pager{ display:flex; align-items:center; gap:12px; margin:12px 0 0; }

.cvs-list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.cvs-list li{ display:flex; flex-direction:column; gap:2px; padding-bottom:8px; border-bottom:1px solid var(--cv-line); }
.cvs-list li:last-child{ border-bottom:0; padding-bottom:0; }
.cvs-list a{ color:var(--cv-blue); }
.cvs-list span{ font-size:13.5px; color:var(--cv-ink-3); }

/* Sortable tables (schools.js) */
.cv-sortable thead th{ cursor:pointer; user-select:none; }
.cv-sortable thead th[aria-sort="ascending"]::after{ content:" \25B2"; font-size:9px; }
.cv-sortable thead th[aria-sort="descending"]::after{ content:" \25BC"; font-size:9px; }

@media (max-width:640px){
  .cvs-find input, .cvs-find select{ min-width:0; width:100%; }
  .cvs-find .cv-field{ flex:1 1 100%; }
}