
.book-peek{--peek-ink:#173b48;--peek-accent:#b98729;box-sizing:border-box;margin:24px 0;padding:22px;border:1px solid #d6dfdf;border-radius:14px;background:#f8faf9;color:var(--peek-ink);text-align:start;min-width:0}
.book-peek *{box-sizing:border-box}.book-peek h2{font-size:24px;line-height:1.25;margin:0 0 8px}.book-peek .peek-intro{font-size:15px;line-height:1.6;margin:0 0 18px;color:#41545c}.peek-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.peek-pages:has(>a:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.peek-page{display:flex;flex-direction:column;gap:8px;color:inherit;text-decoration:none!important;min-width:0;border-radius:6px;transition:transform .15s}.peek-page:hover{transform:translateY(-2px)}.peek-page:focus-visible,.book-peek summary:focus-visible,.peek-dialog button:focus-visible{outline:3px solid #996500;outline-offset:4px}.peek-page img{display:block;width:100%;height:auto;aspect-ratio:210/297;object-fit:contain;background:#fff;border:1px solid #cbd6d8;border-radius:5px;box-shadow:0 3px 9px #173b4812}.peek-caption{font-size:12px;line-height:1.4;text-align:center;text-decoration:underline;text-underline-offset:3px}.peek-toc{border-top:1px solid #d6dfdf;padding-top:12px}.book-peek summary{cursor:pointer;font-size:15px;font-weight:700;line-height:1.5;padding:5px 0;min-height:36px}.peek-toc-pages{display:grid;gap:18px;margin-top:16px}.peek-toc-pages .peek-page{width:100%;max-width:600px;margin-inline:auto}.peek-toc-pages img{aspect-ratio:auto}.peek-chapters{font-size:15px;line-height:1.65;padding-inline-start:24px}.peek-chapters li{padding-block:4px}.peek-bundle-book{border-top:1px solid #d6dfdf;padding:10px 0}.peek-bundle-book>summary{font-size:17px}.peek-bundle-body{padding-top:14px}.peek-dialog{padding:0;border:0;border-radius:10px;width:calc(100vw - 24px);max-width:1100px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);color:#173b48;background:#edf1f2;overflow:hidden}.peek-dialog::backdrop{background:#10232be6}.peek-dialog-bar{height:62px;background:#fff;border-bottom:1px solid #ccd7da;display:flex;align-items:center;gap:10px;padding:8px 14px}.peek-dialog-title{flex:1;min-width:0;font-size:14px;font-weight:700}.peek-dialog button{font:inherit;font-size:14px;background:#fff;color:#173b48;border:1px solid #9aafb6;border-radius:6px;min-height:42px;padding:8px 12px;cursor:pointer}.peek-dialog-scroll{height:calc(100% - 62px);overflow:auto;overscroll-behavior:contain;padding:14px;text-align:center;direction:ltr}.peek-dialog-img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;background:white;box-shadow:0 3px 12px #172c3228}.peek-dialog-scroll.is-zoomed .peek-dialog-img{width:1600px;max-width:none;max-height:none;margin:0 auto}.peek-read-text{margin-top:16px;font-size:14px}.peek-read-text pre{font-family:inherit;white-space:pre-wrap;line-height:1.6;background:#fff;padding:14px;overflow-wrap:anywhere}.peek-page-note{font-size:12px;color:#536870;margin:8px 0 0}
@media(max-width:600px){.book-peek{padding:16px;margin:20px 0}.book-peek h2{font-size:22px}.peek-pages{gap:8px}.peek-caption{font-size:11px}.peek-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.peek-dialog-bar{padding:6px 8px;gap:6px}.peek-dialog button{padding:7px 9px}.peek-dialog-scroll{padding:6px}.peek-dialog-img{width:100%;max-height:none}}
@media(prefers-reduced-motion:reduce){.peek-page{transition:none}}

.peek-transcript{white-space:normal;font-size:16px;line-height:1.7;overflow-wrap:anywhere;text-align:start}.peek-transcript p{margin:0 0 1em}.peek-transcript h3{font-size:18px;margin:22px 0 12px}.peek-transcript h4{font-size:16px;line-height:1.5;margin:18px 0 8px}.peek-text-page+.peek-text-page{border-top:1px solid #d6dfdf;margin-top:24px}.peek-transcript strong{font-weight:700}
