/* "X vs Y" college pages (/compare/{a}-vs-{b}; src/views/compare-pair.tsx). Phones: a two-column grid with each
   measure's name across the top, so nothing scrolls sideways at 360px. Computers: three columns (label, then the two colleges). */
.cmp-cards { display: grid; gap: .7rem; margin: 1rem 0; }
@media (min-width: 48rem) { .cmp-cards { grid-template-columns: 1fr 1fr; } }
.cmp-card { display: flex; gap: .8rem; align-items: center; text-decoration: none !important; color: inherit; padding: .8rem 1rem; min-width: 0; }
.cmp-card-text { display: grid; gap: .1rem; min-width: 0; overflow-wrap: anywhere; }
.cmp-sum { margin: 1.25rem 0; }
.cmp-sum ul { padding-left: 1.2rem; margin: .4rem 0 0; }
.cmp-sum li { margin: .35rem 0; }
.cmp-wrap { margin: 1.25rem 0 0; min-width: 0; }
.cmp-tbl { display: grid; border: 1px solid var(--line); border-radius: .6rem; background: var(--surface); overflow: hidden; min-width: 0; }
.cmp-head, .cmp-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-width: 0; }
.cmp-head { background: var(--bg); border-bottom: 1px solid var(--line); }
.cmp-corner { display: none; }
.cmp-colh { padding: .7rem .8rem; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.cmp-colh a { color: inherit; }
.cmp-sec { display: block; background: var(--bg); border-top: 1px solid var(--line); }
.cmp-sec-h { padding: .5rem .8rem; font-size: .8rem; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); font-weight: 700; }
.cmp-row { border-top: 1px solid var(--line); }
.cmp-row:first-of-type { border-top: 0; }
.cmp-label { grid-column: 1 / -1; padding: .55rem .8rem 0; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.cmp-cell { padding: .3rem .8rem .65rem; min-width: 0; overflow-wrap: anywhere; font-size: .95rem; }
.cmp-majors { margin: 0; padding-left: 1.1rem; font-size: .9rem; }
.cmp-majors li { margin: .15rem 0; }
@media (min-width: 48rem) {
  .cmp-head, .cmp-row { grid-template-columns: minmax(12rem, 1fr) minmax(0, 1.4fr) minmax(0, 1.4fr); }
  .cmp-corner { display: block; }
  .cmp-label { grid-column: auto; align-self: center; padding: .7rem .9rem; }
  .cmp-cell { padding: .7rem .9rem; align-self: center; }
  .cmp-colh { padding: .8rem .9rem; }
  .cmp-sec { display: block; }
}
.cmp-pick { margin-top: 1.75rem; }
.cmp-pick form { margin: .6rem 0; }
.cmp-note { margin-top: 1.25rem; }
.cmp-picks { padding-left: 1.1rem; }
.cmp-picks li { margin: .4rem 0; overflow-wrap: anywhere; }
.compare-links { margin-top: .9rem; overflow-wrap: anywhere; }