/* 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; }
}