/* Book page: emerald "gap" band, GAP emphasis, and the four-step trail. */

/* Emerald band */
.section.book-inside.book-gap-band{background:var(--emerald);color:var(--paper);border-top:0;padding:56px 0 52px}
.book-gap-band .book-inside-head{margin-bottom:0}
.book-gap-band .eyebrow{color:var(--mustard)}
.book-gap-band h2{color:var(--paper);margin:18px 0 16px}
.book-gap-band .book-inside-head>p{color:rgba(250,247,240,.88);margin:0}
#inside-the-book{scroll-margin-top:72px}

/* GAP: grows slightly, gets heavier, gold underline. Space is reserved, so nothing shifts. */
.gap-word{display:inline-block;position:relative;transform-origin:left 85%;margin-right:.24em;transform:scale(1.1);-webkit-text-stroke:.022em currentColor;transition:transform .9s cubic-bezier(.2,.7,.2,1),-webkit-text-stroke-width .9s ease}
.gap-word::after{content:'';position:absolute;left:.02em;right:.42em;bottom:.02em;height:3px;background:var(--mustard);transform:scaleX(1);transform-origin:left center;transition:transform .7s cubic-bezier(.2,.7,.2,1) .35s}
.gap-anim .gap-word{transform:scale(1);-webkit-text-stroke-width:0}
.gap-anim .gap-word::after{transform:scaleX(0)}
.gap-anim.is-in .gap-word{transform:scale(1.1);-webkit-text-stroke-width:.022em}
.gap-anim.is-in .gap-word::after{transform:scaleX(1)}

/* Four steps on cream */
.section.book-inside.book-steps{border-top:0;padding-top:48px}
.steps-wrap{position:relative}
.steps-trail{position:absolute;left:-34px;top:0;width:12px;height:0;pointer-events:none}
/* Line and arrowhead share one centre axis (left:50% + translateX(-50%)), so they stay aligned at any width or zoom. */
.steps-trail-line{position:absolute;left:50%;top:0;width:2px;height:var(--trail-len,0px);background:var(--mustard);border-radius:1px;transform:translateX(-50%)}
.steps-trail-head{position:absolute;left:50%;top:0;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid var(--mustard);transform:translate(-50%,calc(var(--trail-len,0px) - 2px));opacity:var(--trail-head,0)}

@media(max-width:1100px){
  .steps-wrap{padding-left:30px}
  .steps-trail{left:0}
}
@media(max-width:860px){
  .section.book-inside.book-gap-band{padding:44px 0 40px}
  .section.book-inside.book-steps{padding-top:36px}
}
@media(max-width:520px){
  .section.book-inside.book-gap-band{padding:38px 0 34px}
  .book-gap-band h2{margin:14px 0 12px}
  .steps-wrap{padding-left:24px}
  .steps-trail{left:-2px}
}

/* Purchase block details by the button */
.book-details .book-buy-note{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0 0}

/* Reduced motion: final states, no movement */
@media(prefers-reduced-motion:reduce){
  .gap-anim .gap-word,.gap-anim.is-in .gap-word{transform:scale(1.1);-webkit-text-stroke-width:.022em;transition:none}
  .gap-anim .gap-word::after{transform:scaleX(1);transition:none}
}