/* Three-book review sample. Cover titles stay live text and artwork is replaceable. */
.shelf-sample-page{--s-wall:#e5e3dc;--s-ink:#283f3b;--s-brass:#b5a271;--s-oak:#c9a577;--s-display:Georgia,"Times New Roman","Songti SC","SimSun",serif;max-width:1320px;margin:0 auto;padding:6px 0 24px}
.sample-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:12px 6px 32px}
.sample-kicker{margin:0 0 14px;color:#637069;font:500 11px/1.5 system-ui,sans-serif;letter-spacing:.16em}
.sample-intro h1{font:500 clamp(30px,3.1vw,43px)/1.4 var(--s-display);letter-spacing:.03em;margin:0 0 12px;color:var(--s-ink)}
.sample-intro-copy{margin:0;color:#768079;font-size:14px;line-height:1.8}
.sample-back{display:flex;align-items:center;gap:18px;text-decoration:none;color:#53635c;font-size:13px;padding:10px 0;min-height:44px;white-space:nowrap}.sample-back:hover{text-decoration:underline}
.sample-cabinet{position:relative;border:1px solid #c9c4b8;border-radius:3px;background:radial-gradient(ellipse at 24% 0,#fff9ee80,transparent 65%),linear-gradient(110deg,#deddd5,#eeece5 50%,#deded7);box-shadow:inset 0 2px 4px #514e4512,0 12px 38px #303b3110;padding-top:28px;overflow:hidden}
.sample-cabinet::before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 13px 0 20px -14px #3f392c66,inset -13px 0 20px -14px #3f392c55;z-index:1}
.sample-cabinet-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin:0 48px 12px;padding-bottom:13px;border-bottom:1px solid #72746626}
.sample-cabinet-heading h2{font-size:17px;font-weight:600;line-height:1.6;color:#3f5146;margin:0 0 4px}.sample-cabinet-heading p{font-size:12px;color:#818579;margin:0;line-height:1.7}.sample-count{font:400 12px/1.6 system-ui,sans-serif;color:#87897d;margin-top:5px}
.sample-rack-scroll{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b1ad9f transparent;position:relative;padding-top:22px}
.sample-rack-track{padding-top:0;min-width:0}
.sample-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,76px);padding:0 clamp(36px,5vw,86px);align-items:end}
.sample-book{min-width:0;position:relative;scroll-snap-align:center;padding-left:14px;color:#d9c596}
.sample-book-object{display:block;position:relative;text-decoration:none;color:inherit;transform-origin:bottom center;transition:transform .24s ease;box-shadow:14px 6px 17px #222d2436,3px 1px 3px #1b242433;isolation:isolate;border-radius:2px 4px 3px 0}
.sample-book-object:hover{transform:translateY(-8px) rotate(-.6deg)}
.sample-book-object::after{content:"";position:absolute;left:0;right:0;top:-4px;height:4px;background:repeating-linear-gradient(0deg,#b7ad9580 0 1px,#e8debf 1px 2px);transform:skewX(-34deg);transform-origin:bottom left;z-index:-1}
.sample-spine{position:absolute;left:-14px;top:0;bottom:0;width:14px;border-radius:3px 0 0 3px;background:linear-gradient(90deg,#0d2229,#31484b 34%,#172c33 78%,#0b1c2280);box-shadow:inset 1px 0 #fff3;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:22px 0 14px;overflow:hidden}
.sample-spine>span[lang]{writing-mode:vertical-rl;font:9px/1 var(--s-display);letter-spacing:.08em;white-space:nowrap;opacity:.8}.spine-publisher{font:700 10px/1 var(--s-display)}
.sample-cover{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:1px 4px 3px 0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 0 0,#56756a60,transparent 90%),#203c43;border:1px solid #162e33;box-shadow:inset 5px 0 7px #0002,inset 7px 0 0 #ffffff06,inset 0 0 35px #00000012;padding:22px 24px 0}
.sample-cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(95deg,#ffffff03 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,#00000002 0 1px,transparent 1px 3px);mix-blend-mode:soft-light}
.sample-imprint{font:400 8px/1.6 system-ui,sans-serif;letter-spacing:.15em;text-align:center;opacity:.75;padding-bottom:11px;border-bottom:1px solid currentColor}
.sample-cover-titles{padding-top:22px;text-align:center}
.sample-cover-author{display:block;font:400 8px/1.8 system-ui,sans-serif;letter-spacing:.1em;opacity:.75}
.sample-cover h2{font:400 clamp(25px,2.4vw,37px)/1.04 var(--s-display);letter-spacing:-.025em;margin:10px -8px 0;text-wrap:balance;color:inherit}
.sample-cover-titles>p{font:400 14px/1.6 "Songti SC","SimSun",serif;letter-spacing:.12em;margin:13px 0 0}
.sample-cover-art{margin:auto -8px 0;min-height:0;position:relative;flex:1;overflow:hidden}.sample-cover-art svg{display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;max-height:175px;opacity:.8}
.sample-cover-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font:10px/1.5 var(--s-display);letter-spacing:.08em;margin:0 0 15px;padding-top:8px}
.sample-read-band{display:grid;grid-template-columns:1fr auto;align-items:center;position:relative;gap:0 12px;background:#0a1c25a8;color:#f3e8cd;margin:0 -24px;padding:14px 18px 18px;min-height:76px;border-top:1px solid #ffffff1c}
.sample-read-band strong{display:block;font:600 14px/1.5 system-ui,sans-serif;letter-spacing:.04em}.sample-book-state{display:block;margin-top:4px;font:400 10px/1.6 system-ui,sans-serif;color:#d2d7c5}.sample-read-arrow{font-size:23px;font-weight:400;color:#d4bf8d;transition:transform .2s}.sample-book-object:hover .sample-read-arrow{transform:translate(2px,-2px)}
.sample-progress{position:absolute;left:18px;right:18px;bottom:8px;height:2px;background:#d8cdab40}.sample-progress>span{display:block;height:100%;background:#cfbd89}
.sample-book-caption{display:flex;justify-content:space-between;gap:8px;position:absolute;top:calc(100% + 79px);left:0;right:0;font-size:11px;line-height:1.7;color:#6e766b;white-space:nowrap}.caption-dot{margin:0 5px;opacity:.5}
.sample-kater{color:#393c2d}.sample-kater .sample-cover{background:radial-gradient(ellipse at 40% 0,#f6eed6,transparent 90%),#dfd0a8;border-color:#c3b593}.sample-kater .sample-spine{background:linear-gradient(90deg,#a99b7c,#ded0ac 36%,#afa184 78%,#817256)}.sample-kater .sample-read-band{background:#5b5a42;color:#fff2d3}.sample-kater .sample-book-state{color:#ddd9ba}
.sample-bremen{color:#e2cea0}.sample-bremen .sample-cover{background:radial-gradient(ellipse at 20% 0,#9e657a60,transparent 90%),#693744;border-color:#4e2935}.sample-bremen .sample-spine{background:linear-gradient(90deg,#3c202c,#814352 38%,#48232f 78%,#25141d)}.sample-bremen .sample-cover h2{font-size:clamp(23px,2.1vw,33px)}.sample-bremen .sample-read-band{background:#381e2bc4}
.sample-wood-shelf{position:relative;height:63px;margin-top:0;background:linear-gradient(180deg,transparent 19px,#74523345 20px,#86644426 23px,transparent 24px),repeating-linear-gradient(1deg,#d1b08020 0 2px,transparent 2px 8px),linear-gradient(90deg,#bb976b,#d1b184 24%,#c5a073 51%,#d5b68d 74%,#b99264);box-shadow:0 1px 0 #70533780,inset 0 1px #fff5,0 10px 14px #56412725;z-index:2;display:flex;justify-content:center;align-items:center;padding-top:19px}
.sample-wood-shelf::before{content:"";position:absolute;left:0;right:0;top:0;height:19px;background:repeating-linear-gradient(0deg,#ad845b22 0 1px,transparent 1px 4px),linear-gradient(90deg,#d0b387,#e0c79e 50%,#c9a779);box-shadow:inset 0 1px #fff8}
.sample-shelf-plaque{font:500 11px/1.5 system-ui,sans-serif;letter-spacing:.17em;background:linear-gradient(100deg,#30413b,#25352f);color:#dfd1a8;padding:7px 23px;box-shadow:0 1px 2px #48382880;border:1px solid #151f17;position:relative}.sample-shelf-plaque::before,.sample-shelf-plaque::after{content:"";position:absolute;top:50%;width:2px;height:2px;border-radius:50%;background:#bba474;transform:translateY(-50%)}.sample-shelf-plaque::before{left:7px}.sample-shelf-plaque::after{right:7px}
.sample-rack-track::after{content:"";display:block;height:72px;background:linear-gradient(180deg,#6b624326,transparent 35px)}
.sample-swipe-hint{display:none}.sample-footer{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:22px 6px 0;color:#7b8276;font-size:12px;line-height:1.8}.sample-footer p{margin:0}.sample-footer>span{color:#999c90;font-size:11px}
.shelf-sample-page :is(a,[tabindex]):focus-visible{outline:3px solid #927447;outline-offset:6px}.sample-book-object:focus-visible{transform:translateY(-6px)}
@media(min-width:701px) and (max-width:950px){.sample-rack-track{width:940px}.sample-books{grid-template-columns:repeat(3,260px);gap:36px;padding:0 32px}.sample-cabinet .sample-swipe-hint{display:flex;align-items:center;justify-content:center;gap:12px;color:#878678;font-size:11px;margin:0;padding:0 0 16px}}
@media(min-width:1450px){.sample-books{padding-left:100px;padding-right:100px;gap:90px}.sample-cover{padding-top:25px}.sample-cover-titles{padding-top:30px}.sample-cover-art svg{max-height:190px}}
@media(max-width:1000px){.sample-cabinet-heading{margin-left:28px;margin-right:28px}.sample-books{gap:24px;padding:0 32px}.sample-cover{padding:17px 17px 0}.sample-imprint{font-size:6px}.sample-cover-titles{padding-top:16px}.sample-cover-author{font-size:6px}.sample-cover h2{font-size:27px}.sample-bremen .sample-cover h2{font-size:23px}.sample-cover-titles>p{font-size:12px;letter-spacing:.05em;margin-top:10px}.sample-read-band{margin:0 -17px;padding:10px 14px 15px;min-height:64px}.sample-read-band strong{font-size:12px}.sample-progress{left:14px;right:14px;bottom:7px}.sample-book-caption{flex-direction:column;gap:0;top:calc(100% + 76px)}.sample-cover-foot{font-size:8px;margin-bottom:10px}.sample-cover-art svg{max-height:150px}}
@media(max-width:700px){.shelf-sample-page{padding-top:0}.sample-intro{padding:0 0 24px;align-items:start;flex-direction:column;gap:10px}.sample-kicker{font-size:10px;margin-bottom:10px}.sample-intro h1{font-size:30px}.sample-intro-copy{font-size:13px}.sample-back{font-size:12px;gap:12px}.sample-cabinet{padding-top:22px}.sample-cabinet-heading{margin:0 20px 10px}.sample-cabinet-heading h2{font-size:16px}.sample-count{font-size:11px}.sample-rack-track{width:850px}.sample-books{grid-template-columns:repeat(3,230px);gap:35px;padding:0 32px}.sample-cover{padding:20px 20px 0}.sample-cover h2{font-size:30px}.sample-bremen .sample-cover h2{font-size:26px}.sample-imprint{font-size:7px}.sample-cover-author{font-size:7px}.sample-cover-titles{padding-top:20px}.sample-cover-titles>p{font-size:13px}.sample-read-band{margin:0 -20px;padding:12px 15px 17px;min-height:70px}.sample-read-band strong{font-size:13px}.sample-progress{left:15px;right:15px}.sample-cover-art svg{max-height:160px}.sample-rack-scroll{scroll-padding-left:20px}.sample-rack-track::after{height:78px}.sample-swipe-hint{display:flex;align-items:center;justify-content:center;gap:12px;color:#878678;font-size:11px;margin:0;padding:0 0 16px}.sample-footer{flex-direction:column;gap:6px;padding-top:18px}}
@media(prefers-reduced-motion:reduce){.sample-book-object,.sample-read-arrow{transition:none}.sample-book-object:hover,.sample-book-object:focus-visible{transform:none}}