.section-inner {
  max-width: 96%;
  margin: -9px auto;
  width: 100%;
}


.content::before {
  content: "";
  background: #fff;
  bottom: 0;
  left: -10000px;
  position: absolute;
  right: 23.5%;
  top: 0;
  z-index: -9999;
}


.sidebar {
  float: right;
  padding: 50px 0 50px 3.75%;
  width: 25.5%;
}


.wrapper::after {
  background: #f1f1f1;
  border-left: 1px solid rgba(0,0,0,0.2);
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 23.5%;
  z-index: -1;
}
.wp-block-image img {
  height: auto;
  max-width: 105%;
  vertical-align: bottom;
  width: 105%;
}


.header-wrapper {
  background: #6c427e;
  height: 6rem;
}
.content {
    float: left;
    width: 74%;
}
.single-post .post-inner {
    float: none;
    width: 75%;
    position: relative;
    z-index: 5;
}
.single-post .post-meta {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

.single-post .post-inner {
		width: 100%;
	}

@media (max-width: 780px) {
.single-post .post-meta {
    position: relative;
	}
}

@media (max-width: 400px) {
	.single-post .post-meta {
		position: relative;
}
}

@media (max-width: 850px) {
	.sidebar {
		width: 100% !important;
		}
	.content {
    float: none !important;
    width: 100% !important;
	}
}

@media (max-width: 850px) {
.wrapper:after {
    width: 0px !important;
}
	}

/* =========================================
   MOBILE FIX – SCROLL SAFE (<= 850px)
========================================= */
@media (max-width: 850px) {

  /* Disable layout pseudo-elements (MAIN FIX) */
  .content::before,
  .wrapper::after {
    display: none !important;
    content: none !important;
  }

  /* Remove float-based layout */
  .content,
  .sidebar {
    float: none !important;
    width: 100% !important;
  }

  /* Fix post container */
  .single-post .post-inner {
    width: 100% !important;
    position: static !important;
  }

  /* Fix post meta */
  .single-post .post-meta {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    margin-bottom: 15px;
    flex-wrap: wrap;
  }

  /* Fix images causing overflow */
  .wp-block-image img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
  }

  /* Ensure content flows naturally */
  .content,
  .section-inner,
  .wrapper {
    position: static !important;
    overflow: visible !important;
  }
}