/* Reusable public sample reader. Only explicitly selected book excerpts are public. */
.e11-book{margin-top:32px;padding-top:28px;border-top:1px solid #d4e4e9;color:var(--ink);min-width:0}
.e11-book .e11-eyebrow{font:600 .78rem/1.7 'Space Grotesk',sans-serif;letter-spacing:.1em;color:var(--teal-deep);margin:0 0 10px}
.e11-book h2{font-size:clamp(1.4rem,2.3vw,1.8rem);line-height:1.65;margin:0 0 16px;text-wrap:balance}
.e11-book>p{font-size:1rem;line-height:1.9;margin:0 0 16px}
.e11-book .e11-plan{display:inline-block;padding:10px 15px;border:1px solid #bce1e5;border-radius:14px;background:linear-gradient(140deg,#edf9f5,var(--cream));font-weight:600;color:var(--teal-deep)}
.e11-preview{margin-top:26px;scroll-margin-top:96px}
.e11-preview h3{font-size:1.25rem;line-height:1.7;margin:0 0 8px}
.e11-preview .e11-invitation{margin:0 0 18px;font-size:.96rem;line-height:1.85;color:#3e5865}
.e11-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;max-width:430px;margin:0 auto;border:1px solid #c6dfe6;border-radius:18px;background:var(--cream);box-shadow:0 4px 0 #e0eef0;scrollbar-width:thin;scrollbar-color:var(--teal) #edf8f8}
.e11-slide{margin:0;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.e11-enlarge{display:block;color:var(--teal-deep);text-align:center;text-decoration:none;font-weight:600;background:#fff}
.e11-enlarge img{display:block;width:100%;height:auto;object-fit:contain}
.e11-enlarge>span{display:block;padding:10px 14px;min-height:44px;box-sizing:border-box;border-top:1px solid #d4e4e9;font-size:.94rem}
.e11-slide figcaption{padding:10px 12px;text-align:center;line-height:1.7;font-size:.88rem;color:#3e5865}
.e11-controls{max-width:430px;margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;gap:8px}
.e11-controls[hidden]{display:none}
.e11-nav{font:600 .93rem/1.6 'IBM Plex Sans Thai',sans-serif;min-height:48px;padding:10px 13px;border-radius:13px;cursor:pointer;color:#123c4b;background:linear-gradient(180deg,#b2f3e9 0%,#6cddd9 18%,#43cbd0 62%,#2dbac6 100%);border:1px solid #2aadb8;border-top-color:#b8f6ef;box-shadow:inset 0 2px 1px #ffffffa6,0 3px 0 #239caa;transition:transform .18s ease,box-shadow .18s ease}
.e11-nav[aria-disabled=true]{background:#f0f4f4;color:#576c77;border-color:#d4e4e9;box-shadow:none;cursor:default}
.e11-counter{font-size:.88rem;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.e11-preview .e11-credit{margin:15px 0 0;font-size:.8rem;color:#506674;line-height:1.8;text-align:center}
.e11-preview :is(a,button,[tabindex]):focus-visible{outline:3px solid #145eaa;outline-offset:3px}
.e11-reader{width:min(1180px,96vw);max-width:96vw;height:fit-content;max-height:94dvh;padding:0;border:1px solid #bce1e5;border-radius:18px;background:var(--cream);color:var(--ink);margin:auto;box-sizing:border-box;overflow:hidden}
.e11-reader[open]{display:flex;flex-direction:column}
.e11-reader::backdrop{background:#0f2a38c9}
.e11-reader-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;background:#fff;border-bottom:1px solid #d4e4e9;flex-shrink:0}
.e11-reader-toolbar h4{font:600 .95rem/1.7 'IBM Plex Sans Thai',sans-serif;margin:0 auto 0 0}
.e11-reader-toolbar button{min-height:44px;border:1px solid #a8cfd9;background:#edf8f8;color:#0f5268;border-radius:11px;padding:8px 12px;font:600 .93rem/1.6 'IBM Plex Sans Thai',sans-serif;cursor:pointer}
.e11-reader-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:12px;scrollbar-gutter:stable}
.e11-reader-image{display:block;width:min(100%,900px);height:auto;max-width:none;margin:0 auto}
.e11-reader.is-zoomed .e11-reader-image{width:max(100%,1200px);margin:0}
body.e11-reading{overflow:hidden}
@media(hover:hover){.e11-nav:not([aria-disabled=true]):hover{transform:translateY(-2px)}.e11-enlarge:hover>span{background:#edf8f8}}
.e11-nav:not([aria-disabled=true]):active{transform:translateY(2px);box-shadow:inset 0 2px 4px #218a9b26}
@media(max-width:560px){.e11-book{margin-top:26px;padding-top:24px}.e11-preview h3{font-size:1.17rem}.e11-reader-toolbar h4{flex-basis:100%}.e11-reader-toolbar button:last-child{margin-left:auto}.e11-reader-scroll{padding:6px}.e11-nav{padding:10px}}
@media(max-width:1000px){body:has([data-book-preview]) .line-float{display:none}}
@media(prefers-reduced-motion:reduce){.e11-nav{transition:none}.e11-nav:hover,.e11-nav:active{transform:none}}

.sales-hero-in>div:has(>.e11-book){min-width:0}