.book {
  position: relative;
  width: min(94vw, calc(76vh * 1.5), 96rem);
  aspect-ratio: 3 / 2;
  isolation: isolate;
  touch-action: none;
  transform-style: flat;
  --book-safe-top: 15.039%;
  --book-safe-height: 48.047%;
  --book-safe-left-x: 15.495%;
  --book-safe-right-x: 54.167%;
  --book-safe-width: 30.339%;
}
.book__master {
  position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%;
  object-fit: contain; pointer-events: none; user-select: none;
  filter: drop-shadow(0 1.7rem 2.6rem rgba(0,0,0,.42));
}
.book__ink { position: absolute; z-index: 2; inset: 0; pointer-events: none; }
.book__safe {
  position: absolute; top: var(--book-safe-top); width: var(--book-safe-width); height: var(--book-safe-height);
  display: grid; align-content: center; justify-items: center; padding: clamp(.65rem, 1.5vw, 1.65rem);
  color: var(--paper-ink, #49371f); text-align: center; font-family: Georgia, "Times New Roman", serif;
}
.book__safe--left { left: var(--book-safe-left-x); transform: rotate(-.18deg); }
.book__safe--right { left: var(--book-safe-right-x); transform: rotate(.18deg); }
.book__turn-layer {
  position: absolute; z-index: 5; inset: 0; pointer-events: none; transform-style: preserve-3d;
  perspective: clamp(12000px, 960vw, 18000px); perspective-origin: 50% 50%;
}
.turn-shadows { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
.turn-shadow { position: absolute; opacity: 0; pointer-events: none; will-change: transform, opacity; }
.turn-shadow--spine {
  left: 48.75%; top: 17.2%; width: 2.7%; height: 58%; transform-origin: 50% 50%; border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(42,26,8,.58) 0%, rgba(48,29,8,.25) 38%, rgba(48,29,8,0) 74%);
  filter: blur(clamp(.14rem, .24vw, .28rem));
}
.turn-shadow--edge {
  left: 49.2%; top: 18.2%; width: 31.5%; height: 55%; transform-origin: 0% 50%; border-radius: 46%;
  background: linear-gradient(90deg, rgba(45,27,8,.44) 0%, rgba(50,30,8,.20) 28%, rgba(54,32,8,.06) 62%, rgba(54,32,8,0) 100%);
  filter: blur(clamp(.18rem, .34vw, .40rem));
}
.turn-leaf { position: absolute; z-index: 2; transform-origin: 0% 50%; transform-style: preserve-3d; will-change: transform; }
.turn-leaf__bend { position: absolute; inset: 0; transform-origin: 0% 50%; transform-style: preserve-3d; will-change: transform; }
.turn-leaf__bend::after {
  content: ""; position: absolute; z-index: 4; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(75,46,13,.07), rgba(255,255,255,0) 22%, rgba(255,255,255,.045) 70%, rgba(77,46,12,.06));
  mix-blend-mode: multiply; opacity: .55;
}
.turn-face {
  position: absolute; inset: 0; overflow: hidden; transform-style: preserve-3d; backface-visibility: hidden;
  -webkit-backface-visibility: hidden; background: #efe2c4;
}
.turn-face--front { transform: rotateY(0deg) translateZ(.25px); }
.turn-face--back { transform: rotateY(180deg) translateZ(.25px); background: #ead9b4; }
.turn-face--back::after {
  content: ""; position: absolute; z-index: 2; inset: 0;
  background: linear-gradient(90deg, rgba(117,77,24,.045), rgba(255,255,255,.018) 38%, rgba(94,58,15,.025)); pointer-events: none;
}
.turn-face__master { position: absolute; z-index: 0; max-width: none; max-height: none; object-fit: fill; pointer-events: none; user-select: none; }
.turn-face--back .turn-face__master { filter: brightness(.985) saturate(.94) sepia(.025); }
.turn-face__safe {
  position: absolute; z-index: 3; display: grid; align-content: center; justify-items: center;
  padding: clamp(.65rem, 1.5vw, 1.65rem); color: var(--paper-ink, #49371f); text-align: center;
  font-family: Georgia, "Times New Roman", serif;
}
.turn-face--front .turn-face__safe { transform: rotate(.18deg); }
.turn-face--back .turn-face__safe { transform: rotate(-.18deg); }
.book[data-turn-state="turning"] .book__ink { pointer-events: none; }
.turn-leaf--reverse { transform-origin: 100% 50%; }
.turn-leaf--reverse .turn-leaf__bend { transform-origin: 100% 50%; }
.turn-shadows--reverse .turn-shadow--edge {
  left: 19.3%; transform-origin: 100% 50%;
  background: linear-gradient(270deg, rgba(45,27,8,.44) 0%, rgba(50,30,8,.20) 28%, rgba(54,32,8,.06) 62%, rgba(54,32,8,0) 100%);
}
.turn-leaf--reverse .turn-leaf__bend::after {
  background: linear-gradient(270deg, rgba(75,46,13,.07), rgba(255,255,255,0) 22%, rgba(255,255,255,.045) 70%, rgba(77,46,12,.06));
}
.turn-leaf--reverse .turn-face--front .turn-face__safe { transform: rotate(-.18deg); }
.turn-leaf--reverse .turn-face--back .turn-face__safe { transform: rotate(.18deg); }
@media (max-width: 760px) {
  .book { width: min(99vw, calc(65vh * 1.5)); }
  .book__safe, .turn-face__safe { padding: .3rem; }
}
@media (prefers-reduced-motion: reduce) {
  .turn-leaf, .turn-shadows { display: none !important; }
}

/* V7.4.9 — C8 intégré au PageTurnEngine.
   Le feuillet animé est une copie visuelle inert composée de 8 bandes jointives.
   Les pages statiques du Livre restent du HTML normal et interactif. */
.turn-segmented-leaf {
  position: absolute; z-index: 2; transform-style: preserve-3d; pointer-events: none;
  will-change: contents;
}
.turn-segment {
  position: absolute; left: 0; top: 0; transform-style: preserve-3d; will-change: transform; pointer-events: none;
}
.turn-segment__face {
  position: absolute; inset: 0; overflow: hidden; transform-style: preserve-3d;
  backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important;
  background: transparent; pointer-events: none;
}
.turn-segment__face--front { transform: rotateY(0deg) translateZ(.25px); }
.turn-segment__face--back { transform: rotateY(180deg) translateZ(.25px); background: transparent; }
.turn-segment__slice { position: absolute; top: 0; pointer-events: none; }
.turn-segment-canvas {
  position: absolute; inset: 0; overflow: hidden; pointer-events: none; background: transparent;
}
.turn-segment-canvas__master {
  position: absolute; z-index: 0; max-width: none; max-height: none; object-fit: fill;
  pointer-events: none; user-select: none;
}
.turn-segment-canvas--back .turn-segment-canvas__master { filter: brightness(.985) saturate(.94) sepia(.025); }
.turn-segment-canvas--back::after {
  content: ""; position: absolute; z-index: 4; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(117,77,24,.04), rgba(255,255,255,.015) 40%, rgba(94,58,15,.025));
}
.turn-segment-canvas__safe {
  position: absolute; z-index: 3; display: grid; align-content: center; justify-items: center;
  padding: clamp(.65rem, 1.5vw, 1.65rem); color: var(--paper-ink, #49371f); text-align: center;
  font-family: Georgia, "Times New Roman", serif; pointer-events: none;
}
.turn-segment-canvas:not(.turn-segment-canvas--back) .turn-segment-canvas__safe { transform: rotate(.18deg); }
.turn-segment-canvas--back .turn-segment-canvas__safe { transform: rotate(-.18deg); }
.book.show-segment-guides .turn-segment {
  box-shadow: inset -1px 0 rgba(54,201,255,.70), inset 1px 0 rgba(54,201,255,.18);
}
.book.show-segment-guides .turn-segment::after {
  content: attr(data-segment); position: absolute; z-index: 20; top: 2%; right: 3px;
  color: rgba(36,177,229,.88); font: 700 9px/1 ui-monospace, monospace; text-shadow: 0 1px 2px #fff;
}
@media (max-width: 760px) {
  .turn-segment-canvas__safe { padding: .3rem; }
}
@media (prefers-reduced-motion: reduce) {
  .turn-segmented-leaf { display: none !important; }
}

/* ============================================================
   VNEW.0.130.3.8.4.8.3.7.5 — JARDIN BOOK INTEGRATION
   Canonical BookComponent probe inside Garden I only.
   ============================================================ */
.garden1-book-layer .garden-canonical-component-shell {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(76vw, 76rem) !important;
  height: auto !important;
  aspect-ratio: 3 / 2;
  transform: translate(-50%, -47%) !important;
  z-index: 9;
  color: #342718;
}

.garden1-book-layer .garden-canonical-component-shell[hidden] {
  display: none !important;
}

.garden1-book-layer .garden-canonical-component__mount,
.garden1-book-layer .garden-canonical-component__mount .book {
  position: relative;
  width: 100% !important;
  max-width: none !important;
  height: auto;
  aspect-ratio: 3 / 2;
}

.garden1-book-layer .garden-canonical-component__mount .book {
  --paper-ink: #3b2b18;
  touch-action: manipulation;
}

.garden1-book-layer .garden-canonical-component__mount .book__master {
  filter: drop-shadow(0 26px 48px rgba(0,0,0,.30));
}

.garden1-book-layer .garden-canonical-component__mount .book__safe {
  align-content: start;
  justify-items: stretch;
  padding: clamp(.66rem, 1.08vw, 1.14rem) clamp(.72rem, 1.15vw, 1.22rem);
  overflow: hidden;
  pointer-events: auto;
  text-align: left;
  line-height: 1.35;
}

.garden1-book-layer .garden-canonical-component__mount .book__safe--left {
  padding-right: clamp(.82rem, 1.25vw, 1.30rem);
}

.garden1-book-layer .garden-canonical-component__mount .book__safe--right {
  padding-left: clamp(.82rem, 1.25vw, 1.30rem);
}

.garden1-book-layer .garden-canonical-component__mount .turn-segment-canvas__safe,
.garden1-book-layer .garden-canonical-component__mount .turn-face__safe {
  align-content: start;
  justify-items: stretch;
  padding: clamp(.66rem, 1.08vw, 1.14rem) clamp(.72rem, 1.15vw, 1.22rem);
  overflow: hidden;
  text-align: left;
  line-height: 1.35;
}

.garden1-book-layer .garden-canonical-component-shell .living-book__intro {
  margin: 0 0 .56rem;
  color: rgba(92,71,42,.80);
  font-size: clamp(.55rem, .65vw, .70rem);
  line-height: 1.40;
}

.garden1-book-layer .garden-canonical-component-shell .book-priority {
  padding-top: .54rem;
  border-top: 1px solid rgba(135,98,42,.20);
}

.garden1-book-layer .garden-canonical-component-shell .book-priority__eyebrow,
.garden1-book-layer .garden-canonical-component-shell .living-book__section-title {
  margin: 0 0 .42rem;
  color: rgba(135,93,36,.90);
  font-size: clamp(.48rem, .56vw, .60rem);
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.garden1-book-layer .garden-canonical-component-shell .book-priority h3 {
  margin: 0 0 .40rem;
  color: rgba(57,40,20,.97);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(.98rem, 1.42vw, 1.46rem);
  font-weight: 500;
  line-height: 1.06;
}

.garden1-book-layer .garden-canonical-component-shell .book-priority > p:not(.book-priority__eyebrow) {
  margin: 0 0 .55rem;
  color: rgba(90,67,37,.88);
  font-size: clamp(.58rem, .68vw, .73rem);
}

.garden1-book-layer .garden-canonical-component-shell .book-text-action {
  padding: .28rem 0 .15rem;
  border: 0;
  border-bottom: 1px solid rgba(128,89,33,.30);
  background: transparent;
  color: rgba(88,60,24,.92);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(.59rem, .69vw, .74rem);
  cursor: pointer;
}

.garden1-book-layer .garden-canonical-component-shell .book-text-action:disabled {
  opacity: .42;
  cursor: default;
}

.garden1-book-layer .garden-canonical-component-shell .book-chapters,
.garden1-book-layer .garden-canonical-component-shell .book-library {
  display: grid;
  gap: .18rem;
}

.garden1-book-layer .garden-canonical-component-shell .book-chapter,
.garden1-book-layer .garden-canonical-component-shell .book-library__item {
  width: 100%;
  min-width: 0;
  border: 0;
  border-bottom: 1px solid rgba(129,91,37,.15);
  background: transparent;
  color: rgba(58,42,22,.94);
  text-align: left;
  cursor: pointer;
}

.garden1-book-layer .garden-canonical-component-shell .book-chapter {
  display: grid;
  grid-template-columns: 1.2rem minmax(0,1fr) auto;
  align-items: center;
  gap: .38rem;
  padding: .36rem .04rem;
}

.garden1-book-layer .garden-canonical-component-shell .book-chapter:disabled,
.garden1-book-layer .garden-canonical-component-shell .book-library__item:disabled {
  opacity: .48;
  cursor: default;
}

.garden1-book-layer .garden-canonical-component-shell .book-chapter__numeral {
  color: rgba(151,103,37,.88);
  font-family: Georgia, "Times New Roman", serif;
  font-size: .72rem;
}

.garden1-book-layer .garden-canonical-component-shell .book-chapter__copy,
.garden1-book-layer .garden-canonical-component-shell .book-library__item > span:first-child {
  min-width: 0;
}

.garden1-book-layer .garden-canonical-component-shell .book-chapter__copy strong,
.garden1-book-layer .garden-canonical-component-shell .book-library__item strong {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(.62rem, .74vw, .78rem);
  font-weight: 600;
  line-height: 1.15;
}

.garden1-book-layer .garden-canonical-component-shell .book-chapter__copy small,
.garden1-book-layer .garden-canonical-component-shell .book-library__item small {
  display: block;
  margin-top: .12rem;
  color: rgba(104,80,47,.77);
  font-size: clamp(.48rem, .56vw, .60rem);
  line-height: 1.20;
}

.garden1-book-layer .garden-canonical-component-shell .book-chapter__status,
.garden1-book-layer .garden-canonical-component-shell .book-library__action {
  color: rgba(126,88,32,.76);
  font-size: clamp(.46rem, .52vw, .56rem);
  white-space: nowrap;
}

.garden1-book-layer .garden-canonical-component-shell .book-library__item {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: .45rem;
  align-items: center;
  padding: .38rem .04rem;
}

.garden1-book-layer .garden-canonical-component-shell .living-book__quiet-page {
  margin-top: 1.05rem;
  max-width: 90%;
  color: rgba(78,58,32,.82);
  font-size: clamp(.64rem, .78vw, .82rem);
  line-height: 1.48;
}

.garden1-book-layer .garden-canonical-component-shell .living-book__quiet-page strong {
  display: block;
  margin-bottom: .45rem;
  color: rgba(54,39,22,.96);
  font-weight: 500;
}

.garden1-book-layer .garden-canonical-component-shell .living-book__manifest {
  display: grid;
  gap: .54rem;
  margin-top: .70rem;
  color: rgba(73,53,28,.87);
  font-size: clamp(.58rem, .69vw, .74rem);
  line-height: 1.38;
}

.garden1-book-layer .garden-canonical-component-shell .living-book__manifest p {
  display: grid;
  grid-template-columns: 1.25rem 1fr;
  gap: 0 .30rem;
  margin: 0;
}

.garden1-book-layer .garden-canonical-component-shell .living-book__manifest p span {
  grid-row: 1 / 3;
  color: rgba(143,101,42,.90);
}

.garden1-book-layer .garden-canonical-component-shell .living-book__manifest p strong {
  color: rgba(53,38,20,.96);
  font-weight: 500;
}

.garden1-book-layer .garden-canonical-component-shell .living-book__manifest blockquote {
  margin: .36rem .2rem 0;
  padding-top: .50rem;
  border-top: 1px solid rgba(139,98,39,.20);
  color: rgba(86,62,31,.78);
  font-style: italic;
}

.garden1-book-layer .garden-canonical-component__close {
  position: absolute !important;
  z-index: 14 !important;
  top: 10.1% !important;
  right: 6.7% !important;
  width: clamp(1.76rem, 2.15vw, 2.18rem) !important;
  height: clamp(1.76rem, 2.15vw, 2.18rem) !important;
  display: grid !important;
  place-items: center;
  padding: 0 !important;
  border: 1px solid rgba(116,80,28,.56) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 34% 28%, rgba(255,249,219,.96), rgba(219,178,88,.76) 46%, rgba(106,68,20,.76) 100%) !important;
  color: #4c3518 !important;
  box-shadow: 0 3px 8px rgba(56,34,10,.20), inset 0 0 0 2px rgba(255,241,184,.26) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.16rem;
  line-height: 1;
  cursor: pointer;
  pointer-events: auto;
}

.garden1-book-layer .garden-canonical-component__pager {
  display: block !important;
  position: absolute;
  z-index: 13;
  inset: 0;
  pointer-events: none;
}

.garden1-book-layer .garden-canonical-component__pager .living-book__page-turn {
  position: absolute;
  top: 49%;
  width: clamp(2.05rem, 2.7vw, 2.75rem);
  height: clamp(2.05rem, 2.7vw, 2.75rem);
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(180,132,53,.30);
  border-radius: 50%;
  background: rgba(29,44,57,.42);
  color: rgba(244,211,133,.92);
  box-shadow: 0 4px 14px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,231,168,.09);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.28rem, 1.75vw, 1.75rem);
  line-height: 1;
  cursor: pointer;
  pointer-events: auto;
  transform: translateY(-50%);
}

