body.page-id-788 .entry-title,
body.page-id-788 .entry-header {
  display: none !important;
}body.page-id-788 .entry-title,
body.page-id-788 .entry-header {
  display: none !important;
}body.page .widget-area.sidebar {
  display: none !important;
}
body.page .site-content .content-area {
  width: 100% !important;
}
/* ============================================================
   bryananfinson.com — homepage hero overlap fix
   Paste into: Appearance → Customize → Additional CSS  (Publish)
   Tested live on the homepage before delivery.

   PROBLEM
   .ba-hero is a fixed-height flex box (536px) with padding-top:56px,
   leaving 480px of room. Its content (.ba-hero-c) is 514px tall.
   Because the section uses align-items:flex-end, the extra 34px
   overflows out the TOP, and overflow:hidden clips it — which is why
   the first line of the H1 was sliced in half and appeared to collide
   with the intro paragraph above it.

   Nothing is wrong with the paragraph. The hero simply outgrew its
   fixed height as badges were added over time.

   FIX
   Let the hero size to its content, keep the original height as a
   minimum so the proportions don't change on large screens.
   ============================================================ */

.ba-hero {
  height: auto !important;
  min-height: 536px;
  padding-bottom: 48px;
}

/* ------------------------------------------------------------
   OPTIONAL — intro paragraph line length.
   The AEO intro currently spans the full viewport (1905px on a
   1920px screen, ~200 characters per line). Constraining it to a
   normal measure makes it readable without changing the copy or
   hiding it from crawlers. Delete this block if the full-bleed
   look is intentional.
   Note the selector: a <style> tag is the actual first child of
   .entry-content, so :first-child does NOT match — use :first-of-type.
   ------------------------------------------------------------ */

.entry-content > p:first-of-type {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}