/* A continuous visual story: no collapsed reading sections. */
.book-sales-story .decision-scene {
  position: relative; isolation: isolate; overflow: hidden; min-height: 390px;
  display: flex; flex-direction: column; justify-content: center;
  background: linear-gradient(160deg, #17212635, #101c22df), url('../assets/book/decision-evening-v1-1200.webp') center / cover;
  color: #fff;
}
.book-sales-story .decision-options { border-color: #ffffff35; }
.book-sales-story .decision-options span:not([aria-hidden]) { background: #f6f5efed; color: #262a24; border: 0; }
.book-sales-story .decision-scene > p { width: fit-content; padding: 12px 18px; border-radius: 18px 18px 18px 3px; background: #ffffffef; color: #30372d; margin-bottom: 13px; box-shadow: 0 6px 20px #0002; }
.book-sales-story .decision-scene > p:nth-of-type(2) { align-self: flex-end; border-radius: 18px 18px 3px 18px; background: #dcee97; }
.book-sales-story .decision-scene > strong { margin-top: 32px; font-size: 25px; line-height: 1.6; }
.criteria-visual { position: relative; isolation: isolate; margin-top: 28px; overflow: hidden; border-radius: 16px; }
.book-sales-story .criteria-visual .criteria-editorial { position: absolute; inset: 0; margin: 0; z-index: -1; }
.book-sales-story .criteria-visual .criteria-editorial img { height: 100%; max-height: none; object-fit: cover; object-position: 45% center; border-radius: 0; }
.book-sales-story .criteria-visual .criteria-stack { min-height: 370px; margin: 0; padding: 48px 28px; gap: 35px; justify-content: center; background: transparent; border: 0; }
.criteria-visual .criteria-stack > :first-child { margin-left: 12%; }
.criteria-visual .criteria-stack > :nth-child(2) { align-self: flex-end; }
.criteria-visual .criteria-stack > strong { align-self: center; box-shadow: 0 8px 22px #26362120; }
.motion-control { display: block; margin: 8px 0 0 auto; padding: 10px 0 10px 12px; min-height: 44px; border: 0; background: none; color: #58654b; font: inherit; font-size: 11px; cursor: pointer; }
.motion-control[hidden] { display: none; }
.motion-control:focus-visible { outline: 2px solid #668336; outline-offset: 4px; }
.book-sales-story #book-preview { position: relative; }
.book-sales-story .work-preview { padding: 44px; border: 12px solid #f2edde; background: #fffdf8; box-shadow: 0 15px 40px #59482915; background-image: repeating-linear-gradient(transparent 0 35px, #b9b19812 35px 36px); }
.book-sales-story .work-label { font-size: 16px; }
.book-sales-story .work-preview dl > div { padding-block: 25px; }
.book-sales-story .story-outcome { background: linear-gradient(#20291fee, #20291ff5), url('../assets/book/hero-reading-v1-1200.webp') center / cover; }
.book-sales-story .writing-results li { padding: 25px; border: 1px solid #697660; border-radius: 12px; margin-bottom: 16px; background: #f6f5ef08; }
.book-sales-story .writing-results { margin-bottom: 22px; }
.chapter-cards { display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; padding: 0; gap: 14px; margin: 30px 0 0; }
.chapter-cards li { min-height: 170px; padding: 22px; border-radius: 9px; display: flex; flex-direction: column; justify-content: space-between; background: #e7ebdb; border-bottom: 3px solid #a1b374; }
.chapter-cards li:nth-child(2n) { background: #ece9df; border-color: #c1b592; }
.chapter-cards li > span { font-size: 35px; line-height: 1; letter-spacing: -.05em; color: #8a9c68; font-weight: 500; }
.chapter-cards h3 { margin-top: 22px; font-size: 17px; line-height: 1.6; }
.book-sales-story .reader-reviews { background: radial-gradient(ellipse at top right, #dbe7b1, transparent 60%), #ecefe2; border-block: 1px solid #d5dec4; }
.reader-reviews .review-provenance { margin-top: 20px; }
.review-themes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.review-themes span { padding: 7px 11px; border: 1px solid #b8c49f; border-radius: 30px; font-size: 11px; color: #54623e; }
.reader-reviews .review-track { position: relative; padding-bottom: 22px; scrollbar-width: none; }
.review-track::-webkit-scrollbar { display: none; }
.reader-reviews .reader-quote { background: #fffdf7; border: 1px solid #d4dec2; box-shadow: 0 9px 20px #33472208; min-height: 340px; padding: 32px; }
.reader-reviews .quote-mark { color: #90a866; }
.reader-reviews .reader-quote blockquote p { font-size: 25px; line-height: 1.85; font-weight: 500; }
.reader-quote mark { color: inherit; background: linear-gradient(transparent 55%, #dcee97 55%); font-weight: 700; padding: 0; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.reader-reviews .review-navigation { margin-top: 4px; }
.reader-reviews .review-navigation > div { display: flex; align-items: center; }
.reader-reviews .review-count { font-size: 13px; letter-spacing: .12em; color: #5d6a4b; }
.reader-reviews .review-autoplay { width: auto; padding-inline: 13px; border-radius: 30px; font-size: 11px; }
.reader-reviews .review-autoplay[hidden] { display: none; }
.reader-reviews .review-bridge { padding-top: 24px; border-top: 1px solid #c5cfb5; }
.open-faq { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.open-faq article { padding: 25px; border: 1px solid #d9ddcf; border-radius: 10px; background: #fffdf7; }
.open-faq article:last-child { grid-column: 1 / -1; }
.open-faq h3 { font-size: 16px; line-height: 1.65; }
.open-faq p { font-size: 14px; color: #606755; line-height: 1.85; margin-top: 12px; }
.book-sales-story .consulting-detail { margin-top: 24px; }
.book-sales-story .consulting-detail .form-card { margin-bottom: 0; }
.book-sales-story .story-offer { position: relative; overflow: hidden; }
.book-sales-story .story-offer::after { content: ''; position: absolute; top: -45px; right: -45px; width: 140px; height: 140px; border: 1px solid #90a54b66; border-radius: 50%; box-shadow: 0 0 0 18px #a5ba611f, 0 0 0 36px #a5ba6114; pointer-events: none; }
@media (prefers-reduced-motion: no-preference) {
  .book-story .decision-scene.is-playing > p { animation: thought-float 5s ease-in-out infinite; }
  .book-story .decision-scene.is-playing > p:nth-of-type(2) { animation-delay: -2.5s; }
  .book-story .criteria-stack.is-playing > :nth-child(1) { animation: criteria-loop-a 6.4s ease-in-out infinite; }
  .book-story .criteria-stack.is-playing > :nth-child(2) { animation: criteria-loop-b 6.4s ease-in-out infinite; }
  .book-story .criteria-stack.is-playing > strong { animation: criteria-loop-own 6.4s ease-in-out infinite; }
  .book-story .work-preview.is-playing dl > div { animation: row-loop 7.2s ease infinite; }
  .book-story .work-preview.is-playing dl > div:nth-child(2) { animation-delay: 2.4s; }
  .book-story .work-preview.is-playing dl > div:nth-child(3) { animation-delay: 4.8s; }
  .book-story .work-preview.is-playing dd::after { animation: pencil-loop 7.2s ease infinite; }
  .book-story .work-preview.is-playing dl > div:nth-child(2) dd::after { animation-delay: 2.4s; }
  .book-story .work-preview.is-playing dl > div:nth-child(3) dd::after { animation-delay: 4.8s; }
  .book-story .writing-results.is-playing li > span { animation: number-loop 6.6s ease infinite; }
  .book-story .writing-results.is-playing li:nth-child(2) > span { animation-delay: 2.2s; }
  .book-story .writing-results.is-playing li:nth-child(3) > span { animation-delay: 4.4s; }
}
@keyframes thought-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes criteria-loop-a { 0%,100% { transform: translate(0,0) rotate(0); } 45%,65% { transform: translate(-10px,-8px) rotate(-2deg); } }
@keyframes criteria-loop-b { 0%,100% { transform: translate(0,0) rotate(0); } 45%,65% { transform: translate(5px,0) rotate(2deg); } }
@keyframes criteria-loop-own { 0%,100% { transform: translateY(0); box-shadow: 0 4px 12px #26362115; } 45%,65% { transform: translateY(10px); box-shadow: 0 0 0 9px #dcee9755, 0 12px 25px #26362120; } }
@keyframes row-loop { 0%,35%,100% { background: transparent; } 10%,25% { background: #e9f1d1; } }
@keyframes pencil-loop { 0%,100% { transform: scaleX(.07); } 12%,85% { transform: scaleX(1); } }
@keyframes number-loop { 0%,36%,100% { background: transparent; color: #dcee97; transform: scale(1); } 10%,25% { background: #dcee97; color: #2b3127; transform: scale(1.1); } }
@media (max-width: 760px) {
  .book-sales-story .decision-scene { min-height: 355px; background-image: linear-gradient(160deg, #17212620, #101c22df), url('../assets/book/decision-evening-v1-700.webp'); }
  .book-sales-story .decision-scene > strong { font-size: 21px; }
  .book-sales-story .criteria-visual .criteria-stack { min-height: 330px; padding: 38px 16px; gap: 30px; }
  .criteria-visual .criteria-stack > :first-child { margin-left: 5%; }
  .book-sales-story .work-preview { padding: 23px 19px; border-width: 7px; }
  .book-sales-story .work-label { font-size: 14px; }
  .book-sales-story .writing-results li { padding: 20px 17px; gap: 13px; }
  .book-sales-story .writing-results .answer-line { font-size: 15px; }
  .chapter-cards { grid-template-columns: 1fr 1fr; gap: 11px; }
  .chapter-cards li { min-height: 155px; padding: 18px 16px; }
  .chapter-cards li > span { font-size: 30px; }
  .chapter-cards h3 { font-size: 15px; margin-top: 20px; }
  .reader-reviews .reader-quote { min-height: 365px; padding: 25px 23px; }
  .reader-reviews .reader-quote blockquote p { font-size: 21px; }
  .review-themes { gap: 6px; }
  .review-themes span { padding: 6px 9px; font-size: 10px; }
  .open-faq { grid-template-columns: 1fr; gap: 12px; }
  .open-faq article { padding: 22px 20px; }
}
