* { box-sizing: border-box; }
html { color-scheme: light; background: #f5f5f3; }
body { margin: 0; }
main { width: min(900px, 100%); margin: 32px auto; }
.manual-sheet {
  position: relative;
  margin: 0 0 20px;
  background: white;
  box-shadow: 0 1px 5px #0000000d;
}
.manual-sheet img { display: block; width: 100%; height: auto; }
.manual-transcript {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
@media (max-width: 600px) {
  main { margin: 0 auto; }
  .manual-sheet { margin-bottom: 10px; box-shadow: none; }
}
@media print {
  html { background: white; }
  main { width: 100%; margin: 0; }
  .manual-sheet { margin: 0; box-shadow: none; break-after: page; }
  .manual-sheet:last-child { break-after: auto; }
}