/* ===== /book landing page — full-bleed, scoped to THIS page only ===== */

/* Black background across the whole page (kills white gutters) */
body.page-id-22002{background:#0a0a0a !important;}

/* Remove WordPress's auto-printed page title ("The Quantified Self" + rule) */
body.page-id-22002 .blog-intro{display:none !important;}

/* Edge-to-edge: neutralize Bootstrap container + column, and the theme rule
   main background:#fff padding-top:50px (the block right column is itself a main). */
body.page-id-22002 main{background:transparent !important;padding:0 !important;margin:0 !important;}
body.page-id-22002 .container{max-width:none !important;width:100% !important;padding:0 !important;margin:0 !important;}
body.page-id-22002 .main-text-area{margin:0 !important;}
body.page-id-22002 .main-text-area [class*="col-"]{max-width:100% !important;flex:0 0 100% !important;padding:0 !important;}

/* Hide the QS site header + footer — /book stands alone, no site chrome */
body.page-id-22002 header.sticky-top{display:none !important;}
body.page-id-22002 #footer{display:none !important;}

/* Theme sets light backgrounds (blockquote #edeef2, footer #edeef2) — keep the
   block's quotes, slides, and credit footer on black. */
body.page-id-22002 .qsbook blockquote,
body.page-id-22002 .qsbook q,
body.page-id-22002 .qsbook .qsbook-slide,
body.page-id-22002 .qsbook footer{background:transparent !important;}

/* Theme also sets blockquote{font-style:italic} — the gothic has no real italic,
   so this would render as a fake slant. Keep the Advance Praise blurbs upright. */
body.page-id-22002 .qsbook blockquote,
body.page-id-22002 .qsbook blockquote p,
body.page-id-22002 .qsbook q{font-style:normal !important;}

/* Remove the two grey divider rules (above the footer, above the buy block) */
body.page-id-22002 .qsbook footer{border-top:0 !important;}
body.page-id-22002 .qsb-app .buyblock{border-top:0 !important;}

/* Hardcover/Ebook labels = brand gothic (price line + retailer link names stay Libre) */
body.page-id-22002 .qsbook .ret-label{font-family:var(--display) !important;}

/* No underline EVER on the wordmark or the nav tabs. Covers: theme h1{border-bottom}
   on the wordmark heading, Bootstrap a:not(.btn) underline, theme p a border, and the
   active-tab line. Active tab stays orange by color only. */
body.page-id-22002 .qsbook .wordmark,
body.page-id-22002 .qsbook .wordmark a,
body.page-id-22002 .qsbook .mainnav a,
body.page-id-22002 .qsbook .mainnav a.is-active{text-decoration:none !important;border-bottom:0 !important;}

/* Nav "you are here" = subtle dull, not orange. Active tab holds the same muted tone
   as hover; inactive tabs are white. (Exploratory — fold into canonical once approved.) */
body.page-id-22002 .qsbook .mainnav a:hover,
body.page-id-22002 .qsbook .mainnav a.is-active{color:var(--muted) !important;}

/* In-content links (Sharon Kunz press email, Events "the QS newsletter", etc.):
   regular body tone at rest, dulls to muted on hover (matches the nav), not orange, no underline. */
body.page-id-22002 .qsbook .panel.flap a{color:var(--ink-body) !important;text-decoration:none !important;}
body.page-id-22002 .qsbook .panel.flap a:hover{color:var(--muted) !important;text-decoration:none !important;}

/* Press & Media panel: drop the redundant "Press & Media" banner (nav already says it),
   and render the book title (the em) in all caps. */
body.page-id-22002 .qsbook .panel[data-panel="press"] .tagline-banner{display:none !important;}
body.page-id-22002 .qsbook .panel[data-panel="press"] em{text-transform:uppercase !important;}

/* Events panel: keep the "Share Your Self-Tracking Project" headline; just bump the three
   Show & Tell questions one size up (normal case). */
body.page-id-22002 .qsbook .panel[data-panel="events"] .three-q{font-size:1.2rem !important;}