/* The supplied rendering leads; the interactive print model stays an optional view. */
.header { width: min(1320px, calc(100% - 96px)); }
@media(max-width:1000px) { .header { width: calc(100% - 64px); } }
@media(max-width:700px) { .header { width: calc(100% - 40px); } }
.book-section .book-intro { grid-template-columns: minmax(0,.88fr) minmax(0,1.3fr); gap: 64px; align-items: center; }
.book-section .book-copy { padding: 0; }
.book-section .book-copy h2 { max-width: 540px; }
.book-section .book-copy p { max-width: 450px; color: var(--ink); }
.book-object { min-width: 0; }
.book-render { margin: 0; }
.book-render > img { display: block; width: 100%; height: auto; }
.book-render figcaption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px 16px; margin: 15px 0 0; font-size: 13px; line-height: 1.55; color: var(--ink); }
.book-render figcaption > span { color: var(--quiet); }
.book-explore { margin: 21px 0 0; }
.book-explore > summary { width: fit-content; min-height: 44px; display: flex; align-items: center; gap: 28px; font-size: 15px; cursor: pointer; list-style: none; text-underline-offset: 5px; text-decoration: underline; }
.book-explore > summary::-webkit-details-marker { display: none; }
.book-explore > summary:hover { color: var(--accent); }
.book-explore .book-viewer-wrap { margin: 14px 0 0; padding: 12px; background: #edf0eb; }
.book-explore littletales-book { display: block; }
.book-explore .model-note { color: var(--quiet); }
@media(max-width:1100px) and (min-width:701px) {
  .book-section .book-intro { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 32px; align-items: start; }
  .book-section .book-copy h2 { font-size: 42px; }
}
@media(max-width:700px) {
  .how > h2 { max-width: none; text-wrap: balance; }
  .how > h2 br { display: none; }
  .book-section .book-intro { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; }
  .book-section .book-copy { display: contents; }
  .book-section .book-copy h2 { grid-row: 1; margin-bottom: 0; }
  .book-section .book-object { grid-row: 2; }
  .book-section .book-copy p { margin-bottom: 0; }
  .book-section .book-copy h2 { font-size: 38px; }
  .book-section .book-copy p { font-size: 16px; line-height: 1.65; }
  .book-object { width: 100%; }
  .book-render figcaption { margin-top: 12px; font-size: 12px; }
  .book-explore { margin-top: 13px; }
}

.page-preview{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.page-preview img{display:block;width:100%;height:auto}.page-preview:focus-visible{outline:3px solid #9c4c35;outline-offset:5px}.page-dialog{width:min(1100px,96vw);height:94dvh;max-width:96vw;max-height:94dvh;padding:0;border:0;border-radius:8px;background:#f8f9f6;color:#283e43;overflow:hidden}.page-dialog::backdrop{background:#102024cc}.page-toolbar{height:62px;display:flex;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid #d9dfd9}.page-toolbar button{min-width:44px;min-height:44px;border:1px solid #bbc7c3;background:transparent;color:inherit;border-radius:4px;cursor:pointer}.page-toolbar [data-close]{margin-left:auto}.page-viewport{height:calc(100% - 62px);display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:grab}.page-viewport img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;user-select:none}