/* Deliberate fixes to the live design (left out of the exact copy, see build.py --exact). */

/* Home slideshow: show the whole "Glioblastoma kills" chart. The live site crops it (object-fit: cover),
   which cuts it to "ioblastoma kills" on desktop and to fragments on phones. The photo slide keeps cover. */
.user-items-list-banner-slideshow .list-slideshow-image[src*="glioblastoma-kills"],
.user-items-list-banner-slideshow .list-slideshow-image[src*="screenshot-2025-12-20"] { object-fit: contain !important; }

/* Science: one linear article instead of the overlapping fluid grid.
   Width matches the old text column: 20 of the 24 grid columns. */
.thx-article {
  --thx-c: min(var(--sqs-site-max-width, 1500px), calc(100vw - 2 * var(--sqs-site-gutter, 4vw)));
  width: calc(var(--thx-c) * 20 / 24);
  margin: 0 auto;
  padding: 0 0 4vmax;
  box-sizing: border-box;
}
.thx-cta { display: flex; flex-direction: column; align-items: center; gap: 1rem; margin-bottom: 3rem; }
.thx-article > .sqs-block + .sqs-block,
.thx-article > .thx-row + .sqs-block { margin-top: 2.2em; }
.thx-row { display: grid; column-gap: 3%; row-gap: 1.5em; align-items: start; margin-top: 1.2em; }
.thx-two { grid-template-columns: 1fr 1fr; }
.thx-side { grid-template-columns: 15fr 5fr; }
.thx-pair { grid-template-columns: 1fr 1fr; width: 60%; }
.thx-fig { margin: 0; }
.thx-fig img { display: block; width: 100%; height: auto; }
@media (max-width: 767px) {
  .thx-article { width: auto; margin: 0 var(--sqs-mobile-site-gutter, 6vw); }
  .thx-two, .thx-side, .thx-pair { grid-template-columns: 1fr; width: auto; }
}