/*
 * Single-article hero
 *
 * Imported WordPress articles keep their original content markup, but the title
 * and featured image use the same full-bleed treatment as the single-sale hero.
 */

html[data-site-theme='exact'] .eg-exact-page.single-post {
  --eg-article-hero-gutter: clamp(1.25rem, 4vw, 2.5rem);
  --eg-article-hero-height: clamp(26rem, 62vh, 42rem);
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-rendered-layout
  > .eg-container:first-child {
  --content-width: 100% !important;
  --gap: 0 !important;
  --margin-top: 0 !important;
  --margin-right: 0 !important;
  --margin-bottom: 0 !important;
  --margin-left: 0 !important;
  --padding-top: 0 !important;
  --padding-right: 0 !important;
  --padding-bottom: 0 !important;
  --padding-left: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-rendered-layout
  > .eg-container:first-child
  > .eg-container__inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-rendered-layout
  > .eg-container:first-child
  > .eg-container__inner
  > .eg-widget-theme-post-featured-image {
  position: relative;
  z-index: 0;
  grid-area: 1 / 1;
  min-height: var(--eg-article-hero-height);
  overflow: hidden;
  background: #16163f;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-widget-theme-post-featured-image::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgb(22 22 63 / 92%) 0%,
      rgb(22 22 63 / 66%) 58%,
      rgb(22 22 63 / 30%) 100%
    ),
    linear-gradient(0deg, rgb(4 84 104 / 64%) 0%, transparent 64%);
  content: '';
  pointer-events: none;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-widget-theme-post-featured-image
  > .eg-component__content {
  position: absolute;
  inset: 0;
  height: 100%;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-widget-theme-post-featured-image img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-rendered-layout
  > .eg-container:first-child
  > .eg-container__inner
  > .eg-widget-theme-post-title {
  position: relative;
  z-index: 2;
  grid-area: 1 / 1;
  align-self: end;
  justify-self: center;
  box-sizing: border-box;
  width: min(100%, 1100px) !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(4rem, 9vw, 7rem) var(--eg-article-hero-gutter) !important;
  color: #ffffff;
  text-align: left !important;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-widget-theme-post-title::before {
  display: inline-flex;
  align-items: center;
  margin: 0 0 1.15rem;
  padding: 0.48rem 0.78rem;
  border-radius: 3px;
  background: rgb(2 131 164 / 82%);
  color: #ffffff;
  content: 'Estate sale insights';
  font-family: var(--font-classic-body), Montserrat, Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  line-height: 1.5;
  text-transform: uppercase;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-widget-theme-post-title h1 {
  max-width: 15ch !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-family: 'Rubik One', sans-serif !important;
  font-size: clamp(2.35rem, 5.2vw, 4.75rem) !important;
  font-style: normal;
  font-weight: 400 !important;
  letter-spacing: -0.035em;
  line-height: 1.08 !important;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-rendered-layout
  > .eg-container:first-child
  > .eg-container__inner
  > .eg-widget-theme-post-content {
  grid-column: 1;
  box-sizing: border-box;
  width: min(calc(100% - (var(--eg-article-hero-gutter) * 2)), 780px) !important;
  max-width: 780px !important;
  margin: clamp(3.25rem, 7vw, 6rem) auto 0 !important;
  padding: 0 !important;
}

/*
 * Article pullouts
 *
 * Imported articles already identify their editorial ledes, quotes, notes, and
 * warnings with semantic classes. Use complete rounded panels for those
 * pullouts, with consistent spacing around the surrounding prose.
 */

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-article
  :is(.eg-lede, .eg-quote, .eg-note, .eg-warn) {
  background: var(--eg-color-cream, #f8f6f3);
  border: 1px solid var(--eg-color-line, #dce5e7);
  border-radius: 16px;
  padding: clamp(1.25rem, 3vw, 1.75rem);
  position: relative;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-article .eg-lede {
  padding-inline-start: clamp(1.25rem, 3vw, 1.75rem);
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-article .eg-note {
  --eg-pullout-indicator: #0283a4;
  border-color: var(--eg-pullout-indicator);
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-article .eg-warn {
  --eg-pullout-indicator: #c4454d;
  border-color: var(--eg-pullout-indicator);
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-article
  :is(.eg-lede, .eg-quote, .eg-note, .eg-warn)::before {
  display: none;
  content: none;
}

@media (max-width: 48rem) {
  html[data-site-theme='exact'] .eg-exact-page.single-post {
    --eg-article-hero-height: 28rem;
  }

  html[data-site-theme='exact']
    .eg-exact-page.single-post
    .eg-article
    :is(.eg-lede, .eg-quote, .eg-note, .eg-warn)::before {
    width: 0.25rem;
  }

  html[data-site-theme='exact']
    .eg-exact-page.single-post
    .eg-widget-theme-post-featured-image::after {
    background: linear-gradient(0deg, rgb(22 22 63 / 94%) 0%, rgb(22 22 63 / 60%) 100%);
  }
}

/*
 * Related articles
 *
 * The imported article cards now share the homepage's recent-article system:
 * warm editorial ground, compact section introduction, crisp white cards, and
 * restrained motion. Related stories remain equal peers in a two-column grid.
 */

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts {
  --content-width: 1200px !important;
  --gap: 0 !important;
  --margin-top: clamp(5rem, 10vw, 8rem) !important;
  --margin-right: calc(50% - 50vw) !important;
  --margin-bottom: 0 !important;
  --margin-left: calc(50% - 50vw) !important;
  --padding-top: clamp(4.75rem, 7vw, 7rem) !important;
  --padding-right: max(1.5rem, calc((100vw - 1200px) / 2)) !important;
  --padding-bottom: clamp(4.75rem, 7vw, 7rem) !important;
  --padding-left: max(1.5rem, calc((100vw - 1200px) / 2)) !important;
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: none !important;
  margin: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left) !important;
  padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left) !important;
  overflow: hidden;
  background: #f8f6f3 !important;
  isolation: isolate;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  > .eg-container__inner {
  display: block !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts-2 {
  width: 100% !important;
  margin: 0 0 clamp(2.5rem, 4vw, 3.75rem) !important;
  padding: 0 !important;
  text-align: left !important;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts-2
  > .eg-component__content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  gap: 2rem;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-related-articles__heading-copy {
  max-width: 44rem;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-related-articles__eyebrow {
  display: block;
  margin: 0 0 0.85rem !important;
  color: var(--eg-color-teal-dark, #045468) !important;
  font-family: var(--font-classic-body), Montserrat, sans-serif !important;
  font-size: 0.76rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.17em !important;
  line-height: 1.35 !important;
  text-transform: uppercase;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts-2
  .eg-related-articles__heading-copy
  .eg-heading__title {
  margin: 0 !important;
  padding: 0 !important;
  color: #045468 !important;
  font-family: 'Rubik One', var(--font-classic-heading), sans-serif !important;
  font-size: clamp(2.6rem, 4.8vw, 4.4rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.02 !important;
  text-wrap: balance;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-related-articles__intro {
  max-width: 41rem;
  margin: 1.05rem 0 0 !important;
  color: #5b6d73 !important;
  font-family: var(--font-classic-body), Montserrat, sans-serif !important;
  font-size: clamp(1rem, 1.35vw, 1.12rem) !important;
  line-height: 1.65 !important;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-related-articles__archive-link {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 3.25rem;
  padding: 0.85rem 1.25rem;
  border: 1px solid #ffbd59;
  border-radius: 100px;
  background: #ffbd59;
  box-shadow: 0 10px 24px rgb(255 189 89 / 23%);
  color: #16163f !important;
  font-family: var(--font-classic-body), Montserrat, sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  gap: 0.65rem;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
  white-space: nowrap;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-related-articles__archive-link span {
  font-size: 1.05rem;
  transition: transform 180ms ease;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-related-articles__archive-link:hover,
html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-related-articles__archive-link:focus-visible {
  border-color: #ffca70;
  background: #ffca70;
  box-shadow: 0 13px 30px rgb(255 189 89 / 31%);
  color: #16163f !important;
  transform: translateY(-2px);
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-related-articles__archive-link:hover
  span,
html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-related-articles__archive-link:focus-visible
  span {
  transform: translateX(3px);
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-related-articles__archive-link:focus-visible {
  outline: 3px solid rgb(2 131 164 / 26%);
  outline-offset: 3px;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-are-estate-sale-companies-worth-the-commission,
html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-are-estate-sale-companies-worth-the-commission
  > .eg-component__content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-grid.eg-article-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: clamp(1.1rem, 2vw, 1.6rem) !important;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-post__card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
  border: 1px solid #dfe7e9 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 35px rgb(22 22 63 / 7%) !important;
  transition:
    border-color 220ms ease,
    box-shadow 220ms ease,
    transform 220ms ease;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card:hover
  .eg-post__card {
  border-color: #c8dadd !important;
  box-shadow: 0 20px 48px rgb(22 22 63 / 13%) !important;
  transform: translateY(-5px);
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__image-link {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden;
  background: #dde7ec;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__image {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 10 !important;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__image
  img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(0.93) contrast(1.02);
  transition:
    filter 420ms ease,
    transform 600ms cubic-bezier(0.2, 0.65, 0.3, 1);
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card:hover
  .eg-article-card__image
  img {
  filter: saturate(1.04) contrast(1.02);
  transform: scale(1.045) !important;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start;
  width: 100% !important;
  min-width: 0;
  margin: 0 !important;
  padding: clamp(1.45rem, 2.6vw, 2rem) !important;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__content::before {
  display: block;
  margin-bottom: 0.75rem;
  color: #0283a4;
  content: 'Related guide';
  font-family: var(--font-classic-body), Montserrat, sans-serif;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.145em;
  line-height: 1.25;
  text-transform: uppercase;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__title {
  margin: 0 !important;
  color: #183139 !important;
  font-family: 'Rubik One', var(--font-classic-heading), sans-serif !important;
  font-size: clamp(1.35rem, 2vw, 1.7rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.18 !important;
  text-wrap: balance;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__title
  a {
  color: inherit !important;
  text-decoration: none !important;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__title
  a:hover,
html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__title
  a:focus-visible {
  color: #02758f !important;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__title
  a:focus-visible {
  border-radius: 2px;
  outline: 3px solid rgb(255 189 89 / 48%);
  outline-offset: 3px;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__summary {
  display: -webkit-box;
  margin: 0.8rem 0 0 !important;
  overflow: hidden;
  color: #66777d !important;
  font-family: var(--font-classic-body), Montserrat, sans-serif !important;
  font-size: 0.92rem !important;
  line-height: 1.62 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__summary
  p {
  margin: 0 !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__link {
  display: inline-flex !important;
  align-self: flex-start !important;
  align-items: center !important;
  margin: auto 0 0 !important;
  padding: 1.2rem 0 0.25rem !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #076779 !important;
  font-family: var(--font-classic-body), Montserrat, sans-serif !important;
  font-size: 0.8rem !important;
  font-style: normal !important;
  font-weight: 850 !important;
  gap: 0.45rem !important;
  letter-spacing: 0.035em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__link::after {
  color: #0283a4;
  content: '\2192' !important;
  font-size: 1rem;
  line-height: 1;
  transition: transform 180ms ease;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__link:hover,
html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__link:focus-visible {
  border-bottom-color: #ffbd59 !important;
  color: var(--eg-color-teal-dark, #045468) !important;
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__link:hover::after,
html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__link:focus-visible::after {
  transform: translateX(3px);
}

html[data-site-theme='exact']
  #main-content
  .eg-exact-page.single-post
  .eg-articles-5-reasons-to-hire-an-estate-related-posts
  .eg-article-card__link:focus-visible {
  outline: 3px solid rgb(255 189 89 / 45%) !important;
  outline-offset: 4px !important;
}

@media (max-width: 45rem) {
  html[data-site-theme='exact']
    .eg-exact-page.single-post
    .eg-articles-5-reasons-to-hire-an-estate-related-posts {
    --margin-top: 4.5rem !important;
    --padding-top: 4.25rem !important;
    --padding-right: 1.25rem !important;
    --padding-bottom: 4.25rem !important;
    --padding-left: 1.25rem !important;
  }

  html[data-site-theme='exact']
    .eg-exact-page.single-post
    .eg-articles-5-reasons-to-hire-an-estate-related-posts-2
    > .eg-component__content {
    align-items: flex-start;
    flex-direction: column;
    gap: 1.5rem;
  }

  html[data-site-theme='exact']
    .eg-exact-page.single-post
    .eg-articles-5-reasons-to-hire-an-estate-related-posts-2
    .eg-related-articles__heading-copy
    .eg-heading__title {
    font-size: clamp(2.45rem, 12vw, 3.25rem) !important;
  }

  html[data-site-theme='exact'] .eg-exact-page.single-post .eg-related-articles__archive-link {
    width: 100%;
  }

  html[data-site-theme='exact']
    #main-content
    .eg-exact-page.single-post
    .eg-articles-5-reasons-to-hire-an-estate-related-posts
    .eg-article-grid.eg-article-grid {
    grid-template-columns: 1fr !important;
  }

  html[data-site-theme='exact']
    #main-content
    .eg-exact-page.single-post
    .eg-articles-5-reasons-to-hire-an-estate-related-posts
    .eg-article-card__title {
    font-size: clamp(1.35rem, 7vw, 1.75rem) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-site-theme='exact'] .eg-exact-page.single-post .eg-related-articles__archive-link,
  html[data-site-theme='exact'] .eg-exact-page.single-post .eg-related-articles__archive-link span,
  html[data-site-theme='exact']
    #main-content
    .eg-exact-page.single-post
    .eg-articles-5-reasons-to-hire-an-estate-related-posts
    .eg-post__card,
  html[data-site-theme='exact']
    #main-content
    .eg-exact-page.single-post
    .eg-articles-5-reasons-to-hire-an-estate-related-posts
    .eg-article-card__image
    img,
  html[data-site-theme='exact']
    #main-content
    .eg-exact-page.single-post
    .eg-articles-5-reasons-to-hire-an-estate-related-posts
    .eg-article-card__link::after {
    transition: none;
  }
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-search-opportunity {
  margin: 1.5rem 0 2.25rem;
  padding: clamp(1.35rem, 3vw, 2rem);
  border: 1px solid rgb(2 131 164 / 24%);
  border-radius: 0.75rem;
  background: #f2f9fa;
  color: #213338;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-search-opportunity p {
  margin: 0 !important;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-search-opportunity--answers
  .eg-search-opportunity__answer
  + .eg-search-opportunity__answer {
  margin-top: 1.35rem;
  padding-top: 1.35rem;
  border-top: 0;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-search-opportunity--answers h2 {
  margin: 0 0 0.55rem;
  color: #16163f;
  font-size: clamp(1.25rem, 2.6vw, 1.6rem);
  line-height: 1.3;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-search-opportunity
  .eg-search-opportunity__eyebrow {
  margin-bottom: 0.55rem !important;
  color: #026d89;
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-search-opportunity
  .eg-search-opportunity__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem 1.35rem;
  margin-top: 1rem !important;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-search-opportunity__links a {
  color: #045468 !important;
  font-size: 0.86rem;
  font-weight: 800;
  text-underline-offset: 0.25rem;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-article-next-step {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(15rem, 0.75fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
  width: min(100% - 2.5rem, 72rem);
  margin: clamp(3rem, 7vw, 5.5rem) auto 2rem;
  padding: clamp(1.75rem, 4vw, 3rem);
  border-radius: 1rem;
  background: linear-gradient(135deg, #16163f 0%, #045468 100%);
  color: #fff;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-article-next-step h2 {
  margin: 0.4rem 0 0.75rem !important;
  color: #fff !important;
  font-size: clamp(1.8rem, 4vw, 2.65rem) !important;
  line-height: 1.1 !important;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-article-next-step p {
  margin: 0 !important;
  color: rgb(255 255 255 / 84%) !important;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-article-next-step
  .eg-article-next-step__eyebrow {
  color: #ffbd59 !important;
  font-size: 0.76rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-article-next-step__actions {
  display: grid;
  gap: 0.85rem;
}

html[data-site-theme='exact'] .eg-exact-page.single-post .eg-article-next-step__actions a {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(255 255 255 / 34%);
  border-radius: 100px;
  color: #fff !important;
  font-size: 0.82rem;
  font-weight: 850;
  letter-spacing: 0.045em;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-article-next-step__actions
  a.eg-primary-cta {
  border-color: #ffbd59;
  background: #ffbd59;
  color: #16163f !important;
}

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-article-next-step__actions
  a:focus-visible {
  outline: 3px solid rgb(255 189 89 / 55%);
  outline-offset: 4px;
}

@media (max-width: 48rem) {
  html[data-site-theme='exact'] .eg-exact-page.single-post .eg-article-next-step {
    grid-template-columns: 1fr;
  }
}

/* The imported per-page stylesheets space the related-articles band off the end
   of the article with a percentage margin (12% desktop, 35% under 768px), which
   resolves to ~128px and ~180px of empty white above the cream band. The band
   already carries its own top padding and a background change, so it does not
   need a second gap on top of that. Matched structurally rather than by the
   page-specific class name, which differs in all 40 generated stylesheets. */
.eg-exact-page.single-post
  .eg-layout-node:has(> .eg-container__inner > .eg-component .eg-related-articles__heading-copy) {
  --margin-top: 32px;
}

@media (max-width: 767px) {
  .eg-exact-page.single-post
    .eg-layout-node:has(> .eg-container__inner > .eg-component .eg-related-articles__heading-copy) {
    --margin-top: 24px;
  }
}