/* Copyright (c) 2026 Craig Reeder. SPDX-License-Identifier: ISC */

/*
 * Screen chrome: gray backdrop + paper-like page cards around the pages
 * Paged.js lays out. Kept out of style.css because Paged.js deletes
 * @media screen blocks from the stylesheets it processes; it leaves
 * <link media="screen"> alone.
 */
body {
  background: #e7e7e7;
}

.pagedjs_pages {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  padding: 2rem 0;
}

.pagedjs_page {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 8px 24px rgba(0, 0, 0, 0.12);
}