/*
 * Blog — full-bleed edge-to-edge fix (bug 65 carryover).
 * The hero band relies on being 100% of the viewport to reach the true
 * edge. Blocksy's own container-width chain (--theme-container-width:
 * min(100%, calc(100vw - Npx*2))) mixes percentage and vw math that can
 * drift out of sync with the true viewport (large/zoomed-out screens),
 * leaving cream gaps on both sides instead of a full-width row. The
 * classic vw-breakout ties this section directly to the real viewport
 * width instead of any ancestor's width.
 */
body.log-blog-page {
  /* 100vw breakouts below can exceed the true viewport by the scrollbar's
     width, causing a horizontal scrollbar of their own; guard against it. */
  overflow-x: hidden;
}

.log-blog-page .bl2-jr-hero {
  /* Same Blocksy ".is-layout-constrained > *" !important auto-margin rule
     as other full-bleed bands on this theme — must match its !important
     to win, since this is a wp:html direct child of entry-content. */
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}
