/* ═══════════════════════════════════════════════════════════════
   compare-schools.html — page stylesheet
   Was a <style> block in the page. It is a separate file, not part
   of styles.css, because these selectors are page-scoped: moving
   them into the shared sheet would have applied them site-wide.
   (school-news.html styles .news-card, and so does index.html;
    offline.html sets bare *, body, h1 and p rules.)
   ═══════════════════════════════════════════════════════════════ */

.cmp-table td, .cmp-table th { transition: background .2s; }
  .cmp-table td:nth-child(2) { background: rgba(255,207,1,.04); }
/* The header cell is painted navy by .faculty-table thead th. Replacing that
   background with the tint left gold type on near-cream — 1.35:1. Layer the
   tint over the navy instead so the highlight survives and the type reads. */
.cmp-table thead th:nth-child(2) { background: linear-gradient(rgba(255,207,1,.10), rgba(255,207,1,.10)), var(--navy-deep, #04101f); }
  .cmp-table tbody tr:hover td { background: rgba(255,207,1,.1); }
  .cmp-table td:hover { background: rgba(255,207,1,.22) !important; }