/* Lab Requests: the desktop layout. Phones are unchanged; these only widen
   and arrange the lab pages on larger screens. Lab pages only (body.lab),
   so the School page sharing kredits-school.css is not affected. */

@media (min-width: 900px) {
  body.lab .ks-page { max-width: 760px; padding: 28px 32px 80px; }
  body.lab .ks-h1 { font-size: 30px; margin-bottom: 8px; }
  body.lab .ks-lede { font-size: 15px; max-width: 70ch; }
  body.lab .ks-card { padding: 22px 24px; }
}

/* Wide pages: technician portal, Lab settings, Lab admin */
@media (min-width: 1024px) {
  body.lab.lab-wide .ks-page { max-width: 1240px; }

  /* Two columns of cards, each card its own height */
  body.lab .lab-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
  body.lab .lab-grid > * { margin: 0; }
  body.lab .lab-grid > .lab-span { grid-column: 1 / -1; }
}
@media (min-width: 1440px) {
  body.lab .lab-grid.lab-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.lab.lab-wide .ks-page { max-width: 1560px; }
}