.blRecsPage{--ink:#342c36;--muted:#756c74;--pink:#f2a3b8;--pinkSoft:#fff1f5;--blue:#b8dfea;--blueSoft:#eef9fc;--cream:#fffaf4;--line:#eadde2;min-height:100vh;color:var(--ink);background:#fffaf6;padding:0 24px 80px;font-family:Georgia,Times New Roman,serif}.recsHero{text-align:center;max-width:1080px;margin:0 auto;padding:76px 20px 44px}.eyebrow,.sectionKicker,.bookMeta{letter-spacing:.14em;color:#c9879e;text-transform:uppercase;font-size:.72rem;font-weight:700}.recsHero h1{letter-spacing:-.035em;margin:14px 0 16px;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:700;line-height:.98}.heroLead{max-width:760px;color:var(--muted);margin:0 auto;font-size:1.08rem;line-height:1.85}.topicNav{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.topicNav a,.tags span{color:#9f6379;background:#fff;border:1px solid #f1c5d2;border-radius:999px;padding:8px 13px;font-size:.82rem;text-decoration:none;transition:transform .16s,background .16s}.topicNav a:hover{background:var(--pinkSoft);transform:translateY(-2px)}.introPanel,.seriesPanel,.ctaPanel{background:#fff;border:1px solid #f0dfe5;border-radius:24px;max-width:1080px;margin:0 auto 48px;padding:clamp(26px,5vw,48px);box-shadow:0 10px 30px #58414d0d}.introPanel h2,.seriesPanel h2,.ctaPanel h2{max-width:800px;margin:10px 0 18px;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.15}.introPanel p,.seriesPanel p,.ctaPanel p{max-width:900px;color:var(--muted);font-size:1rem;line-height:1.85}.recommendations{max-width:860px;margin:0 auto 72px}.blogBookList{flex-direction:column;gap:72px;margin-top:40px;display:flex}.blogBookEntry{box-shadow:none;background:0 0;border:none;border-bottom:1px solid #a8839138;border-radius:0;padding:0 0 68px;position:relative}.blogBookEntry:last-child{border-bottom:none;padding-bottom:0}.blogBookHeader{margin-bottom:18px}.blogBookTitle{font-family:var(--font-serif,"Georgia", "Times New Roman", serif);color:#2b1f2d;letter-spacing:-.01em;margin:0 0 10px;font-size:clamp(2rem,3.8vw,2.65rem);font-weight:700;line-height:1.18}.blogBookNum{color:#b3738b;margin-right:8px;font-weight:600}.blogBookMeta{color:#8c737d;letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0;font-size:.85rem;font-weight:500;line-height:1.6;display:flex}.blogBookMeta .metaSep{color:#d2bec7}.blogBookMeta .metaAuthor{color:#634b55;font-weight:600}.blogBookMeta .metaGenre{color:#8c737d}.blogBookMeta .metaTag{color:#9c838d}.blogBookHook{color:#483a42;border:none;margin:0 0 24px;padding:0;font-size:1.14rem;font-style:italic;line-height:1.78}.blogBookBody p{color:#40323a;margin:0 0 20px;font-size:1.04rem;line-height:1.88}.blogBookBody p:last-child{margin-bottom:0}.blogBookFigure{width:52%;min-width:280px;max-width:480px;margin:24px auto 32px;padding:0}.blogBookImageFrame{border:1px solid #dccdd499;border-radius:14px;line-height:0;position:relative;overflow:hidden;box-shadow:0 6px 20px #412d3717}.blogBookImg{aspect-ratio:1408/768;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;transition:transform .35s;display:block}.blogBookImageFrame:hover .blogBookImg{transform:scale(1.02)}.blogBookCaption{color:#7d6873;text-align:center;margin-top:12px;padding:0 8px;font-size:.9rem;font-style:italic;line-height:1.6}.blogBookAction{margin-top:24px}.blogBookAction .findLink{color:#a85875;font-size:.94rem;font-weight:700;text-decoration:none;transition:color .15s,transform .15s;display:inline-block}.blogBookAction .findLink:hover{color:#833953;text-decoration:underline;transform:translate(2px)}.cover{aspect-ratio:3/4;text-align:center;background:#fff8f2;border:1px solid #e8dfe2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 7px #ffffff8c}.cover span{letter-spacing:-.05em;color:#9d6d7e;font-size:2.4rem;font-weight:700}.cover small{color:#b4939f;letter-spacing:.18em;margin-top:10px;font-size:.58rem}.bookContent h3{margin:8px 0;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.05}.bookSubtitle{color:#a36d82;margin:0 0 14px;font-size:.9rem;font-style:italic}.bookHook{color:#51454d;border-left:3px solid #f0a8bc;margin:0 0 20px;padding-left:16px;font-size:1.02rem;font-style:italic;line-height:1.7}.bookBody p{color:var(--muted);margin:0 0 16px;font-size:.98rem;line-height:1.82}.tags{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.tags span{cursor:default;padding:6px 10px;font-size:.74rem}.whySection{max-width:1080px;margin:0 auto 60px}.whySection>h2{margin:10px 0 24px;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.1}.featureGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.featureCard{background:#fff;border:1px solid #eadfe3;border-radius:20px;padding:26px;scroll-margin-top:30px}.featureCard>span{color:#d79aae;letter-spacing:.12em;font-size:.75rem;font-weight:700}.featureCard h3{margin:10px 0 8px;font-size:1.35rem}.featureCard p{color:var(--muted);margin:0;font-size:.94rem;line-height:1.75}.ctaPanel{background:#fbfeff;border-color:#d9edf2;justify-content:space-between;align-items:center;gap:30px;display:flex}.ctaPanel h2{margin-bottom:10px}.ctaLinks{flex-wrap:wrap;flex-shrink:0;gap:10px;display:flex}.primaryButton,.secondaryButton{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-family:inherit;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.primaryButton{color:#fff;background:#f2a4ba}.secondaryButton{color:#638e9b;background:#fff;border:1px solid #b8dfea}@media (max-width:768px){.blRecsPage{padding:0 16px 50px}.recsHero{padding-top:48px}.blogBookFigure{width:100%;max-width:100%;margin:28px 0 20px}.blogBookEntry{padding-bottom:54px}.blogBookList{gap:54px}.featureGrid{grid-template-columns:1fr}.ctaPanel{flex-direction:column;align-items:flex-start}}@media (max-width:470px){.blogBookTitle{font-size:1.85rem}.blogBookCaption{font-size:.85rem}.sectionHeading{flex-direction:column;align-items:flex-start}}.blRecsPage .breadcrumb{color:#a88391;max-width:1080px;margin:0 auto;padding:26px 20px 0;font-size:.82rem}.blRecsPage .breadcrumb a{color:#9f6379;text-decoration:none}.blRecsPage .breadcrumb a:hover{text-decoration:underline}.blRecsPage .pillarSection{max-width:1080px;margin:0 auto 56px}.blRecsPage .pillarSection>h2{margin:10px 8px 22px;font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.12}.blRecsPage .pillarSection>.sectionKicker{margin-left:8px}.blRecsPage .clusterGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.blRecsPage .clusterCard{border:1px solid var(--line);color:inherit;background:#fff;border-radius:24px;flex-direction:column;gap:12px;padding:30px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 12px 30px #46303d0e}.blRecsPage a.clusterCard:hover{transform:translateY(-4px);box-shadow:0 18px 38px #46303d1a}.blRecsPage .clusterCard h3{margin:0;font-size:1.6rem;line-height:1.15}.blRecsPage .clusterCard p{color:var(--muted);margin:0;font-size:.96rem;line-height:1.75}.blRecsPage .clusterCard .cardCount{color:#a88391;letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:700}.blRecsPage .clusterCard .cardGo{color:#c9879e;margin-top:auto;font-size:.9rem;font-weight:700}.blRecsPage .clusterCard.soon{box-shadow:none;text-align:center;color:#b4939f;background:0 0;border-style:dashed;justify-content:center}.blRecsPage .tropeChips{flex-wrap:wrap;gap:10px;margin:0 8px;display:flex}.blRecsPage .tropeChips a{color:#9f6379;background:#fff;border:1px solid #f1c5d2;border-radius:999px;padding:8px 13px;font-size:.82rem;text-decoration:none;transition:transform .16s,background .16s}.blRecsPage .tropeChips a:hover{background:var(--pinkSoft);transform:translateY(-2px)}.blRecsPage .miniList{gap:12px;display:grid}.blRecsPage .miniRow{border:1px solid var(--line);color:inherit;background:#fff;border-radius:18px;grid-template-columns:44px 1fr;align-items:start;gap:16px;padding:20px 24px 20px 28px;text-decoration:none;transition:transform .16s;display:grid;position:relative;overflow:hidden}.blRecsPage .miniRow:hover{transform:translate(4px)}.blRecsPage .miniRow:before{content:"";width:5px;position:absolute;top:0;bottom:0;left:0}.blRecsPage .miniRow.accent-pink:before{background:#f1a5bb}.blRecsPage .miniRow.accent-blue:before{background:#a9d9e8}.blRecsPage .miniRow.accent-lilac:before{background:#c9b5df}.blRecsPage .miniRow.accent-sage:before{background:#b9cda9}.blRecsPage .miniRow.accent-gold:before{background:#e4c78d}.blRecsPage .miniNum{color:#cbbdc3;letter-spacing:.15em;padding-top:5px;font-size:.78rem;font-weight:700}.blRecsPage .miniRow h3{margin:0 0 4px;font-size:1.25rem}.blRecsPage .miniRow p{color:var(--muted);margin:0;font-size:.93rem;font-style:italic;line-height:1.65}.blRecsPage .findLink{color:#c9879e;margin-top:18px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-block}.blRecsPage .findLink:hover{text-decoration:underline}.blRecsPage .finderPanel{background:linear-gradient(135deg,#fff7f9,#f6fcfe);border:1px solid #f1c5d2;border-radius:24px;max-width:1080px;margin:0 auto 48px;padding:clamp(26px,5vw,48px);scroll-margin-top:30px;box-shadow:0 10px 30px #58414d0d}.blRecsPage .finderPanel h2{max-width:800px;margin:10px 0 14px;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15}.blRecsPage .finderPanel>p{max-width:820px;color:var(--muted);margin:0 0 22px;line-height:1.8}.blRecsPage .finderTitles{flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none;display:flex}.blRecsPage .finderTitles li{color:#9f6379;background:#fff;border:1px solid #f1c5d2;border-radius:999px;padding:6px 12px;font-size:.8rem}.blRecsPage .finderSteps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 26px;padding:0;list-style:none;display:grid}.blRecsPage .finderSteps li{color:var(--muted);background:#fff;border:1px solid #eadfe3;border-radius:16px;padding:18px 20px;font-size:.92rem;line-height:1.65}.blRecsPage .finderSteps strong{color:var(--ink);margin-bottom:4px;display:block}.blRecsPage .finderActions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.blRecsPage .finderNote{color:#a88391;font-size:.82rem}@media (max-width:700px){.blRecsPage .finderSteps{grid-template-columns:1fr}.blRecsPage .miniRow{grid-template-columns:1fr;gap:4px}}
