/* -------------------------------------------------------------
   ProdXVerse - inner page chrome overrides

   Every page that is not the landing page loads this. It previously lived as
   a duplicated <style> block inside post.php and index.php, and was missing
   from page.php entirely - which is why landing pages had 72px of dead space
   under the footer and a transparent navbar sitting flush against the top of
   the window. One file, loaded everywhere, so the three templates cannot
   drift apart again.
   ------------------------------------------------------------- */

/* main.css reserves 72px at the bottom of <body> for the landing page's
   sticky offer bar. Inner pages have no offer bar, so that reservation is
   just a gap under the footer. */
body { padding-bottom: 0; }

/* The navbar is position:fixed. On the landing page it starts transparent
   over the hero and gains a background on scroll. Inner pages have no hero
   behind it, so it needs the solid treatment immediately or it reads as
   floating text jammed against the top of the window. */
.navbar {
  background: rgba(255, 255, 255, .96);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid rgba(232, 230, 224, .75);
  box-shadow: 0 4px 24px rgba(0, 0, 0, .05);
}

/* Legacy blog chrome, replaced by the shared site nav/footer. */
.blog-nav,
.blog-footer { display: none !important; }

/* The footer needs no overrides here. It is rendered from one partial on
   every page including the landing page, and its grid was widened at source in
   scss/main.scss rather than patched per-template. */

/* -------------------------------------------------------------
   Section rhythm

   Sections were butting straight into each other with no separation, so a
   long page read as one undifferentiated wall. Space plus a hairline rule
   gives the eye somewhere to rest between questions.
   ------------------------------------------------------------- */

.pseo-content > section,
.post-content > section {
  padding-bottom: 2.75rem;
  margin-bottom: 2.75rem;
  border-bottom: 1px solid var(--pxv-border, #E5E7EB);
}

.pseo-content > section:last-child,
.post-content > section:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

/* The opening paragraph is a lead-in, not a section of its own. */
.pseo-content > section.pseo-intro {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 2rem;
}

.pseo-content > section > h2:first-child,
.post-content > section > h2:first-child { margin-top: 0; }

@media (max-width: 640px) {
  .pseo-content > section,
  .post-content > section { padding-bottom: 2rem; margin-bottom: 2rem; }
}
