/* Forest Library skin for the approved individual-book layout.
   Structure, animations and handlers remain in book-single.css and page HTML. */
.page-book-2, .page-book-byt-1 {
  --book-cream: #f8f1dc;
  --book-green: #0a3924;
  --book-gold: #cfaa46;
  --book-shadow: 0 16px 36px rgba(12, 40, 24, .15), inset 0 1px rgba(255, 255, 255, .72);
  background: #e8dfc8;
  color: #183225;
}
.page-book-2 .page-main, .page-book-byt-1 .page-main { background: linear-gradient(180deg, #f7f0dc 0%, #ece2c8 100%); }
.page-book-2 .content-with-sides, .page-book-byt-1 .content-with-sides { grid-template-columns: minmax(130px, 1fr) minmax(0, 940px) minmax(130px, 1fr); gap: 28px; align-items: stretch; }
.page-book-2 .page-content, .page-book-byt-1 .page-content { max-width: 1120px; margin: 22px auto 36px; padding: 26px 32px 32px; border: 1px solid rgba(104, 80, 34, .22); border-radius: 20px; background: rgba(255, 252, 239, .8); box-shadow: var(--book-shadow); }
.page-book-2 .book-hero-wrap, .page-book-byt-1 .book-hero-wrap { grid-template-columns: minmax(0, 1fr) 310px; grid-template-rows: minmax(430px, auto) auto; max-width: none; column-gap: 44px; row-gap: 20px; }
.page-book-2 .book-hero-left, .page-book-byt-1 .book-hero-left { padding-top: 28px; }
.page-book-2 .book-hero-title, .page-book-byt-1 .book-hero-title { max-width: 330px; }
.page-book-2 .page-content .book-hero-title h1, .page-book-byt-1 .page-content .book-hero-title h1, .page-book-2 .book-description-heading, .page-book-byt-1 .book-description-heading { font-family: Georgia, 'Times New Roman', serif; color: var(--book-green); text-shadow: none; text-transform: none; }
.page-book-2 .page-content .book-hero-title h1, .page-book-byt-1 .page-content .book-hero-title h1 { font-size: clamp(1.8rem, 2vw, 2rem); line-height: 1.1; text-align: left; overflow-wrap: break-word; }
.page-book-2 .book-hero-image, .page-book-byt-1 .book-hero-image { width: 310px; justify-self: center; align-self: center; }
.page-book-2 .book-flip-card, .page-book-byt-1 .book-flip-card { width: 310px; max-width: 100%; box-shadow: 0 17px 17px rgba(15, 42, 27, .24); }
.page-book-2 .book-flip-front, .page-book-2 .book-flip-back, .page-book-byt-1 .book-flip-front, .page-book-byt-1 .book-flip-back { border-radius: 8px; overflow: hidden; background-color: #e6dac0; }
.page-book-2 .book-flip-front img, .page-book-byt-1 .book-flip-front img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.page-book-2 .book-description-panel, .page-book-byt-1 .book-description-panel { border: 1px solid rgba(161, 123, 37, .3); border-radius: 15px; background: linear-gradient(135deg, rgba(255,255,255,.7), rgba(245,234,199,.64)); box-shadow: inset 0 1px rgba(255,255,255,.85); }
.page-book-2 .book-description-below, .page-book-byt-1 .book-description-below { padding: 24px 28px; }
.page-book-2 .book-description, .page-book-byt-1 .book-description { color: #263d2e; font-size: 1rem; line-height: 1.68; text-align: left; }
.page-book-2 .side-links-left, .page-book-byt-1 .side-links-left { padding-top: 30px; }
.page-book-2 .side-link, .page-book-byt-1 .side-link, .page-book-2 .page-content .btn.btn-accent, .page-book-byt-1 .page-content .btn.btn-accent {
  border: 1px solid rgba(232,207,115,.68) !important; background: linear-gradient(160deg,#1a5a36,#092d1d 62%,#061e14) !important; color: #fff6cf !important; box-shadow: 0 4px 0 #03150d, 0 8px 15px rgba(3,23,14,.25), inset 0 1px rgba(255,255,255,.26) !important; text-shadow: 0 1px rgba(0,0,0,.3); transition: transform var(--forest-motion-control), box-shadow var(--forest-motion-control), filter var(--forest-motion-control);
}
.page-book-2 .side-link:hover, .page-book-byt-1 .side-link:hover, .page-book-2 .page-content .btn.btn-accent:hover, .page-book-byt-1 .page-content .btn.btn-accent:hover { transform: translateY(-1px); filter: brightness(1.1); box-shadow: 0 6px 0 #03150d, 0 12px 20px rgba(3,23,14,.3), inset 0 1px rgba(255,255,255,.34) !important; }
.page-book-2 .side-link:active, .page-book-byt-1 .side-link:active, .page-book-2 .page-content .btn.btn-accent:active, .page-book-byt-1 .page-content .btn.btn-accent:active { transform: translateY(2px); box-shadow: 0 1px 0 #03150d, inset 0 2px 5px rgba(0,0,0,.36) !important; }
.page-book-2 .side-link.active, .page-book-byt-1 .side-link.active { background: linear-gradient(160deg,#bd9130,#8e6418) !important; color: #fff9df !important; }
.page-book-2 .page-content .book-hero-cta .btn.btn-accent, .page-book-byt-1 .page-content .book-hero-cta .btn.btn-accent, .page-book-2 .page-content .book-format-buttons .btn.btn-accent, .page-book-byt-1 .page-content .book-format-buttons .btn.btn-accent { min-height: 42px; padding: 10px 16px !important; border-radius: 10px !important; font-size: .82rem !important; letter-spacing: .035em; }
.page-book-2 .book-status, .page-book-byt-1 .book-status { background: #fff9e8; color: #6b5527; border: 1px solid rgba(161,123,37,.28); }
@media (min-width:1101px) { .page-book-2 .site-header .site-title, .page-book-byt-1 .site-header .site-title { max-width: 340px; white-space: nowrap; } }
@media (max-width:1024px) { .page-book-2 .content-with-sides, .page-book-byt-1 .content-with-sides { grid-template-columns: 1fr; } .page-book-2 .page-content, .page-book-byt-1 .page-content { margin:16px auto 28px; padding:22px; } .page-book-2 .book-hero-wrap, .page-book-byt-1 .book-hero-wrap { grid-template-columns:1fr; grid-template-rows:auto; } .page-book-2 .book-hero-image, .page-book-byt-1 .book-hero-image { grid-row:1; width:280px; } .page-book-2 .book-flip-card, .page-book-byt-1 .book-flip-card { width:280px; } .page-book-2 .book-hero-left, .page-book-byt-1 .book-hero-left { grid-row:2; padding-top:4px; text-align:center; } .page-book-2 .book-hero-title, .page-book-byt-1 .book-hero-title { max-width:none; } .page-book-2 .book-description-panel, .page-book-byt-1 .book-description-panel { grid-row:3; } }
@media (max-width:600px) { .page-book-2 .page-content, .page-book-byt-1 .page-content { margin:10px 8px 22px; padding:18px 14px 22px; border-radius:14px; } .page-book-2 .book-hero-image, .page-book-2 .book-flip-card, .page-book-byt-1 .book-hero-image, .page-book-byt-1 .book-flip-card { width:min(260px,100%); } .page-book-2 .page-content .book-hero-title h1, .page-book-byt-1 .page-content .book-hero-title h1 { font-size:clamp(1.75rem,9vw,2.25rem); text-align:center; } .page-book-2 .book-description-below, .page-book-byt-1 .book-description-below { padding:19px 17px; } }