.garden1-book-layer .garden-canonical-component__pager .living-book__page-turn--prev { left: 3.75%; }
.garden1-book-layer .garden-canonical-component__pager .living-book__page-turn--next { right: 3.75%; }
.garden1-book-layer .garden-canonical-component__pager .living-book__page-turn:disabled { opacity: .14; cursor: default; }

.garden1-book-layer .garden-canonical-component__pager .living-book__page-index {
  position: absolute;
  left: 50%;
  bottom: 18%;
  transform: translateX(-50%);
  color: rgba(104,73,30,.66);
  font-size: clamp(.50rem, .58vw, .62rem);
  letter-spacing: .12em;
  pointer-events: none;
}

.garden1-book-layer .garden-canonical-component-shell .book[data-turn-state="turning"] .book__safe {
  pointer-events: none;
}

@media (max-width: 760px) {
  .garden1-book-layer .garden-canonical-component-shell {
    width: min(99vw, 46rem) !important;
    transform: translate(-50%, -44%) !important;
  }
  .garden1-book-layer .garden-canonical-component__mount .book__safe,
  .garden1-book-layer .garden-canonical-component__mount .turn-segment-canvas__safe,
  .garden1-book-layer .garden-canonical-component__mount .turn-face__safe {
    padding: .28rem .34rem;
    overflow: auto;
    scrollbar-width: none;
  }
  .garden1-book-layer .garden-canonical-component-shell .book-chapter__copy small,
  .garden1-book-layer .garden-canonical-component-shell .book-library__item small {
    display: none;
  }
  .garden1-book-layer .garden-canonical-component__pager .living-book__page-turn {
    top: 52%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .garden1-book-layer .garden-canonical-component__pager .living-book__page-turn {
    transition: none !important;
  }
}


/* ============================================================
   VNEW.0.130.3.8.4.8.3.7.5.1 — UX POLISH + RETURN CYCLE
   Integration-only polish. Canonical PageTurnEngine C8 is frozen.
   ============================================================ */

/* A short optical bridge replaces the abrupt small-book -> large-book pop.
   The scene anchor remains visible while fading to zero; the canonical shell
   fades/scales in over the same 180 ms window. */
.garden1-book-layer .garden-canonical-component-shell {
  opacity: 0;
  transform: translate(-50%, -47%) scale(.985) !important;
  transition:
    opacity 180ms ease,
    transform 190ms cubic-bezier(.22,.72,.22,1);
  will-change: opacity, transform;
}

.garden1-book-layer .garden-canonical-component-shell.is-visible {
  opacity: 1;
  transform: translate(-50%, -47%) scale(1) !important;
}

.garden1-book-layer .garden-canonical-component-shell.is-closing {
  pointer-events: none;
}

/* styles.css historically used visibility:hidden while reading, which makes a
   true opacity transition impossible. Keep the anchor renderable but fully
   transparent during reading so the entry/exit can cross-fade cleanly. */
.garden1-scene.is-book-reading .garden1-canonical-master-anchor,
.garden1-scene.is-book-reading.is-awake .garden1-canonical-master-anchor {
  visibility: visible !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* The room title competes with the top edge of the open master. In reading
   mode it becomes almost invisible while preserving the Garden context. */
.garden1-heading {
  transition: opacity 180ms ease;
}

.garden1-scene.is-book-reading .garden1-heading {
  opacity: .06 !important;
}

/* Bring the edge controls slightly inside the physical master. This keeps the
   "Suiv." affordance visually attached to the page instead of the outer frame. */
.garden1-book-layer .garden-canonical-component__pager .living-book__page-turn--prev {
  left: 6.1%;
}

.garden1-book-layer .garden-canonical-component__pager .living-book__page-turn--next {
  right: 6.1%;
}

@media (max-width: 760px) {
  .garden1-book-layer .garden-canonical-component-shell {
    transform: translate(-50%, -44%) scale(.985) !important;
  }

  .garden1-book-layer .garden-canonical-component-shell.is-visible {
    transform: translate(-50%, -44%) scale(1) !important;
  }

  .garden1-book-layer .garden-canonical-component__pager .living-book__page-turn--prev {
    left: 4.8%;
  }

  .garden1-book-layer .garden-canonical-component__pager .living-book__page-turn--next {
    right: 4.8%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .garden1-book-layer .garden-canonical-component-shell,
  .garden1-heading {
    transition: none !important;
  }
}

/* ============================================================
   VNEW.0.130.3.8.4.8.3.7.5.2 — CHROME + TRANSITION POLISH
   Integration-only final polish. Canonical PageTurnEngine C8 stays frozen.
   ============================================================ */

/* Reading gives the book full visual priority. Opacity remains animatable so
   the title can cross-fade back during close instead of popping. */
.garden1-scene.is-book-reading:not(.is-book-closing) .garden1-heading {
  opacity: 0 !important;
  pointer-events: none;
}

/* True close cross-fade: while the canonical shell fades out, restore the
   closed scene book and room title immediately. The book layer remains mounted
   until the shell transition finishes, so there is no empty Garden frame. */
.garden1-scene.is-book-reading.is-book-closing .garden1-canonical-master-anchor {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: none !important;
  transition:
    opacity 180ms ease,
    transform 180ms cubic-bezier(.22,.72,.22,1),
    filter 180ms ease !important;
}

.garden1-scene.is-book-reading.is-book-closing .garden1-heading {
  opacity: 1 !important;
}

/* Page navigation becomes a pair of warm paper/brass tabs sitting just inside
   the master. This removes the dark floating-circle look seen in V7.5.1. */
.garden1-book-layer .garden-canonical-component__pager .living-book__page-turn {
  top: 49.2%;
  width: auto;
  min-width: clamp(3.00rem, 3.65vw, 3.85rem);
  height: clamp(1.82rem, 2.18vw, 2.16rem);
  padding: 0 clamp(.48rem, .62vw, .66rem);
  gap: clamp(.18rem, .26vw, .28rem);
  border: 1px solid rgba(137, 91, 31, .48);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(249, 232, 190, .94), rgba(210, 169, 94, .88));
  color: rgba(73, 48, 20, .96);
  box-shadow:
    0 4px 11px rgba(49, 30, 10, .17),
    inset 0 1px 0 rgba(255, 249, 222, .72),
    inset 0 -1px 0 rgba(116, 74, 24, .13);
  text-shadow: none;
  opacity: .96;
  backdrop-filter: none;
}

.garden1-book-layer .garden-canonical-component__pager .living-book__page-turn--prev {
  left: 8.15%;
}

.garden1-book-layer .garden-canonical-component__pager .living-book__page-turn--next {
  right: 8.15%;
}

.garden1-book-layer .garden-canonical-component__pager .living-book__page-turn-label {
  color: inherit;
  font-family: system-ui, sans-serif;
  font-size: clamp(.48rem, .55vw, .59rem);
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.garden1-book-layer .garden-canonical-component__pager .living-book__page-turn-chevron {
  margin-top: -.05em;
  color: rgba(92, 59, 20, .88);
  font-size: clamp(.98rem, 1.20vw, 1.22rem);
  line-height: .8;
}

.garden1-book-layer .garden-canonical-component__pager .living-book__page-turn:hover:not(:disabled),
.garden1-book-layer .garden-canonical-component__pager .living-book__page-turn:focus-visible:not(:disabled) {
  background:
    linear-gradient(180deg, rgba(255, 241, 205, .99), rgba(221, 181, 102, .95));
  border-color: rgba(145, 93, 29, .68);
  color: rgba(61, 39, 15, .99);
  transform: translateY(-50%) scale(1.025);
  box-shadow:
    0 5px 14px rgba(49, 30, 10, .20),
    0 0 0 3px rgba(223, 180, 93, .10),
    inset 0 1px 0 rgba(255, 251, 232, .82);
}

/* At either end there is no reason to show a dead decorative tab. */
.garden1-book-layer .garden-canonical-component__pager .living-book__page-turn:disabled {
  opacity: 0 !important;
  pointer-events: none;
}

@media (max-width: 760px) {
  .garden1-book-layer .garden-canonical-component__pager .living-book__page-turn {
    min-width: 2.70rem;
    height: 1.72rem;
    padding-inline: .38rem;
  }

  .garden1-book-layer .garden-canonical-component__pager .living-book__page-turn--prev {
    left: 6.0%;
  }

  .garden1-book-layer .garden-canonical-component__pager .living-book__page-turn--next {
    right: 6.0%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .garden1-scene.is-book-reading.is-book-closing .garden1-canonical-master-anchor,
  .garden1-scene.is-book-reading.is-book-closing .garden1-heading {
    transition: none !important;
  }
}