#school-track { scroll-margin-top: 9rem; }
#school-track .school-head { display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; justify-content:space-between; }
#school-track h2,#school-track h3 { margin:.4rem 0 .6rem; }
#school-track .school-tabs { margin:.5rem 0; }
#school-track .school-tabs [aria-pressed=false] { background:#eef3f8; color:#163c6a; }
#school-track form { display:grid; gap:.55rem; margin:.65rem 0; }
#school-track label { display:grid; gap:.25rem; min-width:0; margin:0; }
#school-track fieldset { padding:.7rem; min-inline-size:0; border:1px solid #cbd9e8; border-radius:.55rem; }
#school-track select,#school-track input,#school-track textarea { width:100%; min-width:0; max-width:100%; }
#school-track .school-check { display:flex; align-items:flex-start; gap:.5rem; padding:.3rem 0; }
#school-track .school-check input { width:auto; margin:.25rem 0 0; }
#school-track details { padding:.65rem .75rem; margin:.55rem 0; border:1px solid #d5e1ef; border-radius:.55rem; }
#school-track summary { cursor:pointer; font-weight:650; overflow-wrap:anywhere; }
#school-track .school-row { margin:.35rem 0; }
#school-track .school-grid { display:grid; gap:.6rem; grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr)); }
#school-track .school-grade,#school-track .school-category { display:grid; gap:.55rem; align-items:end;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.65fr); padding:.6rem 0; border-bottom:1px solid #dce5ef; }
#school-track .school-grade strong { align-self:center; overflow-wrap:anywhere; }
#school-track .school-progress { background:#eff5fc; border:1px solid #d6e4f3; padding:.85rem; border-radius:.7rem; }
#school-track .school-progress p { margin:.25rem 0; }
#school-track .school-average { font-size:1.7rem; color:#153f71; }
#school-track .school-results { list-style:none; padding:0; }
#school-track .school-results li { display:flex; justify-content:space-between; gap:.7rem; padding:.4rem 0; border-bottom:1px solid #e0e8f2; }
#school-track .school-results small { display:block; }
#school-track .school-results b { text-align:right; }
#school-track .school-appraisal { white-space:pre-wrap; overflow-wrap:anywhere; }
#school-track .school-error { color:#8e2017; }
#school-track pre { white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:520px) {
  #school-track .school-grade,#school-track .school-category { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  #school-track .school-grade strong,#school-track .school-category > button { grid-column:1 / -1; }
}