/* The Stewards book callout (bt#108) -- the Grit coloring book you can buy,
   on /grit/ and beside the Kids list on the Scratch Kitchen menu. Markup is
   templates/pages/_book_callout.html. Colour, type and spacing tokens all
   come from site.css -- nothing is redefined here, and there is no behaviour:
   it is a cover, a line and a link.

   The cover rule has to survive the cover art not existing yet: the <img> is
   simply absent until the file lands, so the layout is written so the body
   fills the box on its own. */

.book-callout {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 3vw, 1.8rem);
  max-width: 46rem;
  margin: clamp(1.6rem, 5vw, 2.6rem) auto;
  padding: clamp(1rem, 3vw, 1.4rem);
  border: 1px solid var(--sand);
  border-radius: var(--radius);
  background: var(--paper-2);
}

.book-callout-cover {
  flex: 0 0 auto;
  display: block;
  width: clamp(88px, 22vw, 132px);
  height: auto;
  border-radius: 2px;
  box-shadow: var(--shadow);
}

.book-callout-body {
  flex: 1;
  min-width: 0;
}

.book-callout-body .eyebrow {
  margin: 0 0 .25rem;
}

.book-callout-line {
  margin: 0 0 .9rem;
  color: var(--ink-soft);
}

.book-callout-cta {
  margin: 0;
}

@media (max-width: 560px) {
  .book-callout {
    flex-direction: column;
    align-items: flex-start;
  }
}