.hampa-book-preview{display:grid;grid-template-columns:clamp(120px,15vw,180px) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,44px);padding:clamp(24px,3vw,40px);border:1px solid #d3d7cb;border-radius:20px;background:#e5e8df;color:#102c31}
.book-preview-cover{margin:0;min-inline-size:0}
.book-preview-cover img{display:block;inline-size:100%;block-size:auto;border-radius:6px;box-shadow:6px 9px 20px #14291f22}
.book-preview-copy{min-inline-size:0}
.book-preview-kicker{display:block;color:#506651;font-size:12px;line-height:1.9}
.hampa-book-preview .book-preview-copy h2,.hampa-book-preview .book-preview-copy h3{font-size:clamp(24px,2.2vw,32px);line-height:1.7;margin:7px 0 10px}
.hampa-book-preview .book-preview-copy>p{font-size:14px;line-height:2;margin:0 0 20px;max-inline-size:76ch;color:#4b5c52}
.book-preview-player{background:#173b36;color:#f6f2e7;padding:18px 20px;border-radius:12px;max-inline-size:640px}
.book-preview-player-heading{display:flex;align-items:center;gap:12px;margin-block-end:14px}
.book-preview-player-heading svg{flex-shrink:0;color:#e8cb88}
.book-preview-player-heading strong{display:block;font-size:16px;line-height:1.8}
.book-preview-player-heading span{display:block;color:#c4d6ca;font-size:12px;line-height:1.8}
.book-preview-player audio{display:block;width:100%;height:44px;direction:ltr;color-scheme:light;margin-block:10px}
.book-preview-listen{display:inline-flex;gap:12px;align-items:center;justify-content:center;color:#14362c;background:#e9d3a0;font-size:14px;font-weight:750;line-height:1.8;padding:10px 16px;min-block-size:44px;text-decoration:none;border-radius:8px}
.book-preview-listen:hover{background:#f3dfb4}
.book-preview-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-block-start:12px;align-items:center}
.book-preview-links a{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;min-block-size:44px;color:#244c3d;font-size:13px;font-weight:650;line-height:1.9;text-decoration:underline;text-underline-offset:5px}
.book-preview-links span{font-size:11px;font-weight:400}
.hampa-book-preview .book-preview-copy>.book-preview-note{font-size:12px;margin:10px 0 0;line-height:2}
.hampa-book-preview a:focus-visible{outline:3px solid #ae7730;outline-offset:4px}
.hampa-book-preview--camp{margin-block-start:38px;grid-template-columns:clamp(120px,13vw,170px) minmax(0,1fr);align-items:start}
@media(max-width:600px){
 .hampa-book-preview,.hampa-book-preview--camp{grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:22px;border-radius:16px}
 .book-preview-cover{inline-size:140px;margin-inline:auto}
 .book-preview-kicker{text-align:center}
 .hampa-book-preview .book-preview-copy h2,.hampa-book-preview .book-preview-copy h3{text-align:center;font-size:25px}
 .book-preview-player{padding:16px}
 .book-preview-listen{width:100%;font-size:13px;padding-inline:12px}
 .book-preview-links{gap:4px 18px}
}