.book-preview-panel{margin-block:2rem;padding:clamp(1rem,3vw,2rem);border:1px solid var(--line,#ddd);border-radius:14px;background:var(--paper,#fff)}
.book-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-block:1rem}
.book-preview-tile{display:flex;flex-direction:column;gap:.5rem;border:1px solid #d8d8d8;border-radius:8px;padding:.5rem;cursor:pointer;min-width:0}
.book-preview-tile:has(input:checked){outline:3px solid #008080;background:#edfafa}
.book-preview-tile input{width:auto;align-self:flex-start}
.book-preview-tile img{width:100%;aspect-ratio:210/297;object-fit:contain;background:white}
.book-preview-actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-block:1rem}
.book-preview-viewer .book-preview-actions{justify-content:center}
.book-preview-viewer .book-preview-actions .btn{min-height:44px}
@media(max-width:480px){.book-preview-viewer .book-preview-actions{gap:8px}.book-preview-viewer .book-preview-actions .btn{padding-inline:14px;font-size:14px}}
.book-preview-viewer{text-align:center;max-width:850px;margin-inline:auto}
.book-preview-viewer img{display:block;width:100%;max-height:80vh;object-fit:contain;background:white;border:1px solid #eee}
.book-preview-status{min-height:1.7em;display:block;margin-block:.5rem}
.book-preview-viewer [hidden]{display:none}
@media(max-width:650px){.book-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Sample CTA and in-viewer purchase bar (UX review 2026-09-26, item 1). */
.detail-purchase .sample-cta{display:flex;width:100%;min-height:48px;margin-top:14px;padding:10px 20px;background:var(--brand-offWhite);color:var(--brand-accessibleTeal);border:2px solid var(--brand-accessibleTeal);border-radius:8px;font-size:15px;font-weight:600;text-decoration:none}
.detail-purchase .sample-cta:hover{background:var(--brand-tealTint)}
.detail-purchase .sample-cta:focus-visible,.book-preview-buy .btn:focus-visible{outline:3px solid var(--brand-accessibleTeal);outline-offset:2px}
.book-preview-buy{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;background:var(--brand-offWhite);border-top:1px solid var(--brand-line)}
.book-preview-buy .book-preview-price{font-weight:600;color:var(--brand-midnight)}
.book-preview-buy .btn{min-height:48px;padding:10px 22px;background:var(--brand-accessibleTeal);border-color:var(--brand-accessibleTeal);color:#fff}