/* The free worksheet reader (worksheets/view.php). Pages are images, sized
   before they arrive so the page never jumps; the look follows the portal's
   marking scheme reader. */
.ws-view-pages { display: flex; flex-direction: column; align-items: center;
  gap: 26px; margin: clamp(22px, 3vw, 34px) 0 10px; }
.ws-view-pages .scheme-page { position: relative; margin: 0; width: 100%; max-width: 940px;
  background: #fff; border: 1px solid var(--line); border-radius: 6px;
  overflow: hidden; box-shadow: 0 10px 30px -18px rgba(20, 19, 15, .45); }
.ws-view-pages .scheme-page img { display: block; width: 100%; height: auto; background: #fff;
  user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;
  pointer-events: none; }
.ws-view-pages .scheme-page figcaption { position: absolute; right: 10px; bottom: 10px;
  font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 10.5px; letter-spacing: .1em;
  color: var(--muted); background: rgba(255, 255, 255, .92);
  border: 1px solid var(--line); border-radius: 999px; padding: 4px 10px; }
.ws-view-pages .scheme-page figcaption span { color: var(--ink); }
@media (max-width: 760px) {
  .ws-view-pages { gap: 16px; }
  .ws-view-pages .scheme-page { border-radius: 4px; }
}
@media print {
  .ws-view-pages { display: none !important; }
}