/* Editorial visuals, keeping the purchase path and actual book evidence intact. */
.book-editorial-hero { margin: 0; position: relative; overflow: hidden; border-radius: 18px 80px 18px 18px; background: #ede9de; }
.book-editorial-hero > img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.book-editorial-hero figcaption { padding: 18px 24px; background: #ede9de; display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 12px; }
.book-editorial-hero small { font-size: 10px; color: #626259; }
.criteria-editorial { margin: 32px 0 24px; }
.criteria-editorial img { display: block; width: 100%; height: auto; border-radius: 12px; }
.criteria-editorial figcaption { margin-top: 13px; font-size: 13px; color: #58624c; line-height: 1.7; }
/* Let the existing session photograph carry real human context later in the story. */
body[data-route=book] .author-context { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; }
body[data-route=book] .author-context img { width: 100%; height: 300px; object-fit: cover; object-position: 70% center; border-radius: 12px; }
@media (max-width: 760px) {
  body[data-route=book] .hero { gap: 0; }
  body[data-route=book] .hero-copy { display: contents; }
  body[data-route=book] .hero-copy > .eyebrow { order: 0; }
  body[data-route=book] .hero h1 { order: 1; }
  .book-editorial-hero { order: 2; margin-top: 23px; border-radius: 12px 42px 12px 12px; }
  .book-editorial-hero > img { height: 210px; aspect-ratio: auto; object-position: center 54%; }
  .book-editorial-hero figcaption { padding: 10px 13px; font-size: 10px; gap: 8px; }
  .book-editorial-hero small { font-size: 8px; }
  body[data-route=book] .hero-description { order: 3; margin-top: 18px; }
  body[data-route=book] .route-facts { order: 4; }
  body[data-route=book] .hero-actions { order: 5; margin-top: 15px; }
  body[data-route=book] .hero-note { order: 6; }
  body[data-route=book] .hero .availability { order: 7; }
  .criteria-editorial { margin-top: 27px; }
  .criteria-editorial figcaption { font-size: 12px; }
  body[data-route=book] .author-context { display: block; }
  body[data-route=book] .author-context img { height: 230px; margin-bottom: 25px; }
}