/* Breakpoints and reduced-motion preferences. */
@media (min-width: 1200px) and (max-width: 1439px) {
  .desktop-layout {
    width: 1440px;
    zoom: calc(100vw / 1440px);
  }
}
@media (max-width: 1199px) {
  .desktop-layout {
    display: none;
  }
  .mobile-layout {
    display: block;
  }
  main {
    max-width: 480px;
  }
  .mobile-layout > [data-name="Footer"] {
    direction: ltr;
  }
  .mobile-layout [data-name="Hero copy"] {
    width: calc(100% - 40px);
  }
  .features-heading-mobile {
    width: min(328px, 100%);
  }
  .mobile-layout [data-name="Shelf / Top"],
  .mobile-layout [data-name="Shelf / Edge"] {
    width: 100%;
  }
  .mobile-layout > [data-name="Features"] > [data-name^="Tile /"],
  .mobile-layout [data-name="Subscription panel"],
  .mobile-layout [data-name="Questions"] {
    width: 100%;
  }
}
/* Shelves use the viewport on tablets instead of inheriting the narrow phone layout. */
@media (max-width: 1199px) {
  #books {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
  .books-heading-inset-mobile {
    max-width: 800px;
    margin-inline: auto;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .books-shelf-stage-mobile {
    --shelf-scale: 1.15;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .books-shelf-stage-mobile {
    --shelf-scale: 1.35;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #books .desktop-layout {
    width: 100%;
    zoom: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}