@import url("/static/palette.css?v=d087293871ba");
/* SHELF-1: an in-place sample shelf, independently scoped from customer books. */
#sampleShelf{padding:72px 56px 48px;min-width:0;position:relative}
#sampleShelf>h2{position:absolute;left:56px;top:16px;font:400 28px/1.2 var(--site-heading);margin:0}
#sampleShelf [hidden]{display:none!important}
.sample-row{display:flex;gap:36px;position:relative;isolation:isolate;padding:0 0 8px}
.sample-row::before{content:"";position:absolute;inset:auto 0 56px;border-top:1px solid var(--site-line);z-index:-1}
.sample-book{display:flex;flex:1 1 0;min-width:0;flex-direction:column;gap:20px;border:0;background:none;padding:0;text-align:center;color:var(--site-ink);font:16px/28px var(--site-body);cursor:pointer}
.sample-book img{display:block;width:100%;height:auto;aspect-ratio:207/294.5;object-fit:contain;box-shadow:0 12px 12px -10px color-mix(in srgb, var(--site-ink) 46.6667%, transparent),0 3px 7px color-mix(in srgb, var(--site-ink) 13.3333%, transparent);transition:transform .2s;outline:1px solid color-mix(in srgb, var(--site-ink) 5.0980%, transparent)}
.sample-book span{display:flex;min-height:36px;align-items:center;justify-content:center}
@media(hover:hover){.sample-book:hover img{transform:translateY(-4px)}}
.sample-book:focus-visible,.sample-close:focus-visible,.sample-stage:focus-visible{outline:2px solid var(--site-ink);outline-offset:4px}
/* Motion, pages and controls belong to shelf.js / shelf-reader.css / shelf-turn.js. */
.sample-reader .sample-start{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 24px;background:var(--site-button);color:var(--site-page);border-radius:4px;text-decoration:none;font-size:16px}
.sample-reader .reader-heading p{display:none}
.sample-reader .reader-paper img{object-fit:fill}
@media(max-width:900px){
 #sampleShelf{padding:48px 24px 40px}
 #sampleShelf>h2{left:24px;right:24px;top:-20px;background:var(--site-page);font-size:28px}
 .sample-row{gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 16px}
 .sample-row::before{bottom:64px;width:max(100%,calc((100vw - 48px) * 3.15 + 96px));right:auto}
 .sample-book{flex:0 0 63%;scroll-snap-align:start;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.sample-book img{transition:none}}

@media(max-width:600px){#sampleShelf>h2{font-size:26px}}