/* A compact cover, real-page preview and two small interactive choices. */
.reader-page .book-opening {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(230px, .7fr);
  align-items: center;
  gap: clamp(28px, 7vw, 92px);
  min-height: min(76svh, 690px);
  padding: clamp(36px, 7vh, 76px) clamp(24px, 8vw, 120px);
  color: #f5eedc;
  background: linear-gradient(120deg, #263d30, #47563c);
}
.reader-page.reader-muddy .book-opening { background: linear-gradient(120deg, #433b2c, #765039); }
.book-opening-copy { max-width: 660px; }
.book-opening-copy > small, .book-peek-heading > small { color: #e6cc91; font: 700 .68rem/1.3 Arial,sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.book-opening-copy h1 { margin: 16px 0; font: 400 clamp(2.8rem, 6vw, 5.8rem)/.95 Baskerville,Georgia,serif; letter-spacing: -.035em; }
.book-opening-copy p { max-width: 570px; font: 1.08rem/1.55 Baskerville,Georgia,serif; color: #f0e5cd; }
.book-opening-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.book-opening-actions a { min-height: 44px; display: inline-flex; align-items: center; padding: 9px 15px; border: 1px solid #d9c18a; color: #f8edcf; text-decoration: none; font: 600 .8rem/1.3 Arial,sans-serif; letter-spacing: .06em; }
.book-opening-actions a:first-child { background: #e9d9b3; color: #293b2e; }
.book-opening-cover { justify-self: center; margin: 0; padding: 12px; border: 1px solid #b29b68; background: #303e2d; box-shadow: 9px 12px 24px #17211770; }
.book-opening-cover img { display: block; width: min(100%, 310px); max-height: 430px; object-fit: contain; }
.book-opening-cover figcaption { margin-top: 8px; color: #e7d8b7; font: 700 .58rem/1.35 Arial,sans-serif; letter-spacing: .1em; text-align: center; text-transform: uppercase; }
.book-peek { padding: clamp(34px, 6vh, 64px) 24px; background: #eee5d2; color: #303e31; }
.book-peek-inner { width: min(1040px, 100%); margin: auto; }
.book-peek-heading { margin: 0 0 22px; text-align: center; }
.book-peek-heading h2 { margin: 9px 0 5px; font: 400 clamp(2rem, 4vw, 3.4rem)/1 Baskerville,Georgia,serif; }
.book-peek-heading p { margin: 0; color: #656250; font: .92rem/1.45 Georgia,serif; }
.book-peek-view { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .7fr); align-items: center; gap: clamp(22px, 5vw, 58px); padding: 20px; border: 1px solid #b8a77e; background: #f8f3e8; }
.book-peek-page { margin: 0; padding: 10px; background: #fffdf7; border: 1px solid #d7cdb7; box-shadow: 6px 8px 0 #cfbf9a; }
.book-peek-page img { display: block; width: 100%; height: min(52vh, 470px); object-fit: contain; }
.book-peek-page figcaption { padding: 9px 3px 1px; color: #6e613e; font: 700 .62rem/1.35 Arial,sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.book-peek-controls { display: grid; gap: 9px; }
.book-peek-controls p { margin: 0 0 4px; color: #625d4c; font: italic 1rem/1.4 Georgia,serif; }
.book-peek-controls button, .book-how-button { min-height: 44px; padding: 9px 13px; border: 1px solid #a99566; color: #344332; background: transparent; text-align: left; cursor: pointer; font: 600 .76rem/1.35 Arial,sans-serif; letter-spacing: .045em; }
.book-peek-controls button[aria-pressed="true"] { color: #f7eedc; background: #344734; border-color: #344734; }
.book-how { width: min(1040px, 100%); margin: 17px auto 0; }
.book-how-button { display: block; margin: 0 auto; min-width: 190px; text-align: center; }
.book-how-panel { max-width: 760px; margin: 12px auto 0; padding: 17px 22px; border: 1px solid #c9b98f; background: #f8f3e8; color: #384333; }
.book-how-panel[hidden] { display: none !important; }
.book-how-panel ol { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 25px; margin: 0; padding-left: 20px; font: .9rem/1.5 Georgia,serif; }
.book-peek-order { padding: 22px 10px 0; text-align: center; }
.book-peek-order a { display: inline-flex; min-height: 44px; align-items: center; padding: 10px 17px; background: #354631; color: #fff5dd; text-decoration: none; font: 700 .72rem/1.3 Arial,sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.reader-page.reader-muddy .book-peek-order a { background: #7d4936; }
@media (max-width: 700px) {
  .reader-page .book-opening { grid-template-columns: 1fr; min-height: 0; gap: 26px; padding: 110px 24px 36px; }
  .book-opening-copy h1 { font-size: clamp(2.8rem, 12vw, 4.2rem); }
  .book-opening-cover { width: min(290px, 78vw); }
  .book-opening-cover img { max-height: 360px; }
  .book-peek-view { grid-template-columns: 1fr; gap: 18px; padding: 13px; }
  .book-peek-page img { height: min(62vh, 410px); }
  .book-peek-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .book-peek-controls p { grid-column: 1 / -1; }
  .book-peek-controls button { text-align: center; padding-inline: 6px; }
}