/* Book-only hero treatment. The original header, footer and all sections remain.
   The lower inset leaves room for the featured shelf's existing overlap. */
body.book-only-home #top {
  min-height:780px;
  min-height:max(780px,100svh);
  margin:0;
  background-position:center center;
  background-size:cover;
}

body.book-only-home .hero-inner {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:38px;
  width:100%;
  min-height:780px;
  min-height:max(780px,100svh);
  box-sizing:border-box;
  padding:128px max(24px,env(safe-area-inset-right)) 150px max(24px,env(safe-area-inset-left));
}

body.book-only-home :is(.hero-art,.hero-visual) {
  position:relative;
  width:min(570px,86vw,82svh);
  max-width:100%;
  height:auto;
  min-height:0;
  margin:0;
  transform:none;
  perspective:1200px;
  container-type:inline-size;
  flex:0 0 auto;
}

body.book-only-home .book-stage {
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  margin:0;
}

/* Retain the width-driven cover geometry and individual interactive targets. */
body.book-only-home .book-stage .display-book {
  height:auto;
  aspect-ratio:3/4;
}

body.book-only-home #top :is(.hero-copy,.hero-bottom,.books-hint,.display-open) {
  display:none !important;
}

body.book-only-home .home-book-actions {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  width:min(470px,100%);
  flex:0 0 auto;
}

body.book-only-home .home-book-actions > a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex:1 1 0;
  min-width:0;
  min-height:60px;
  padding:16px 24px 13px;
  border:1px solid #a7865d;
  border-radius:999px;
  background:#fff7e9e8;
  color:#654b2e;
  font-size:19px;
  font-weight:700;
  line-height:1.5;
  text-align:center;
  white-space:nowrap;
  box-shadow:0 6px 22px #63492712;
  transition:background .2s,box-shadow .2s,transform .2s;
}

body.book-only-home .home-book-actions > .home-free {
  border-color:#194c3d;
  background:#194c3d;
  color:#fff7e9;
}

body.book-only-home .home-book-actions > a:hover {
  transform:translateY(-2px);
  box-shadow:0 9px 26px #63492724;
}

body.book-only-home .home-book-actions > .home-explore:hover { background:#fffaf2; }
body.book-only-home .home-book-actions > .home-free:hover { background:#123e32; }
body.book-only-home .home-book-actions > a:focus-visible { outline:3px solid #194c3d;outline-offset:5px; }
body.book-only-home .home-book-actions > a::before,
body.book-only-home .home-book-actions > a::after { content:none; }
body.book-only-home .home-book-actions svg { display:none; }

@media(max-width:700px) {
  body.book-only-home #top { min-height:620px;min-height:max(620px,100svh); }
  body.book-only-home .hero-inner {
    gap:32px;
    min-height:620px;
    min-height:max(620px,100svh);
    padding:112px max(22px,env(safe-area-inset-right)) 105px max(22px,env(safe-area-inset-left));
  }
  body.book-only-home :is(.hero-art,.hero-visual) { width:min(540px,86vw,82svh); }
  body.book-only-home .home-book-actions { gap:12px;width:min(410px,100%); }
  body.book-only-home .home-book-actions > a { min-height:56px;padding:14px 13px 11px;font-size:17px; }
}

@media(max-width:370px) {
  body.book-only-home .hero-inner { padding-inline:20px;gap:28px; }
  body.book-only-home .home-book-actions { gap:10px; }
  body.book-only-home .home-book-actions > a { padding-inline:9px;font-size:15px; }
}

@media(max-height:520px) and (min-width:600px) {
  body.book-only-home #top { min-height:620px; }
  body.book-only-home .hero-inner { gap:24px;min-height:620px;padding-block:118px 120px; }
  body.book-only-home :is(.hero-art,.hero-visual) { width:min(440px,74svh); }
  body.book-only-home .home-book-actions { width:360px;max-width:100%; }
  body.book-only-home .home-book-actions > a { min-height:50px;padding-block:10px 8px;font-size:16px; }
}

@media(prefers-reduced-motion:reduce) {
  body.book-only-home .home-book-actions > a { transition:none; }
  body.book-only-home .home-book-actions > a:hover { transform:none; }
}

/* Examples are real search controls, not placeholder-only suggestions. */
.search-examples{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-12px 0 30px;color:#79684f;font-size:13px}
.search-examples>span{margin-inline-end:5px}
.search-examples>button{font:inherit;color:#315947;background:#f4ecdf;border:1px solid #d8c7ad;border-radius:999px;padding:9px 14px;min-height:40px;cursor:pointer;line-height:1.4}
.search-examples>button:hover{background:#e8decb;border-color:#ac9069}
.search-examples>button:focus-visible{outline:3px solid #947143;outline-offset:3px}
@media(max-width:700px){.search-examples{margin-top:-6px;margin-bottom:25px;gap:7px;font-size:12px}.search-examples>span{flex-basis:100%;margin-bottom:2px}.search-examples>button{min-height:42px;padding:9px 12px}}