body { --accent: var(--yellow); }
:is(.study-standalone,.mosaic-standalone) .page { width: min(94vw, 720px); max-width: 720px; }
:is(.study-standalone,.mosaic-standalone) #pg-about,
:is(.study-standalone,.mosaic-standalone) #pg-prereq,
:is(.study-standalone,.mosaic-standalone) #pg-howto { max-width: 520px; }
:is(.study-standalone,.mosaic-standalone) #pg-results { max-width: 660px; }
:is(.study-standalone,.mosaic-standalone) .suite-task-page { height: min(680px, 88dvh); max-height: 88dvh; }
@media (max-width: 520px) {
  :is(.study-standalone,.mosaic-standalone) .page { width: 96vw; }
}