.prologue-promo{margin-top:24px;padding-top:22px;border-top:1px solid #493728}
.prologue-promo .prologue-dare{margin:0 0 12px;color:#fffaf2;font:700 .85rem/1.4 system-ui,sans-serif;letter-spacing:.12em}
.prologue-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:16px 24px;max-width:100%;border:1px solid #da5265;border-radius:16px;background:#B91C32;color:#fff;text-align:center;text-decoration:none;font:700 1rem/1.4 system-ui,sans-serif;box-shadow:0 8px 26px #b91c3230;transition:box-shadow .22s ease,transform .18s ease,background .18s ease;overflow-wrap:anywhere}
.prologue-button:hover{background:#a7192d;box-shadow:0 8px 32px #b91c3255;transform:translateY(-2px)}
.prologue-button:active{transform:scale(.98)}
.prologue-button:focus-visible{outline:3px solid #fffaf2;outline-offset:5px}
.prologue-promo .prologue-whisper{margin:12px 0 0;font-style:italic;color:#dfd5c9;font-size:1rem}
.free-reading-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 38px;padding:22px 26px;background:#090601;border:1px solid #493728;border-radius:20px}
.free-reading-strip h2{margin:0 0 8px;font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.2;color:#f7cfde}
.free-reading-strip p{margin:0;color:#dfd5c9}
.free-reading-link{flex-shrink:0;color:#fffaf2;text-underline-offset:5px;padding:12px 0}
@media(max-width:600px){.free-reading-strip{flex-direction:column;align-items:flex-start;padding:20px}.prologue-button{width:100%;font-size:.92rem;padding:16px 12px}}
@media(prefers-reduced-motion:reduce){.prologue-button{transition:none}.prologue-button:hover,.prologue-button:active{transform:none}}