.featured-post .post-card {
	max-width: 100%;
	width: 100%;
}

.featured-post .post-card:hover {
	box-shadow: none;
}

@media (min-width: 768px) {
	.featured-post .post-card {
		display: flex;
		align-items: stretch;
		flex-direction: row;
	}
}

@media (min-width: 768px) {
	.featured-post .post-image {
		width: 50%;
	}
}

@media (min-width: 768px) {
	.featured-post .post-content {
		width: 50%;
		padding: 50px;
	}
}

@media (min-width: 768px) {
	.featured-post .post-title {
		max-width: 80%;
		font-size: 26px;
	}
  
  
  /* ——— HARD-STOP TEXT RESIZING ON HOVER (module scoped) ——— */

/* 1) Kill any transforms on the card, link wrapper, and descendants */
.featured-post .post-card,
.featured-post .post-card:hover,
.featured-post .post-card a,
.featured-post .post-card a:hover,
.featured-post .post-card *:hover {
  transform: none !important;
}

/* 2) Block any transition: all that might animate font-size/weight/tracking */
.featured-post .post-card * {
  transition-property: color, background-color, border-color, box-shadow, opacity, transform !important;
  transition-duration: .25s !important;   /* safe */
}

/* 3) Freeze headline metrics explicitly (match your 26px rule) */
@media (min-width: 768px) {
  .featured-post .post-title,
  .featured-post .post-card h1,
  .featured-post .post-card h2,
  .featured-post .post-card h3 {
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    font-family: 'figtree', sans-serif;
    letter-spacing: 0 !important;
    transform: none !important;
  }

/* ===== STOP HOVER SCALING ON HUBSPOT BLOG LISTINGS ===== */

/* 1) Kill zoom on common HubSpot blog-listing cards & their links */
.hs-blog-post-listing__post,
.hs-blog-post-listing__post:hover,
.hs-blog-post-listing__post a,
.hs-blog-post-listing__post a:hover,
.hs-blog-post-listing__post .hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post .hs-blog-post-listing__post-title-link:hover {
  transform: none !important;
  transition: box-shadow .25s ease !important; /* avoid transition: all */
}

/* 2) Freeze headline metrics so text doesn't "breathe" */
.hs-blog-post-listing__post .hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post h2,
.hs-blog-post-listing__post h3 {
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  font-family: 'figtree', sans-serif;
  transform: none !important;
  transition: color .2s ease !important; /* no size/weight transitions */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

  
/* DIAGNOSTIC — turn off ALL transitions/animations/transforms in blog listing */
.hs-blog-post-listing__post,
.hs-blog-post-listing__post * {
  animation: none !important;
  font-family: 'figtree', sans-serif;
  transition: none !important;
  transform: none !important;
  filter: none !important;
  will-change: auto !important;
}


  
  /* ===== FEATURED-POST: FREEZE SMALL COPY TYPOGRAPHY ===== */

/* 0) (Only if your previous @media block wasn't closed) */
} /* ← keep/remove this line as needed; include ONLY if you truly left a block open above */

/* 1) Make Figtree the default inside the text area, then inherit everywhere */
.featured-post .post-content {
  font-family: 'Figtree', sans-serif !important;
  font-weight: 400 !important;   /* use weights you actually load */
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  font-synthesis: none !important;       /* stop browser from faking bold/italic */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.featured-post .post-content * {
  font-family: inherit !important;
  letter-spacing: 0 !important;
  transform: none !important;
  transition: color .2s ease !important; /* color-only transitions */
}

/* 2) Nail the usual “small copy” suspects */
.featured-post .post-content .post-meta,
.featured-post .post-content .post-meta *,
.featured-post .post-content .byline,
.featured-post .post-content .byline *,
.featured-post .post-content [class*="meta"],
.featured-post .post-content [class*="byline"],
.featured-post .post-content time,
.featured-post .post-content p,
.featured-post .post-content .excerpt {
  font-weight: 400 !important;
}

/* 3) Keep links from changing weight or family on hover/focus */
.featured-post .post-content a,
.featured-post .post-content a:visited,
.featured-post .post-content a:hover,
.featured-post .post-content a:focus,
.featured-post .post-content a:active {
  font-family: inherit !important;
  font-weight: 400 !important;
  text-decoration: none;
}
.featured-post .post-content a:hover,
.featured-post .post-content a:focus {
  color: var(--assurified-orange);
}

/* 4) Normalize strong/em emphasis so it doesn't jump weights wildly */
.featured-post .post-content b,
.featured-post .post-content strong { font-weight: 600 !important; }
.featured-post .post
  


  
  
  
  
 /* ===== FEATURED-POST: force white content box + black text ===== */

/* If your earlier @media block is still open, close it ONCE here.
   If you already closed it earlier, DELETE this next brace. */
}

/* 1) If the gray comes from the theme var, override it locally */
.featured-post {
  --assurified-light-grey: #ffffff;
}

/* 2) Make the card/content background white (covers common wrappers) */
.featured-post .post-card,
.featured-post .post-content,
.featured-post .post-card .card-content,
.featured-post .post-card .post-card__content,
.featured-post .post-card .content,
.featured-post .post-card .entry-content {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #000000 !important;
  box-shadow: none !important;
  border-color: transparent;
}

/* 3) Kill any gray overlays/pseudo-elements */
.featured-post .post-card::before,
.featured-post .post-card::after,
.featured-post .post-content::before,
.featured-post .post-content::after {
  content: none !important;
  background: none !important;
}

/* 4) Keep all inner text black */
.featured-post .post-card * {
  color: #000000 !important;
}

/* 5) Optional: subtle hover */
.featured-post .post-card:hover {
  background-color: #f8f8f8 !important;
}