/* ================================================================
   Casa Lujuria — CONTENT-PAGE LAYOUT (loaded last)
   Kills the narrow centered "Google Doc" column: body sections
   become full-bleed, edge-to-edge alternating bands (like the
   homepage). Text stays at a readable measure INSIDE each band.
   ================================================================ */

/* stop the 100vw bands from ever adding a horizontal scrollbar */
html, body { overflow-x: clip; }

/* the article shell no longer clamps everything to a skinny column */
main.page.wrap { max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; }
.page .narrow { max-width: 1000px !important; margin: 0 auto !important; padding: 0 24px !important; }

/* band content aligns its LEFT edge with the intro column, text capped
   to a readable line length (so full-width band, readable measure) */
:root { --band-pad: max(24px, calc((100vw - 1000px) / 2 + 24px)); }
.page .narrow .rev-sec > h2,
.page .narrow .rev-sec > p,
.page .narrow .rev-sec > .ls-scan { max-width: 66ch; }

/* ---- prose sections -> full-width alternating bands ---- */
.page .narrow .rev-sec {
  position: relative;
  width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  padding: clamp(42px, 6vw, 80px) var(--band-pad) !important;
  background: #120609 !important;                 /* dark band, a touch above page bg */
  border-top: 1px solid rgba(255,255,255,.07) !important;
}
.page .narrow .rev-sec > h2 { color: var(--ac, #e5223f) !important; margin-top: 0 !important; }
.page .narrow .rev-sec > h2::before {
  content: "" !important; display: block !important; width: 56px; height: 4px; border-radius: 99px;
  background: var(--ac, #e5223f) !important; margin-bottom: .85rem;
}
/* light band (dark ink on cream, full width) */
.page .narrow .rev-sec--light {
  background: linear-gradient(180deg, #fdf6ea, #f4e6cf) !important;
  border-top: 1px solid rgba(0,0,0,.10) !important;
}
.page .narrow .rev-sec--light > h2 { color: #0a1122 !important; }
.page .narrow .rev-sec--light p,
.page .narrow .rev-sec--light li { color: #1e2b4a !important; }
.page .narrow .rev-sec--light strong { color: #04070f !important; }
.page .narrow .rev-sec--light a { color: #98071f !important; }

/* the how-to steps band keeps its inner step cards; just give it room */
.page .narrow .gsteps-sec .gsteps { max-width: 820px; }

/* ---- full-bleed the big colour bands (hook + end offer) ---- */
.page .narrow .lq-hook,
.page .narrow .lq-funnel-end {
  width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;
  border-radius: 0 !important;
}
.page .narrow .lq-hook { padding-left: var(--band-pad) !important; padding-right: var(--band-pad) !important; }
.lqe-inner { max-width: 1000px; margin: 0 auto; }

/* the inline funnel callout + verdict + faq + related stay as CONTAINED
   cards, so the page alternates full-width bands with tidy cards
   (rhythm, not one uniform thing). Nudge them wider than before. */
.page .narrow .lq-funnel,
.page .narrow .ls-verdict,
.page .narrow .faq,
.page .narrow .grev { max-width: 900px; margin-left: auto; margin-right: auto; }

/* the intro (h1, byline, lede) and back-matter breathe in the wider shell */
.page .narrow > h1.reveal { max-width: 960px; }