/* Each page keeps one clear purpose while shared book dialogs remain available. */
body[data-page="home"] main > section:not(.hero):not(#book-options),
body[data-page="topic"] main > section:not(#book-options):not(#books),
body[data-page="order"] main > section:not(#order-intro):not(#learn-together):not(#faq):not(#order),
body[data-page="about"] main > section:not(#about),
body[data-page="guide"] main > section:not(#start-here),
body[data-page="updates"] main > section:not(#email-updates){display:none}
body[data-page="home"] .announcement{display:none}
body[data-page="home"] .hero{margin-top:.75rem;padding-block:2.5rem}
body[data-page="home"] .hero h1{font-size:clamp(2rem,4.2vw,3.3rem)}
body[data-page="home"] .hero p{max-width:440px}
body[data-page="home"] #book-options{padding-top:1.5rem}
#order-intro{padding-bottom:0}
#order-intro h1{color:var(--plum);font-size:clamp(2rem,4vw,3.2rem);margin:.5rem 0}
#order-intro p{font:1rem/1.6 Arial,sans-serif;color:#66556f}
.footer-navigation{font-weight:bold;line-height:2}
.footer-details{max-width:760px;margin:1rem auto;text-align:left;font: .85rem/1.6 Arial,sans-serif}
.footer-details summary{cursor:pointer;text-align:center;padding:.5rem}
@media(max-width:600px){body[data-page="home"] .hero{padding:1.25rem}header{flex-wrap:wrap}header nav{width:100%;justify-content:space-between}header nav a.pill{display:inline-flex}header .brand-text small{display:none}}

/* Keep the cover page simple and open categories directly to their books. */
body[data-page="topic"] #book-options{display:none}

/* Search stays on the homepage and dedicated search results. */
body[data-page="topic"] .book-search{display:none}