/* Root discovery modules; scoped so accepted Home/Book/Series bodies are preserved. */
.engagement-page{background:#fffaf2;color:#13243f;min-height:70vh;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.engagement-page .wrap{width:calc(100% - 40px)}
.engagement-page .engagement-hero{padding:72px 0;background:radial-gradient(ellipse at 85% 5%,#f3a63033,transparent 40%),linear-gradient(125deg,#13294e,#343689 65%,#4c2593);color:#fff}
.engagement-page .engagement-hero .eyebrow,.engagement-page .engagement-hero h1,.engagement-page .engagement-hero p{color:#fff}
.engagement-page .engagement-hero h1{font-family:inherit;font-weight:850;font-size:clamp(2.7rem,5.8vw,4.7rem);max-width:950px;line-height:1.1;letter-spacing:-.04em;margin:18px 0}
.engagement-page .engagement-hero p:not(.eyebrow){max-width:780px;font-size:1.16rem;line-height:1.7}
.engagement-page .eyebrow:before{content:"";display:inline-block;width:24px;height:3px;background:#ffae46;margin-right:10px;vertical-align:middle}
:where(.engagement-page) .engagement-section{padding:58px 0}:where(.engagement-page) .engagement-section h2{font-family:inherit;font-size:2rem;margin-bottom:25px;color:#13294e}
:where(.engagement-page) .offer-grid{display:grid;gap:24px}:where(.engagement-page) .offer-card{background:#fff;display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:start;padding:28px;border:1px solid #e5dfef;border-radius:18px;box-shadow:0 12px 28px #2027510b}
:where(.engagement-page) .offer-card img{width:150px;height:auto;max-height:230px;object-fit:contain;border-radius:8px}:where(.engagement-page) .offer-card h3,:where(.engagement-page) .bounty-card h3{font-family:inherit;color:#152b50;font-size:1.7rem;line-height:1.25;margin:15px 0}:where(.engagement-page) .offer-card p,:where(.engagement-page) .bounty-card p{color:#40506b;line-height:1.7}
:where(.engagement-page) .engagement-badge{display:inline-flex;padding:6px 12px;background:#fff1dc;border:1px solid #f2cf95;color:#7d4507;border-radius:99px;font-size:.8rem;font-weight:750}:where(.engagement-page) .offer-monogram{width:110px;height:110px;display:grid;place-items:center;background:linear-gradient(140deg,#172951,#514b9b);color:#ffd79a;border-radius:18px;font-size:3rem}
.engagement-page .free-action,.free-reading-callout .reader-action{background:#ee8a24;color:#251907;border:1px solid #d97712;font-weight:800;text-decoration:none;border-radius:10px}.engagement-page .free-action:hover,.free-reading-callout .reader-action:hover{background:#ffb346}
.engagement-page .button.secondary{border:1px solid #cfd6e5;background:#fff;color:#172b50;border-radius:10px}.engagement-page .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
:where(.engagement-page) .engagement-empty{max-width:900px;border:1px solid #e1d9ea;border-radius:18px;background:#fff;padding:38px;box-shadow:0 12px 28px #2027510b}:where(.engagement-page) .engagement-empty p{max-width:660px;line-height:1.8}
:where(.engagement-page) .bounty-page .engagement-hero{background:radial-gradient(ellipse at 84% 50%,#eeb04422,transparent 40%),linear-gradient(125deg,#142849,#283264 65%,#48265c)}
:where(.engagement-page) .bounty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}:where(.engagement-page) .bounty-card{background:#fff;border:1px solid #e6d8bc;border-radius:18px;padding:30px;box-shadow:0 14px 35px #2821450b}.engagement-page .reward-display{font-weight:800;color:#8e4c0c;font-size:1.5rem;margin:24px 0}.engagement-page .engagement-hero .reward-display{display:inline-block;padding:12px 20px;border:1px solid #e2b56880;border-radius:12px;background:#fff1db;color:#70400f}
:where(.engagement-page) .bounty-detail{max-width:1000px}:where(.engagement-page) .bounty-detail h2{font-size:1.35rem;margin:28px 0 8px}:where(.engagement-page) .how-bounties-work{background:#f4edf8}:where(.engagement-page) .how-bounties-work ol{display:grid;gap:16px;font-size:1.08rem;max-width:800px}
.free-reading-callout{border-left:4px solid #ee8a24;border-radius:0 12px 12px 0;background:#fff6e7;padding:20px;margin:20px 0}.free-reading-callout p{margin:10px 0 18px}.reader-free-badge{background:#fff0d7!important;color:#793e08!important;top:auto!important;bottom:12px;right:12px!important;left:auto!important}
@media(max-width:760px){.engagement-page .engagement-hero{padding:48px 0}:where(.engagement-page) .engagement-section{padding:38px 0}:where(.engagement-page) .offer-card{grid-template-columns:100px minmax(0,1fr);gap:20px;padding:22px}:where(.engagement-page) .offer-card img{width:100px}:where(.engagement-page) .bounty-grid{grid-template-columns:1fr}.engagement-page .engagement-hero h1{font-size:2.65rem}:where(.engagement-page) .engagement-empty{padding:26px}:where(.engagement-page) .offer-card h3{font-size:1.4rem}}
@media(max-width:460px){:where(.engagement-page) .offer-card{grid-template-columns:1fr}:where(.engagement-page) .offer-card img{width:140px}:where(.engagement-page) .offer-monogram{width:80px;height:80px}:where(.engagement-page) .bounty-card{padding:24px}.engagement-page .button{max-width:100%;white-space:normal}}
.engagement-page a:focus-visible,.free-reading-callout a:focus-visible{outline:3px solid #bc680e;outline-offset:4px}
/* Book discovery density: cover sizes remain 150px desktop / 140px phone.
   Stack content inside cards instead of squeezing a cover beside narrow prose. */
:where(.engagement-page) .book-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
:where(.engagement-page) .book-offer-grid .serial-offer{display:flex;flex-direction:column;gap:18px;padding:24px;min-width:0}
:where(.engagement-page) .book-offer-grid .serial-offer>img{margin-inline:auto}
:where(.engagement-page) .book-offer-grid .serial-offer>div{display:flex;flex-direction:column;flex:1;min-width:0;width:100%}
:where(.engagement-page) .book-offer-grid .serial-offer h3{font-size:1.45rem;overflow-wrap:anywhere}
:where(.engagement-page) .book-offer-grid .serial-offer p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 18px}
:where(.engagement-page) .book-offer-grid .serial-offer .actions{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px}
:where(.engagement-page) .book-offer-grid .serial-offer .button{text-align:center;white-space:normal;min-height:44px;justify-content:center}
@media(max-width:1199px){:where(.engagement-page) .book-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){:where(.engagement-page) .book-offer-grid{grid-template-columns:1fr}}
@media(min-width:461px) and (max-width:760px){:where(.engagement-page) .book-offer-grid .serial-offer img{width:150px}}
@media(prefers-reduced-motion:reduce){.engagement-page *{scroll-behavior:auto!important;transition:none!important}}