/*
 * 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)), 970px) !important;
  max-width: 970px !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. Give only those elements a clear reading
 * cue; ordinary content and cards intentionally remain free of left stripes.
 */

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-article
  :is(.eg-lede, .eg-quote, .eg-note, .eg-warn) {
  --eg-pullout-indicator: #ffbd59;
  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;
}

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

html[data-site-theme='exact']
  .eg-exact-page.single-post
  .eg-article
  :is(.eg-lede, .eg-quote, .eg-note, .eg-warn)::before {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 0.375rem;
  background: var(--eg-pullout-indicator);
  content: '';
  pointer-events: 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: #0283a4 !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: 2px solid transparent !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: #0283a4 !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;
  }
}