/* Tenfic Blog Archive — Lindy /blog proportions and editorial palette. */

.tf-blog-hero,
.tf-blog-main,
.tf-blog-cta-section {
  font-family: 'Manrope', sans-serif !important;
  color: var(--lindy-ink, #0F1E2E) !important;
}

/* HERO */
.tf-blog-hero {
  padding: 0 !important;
  background:
    radial-gradient(ellipse 65% 120% at 8% 0%, var(--lindy-blog-hero-left, #F7DEBC) 0%, transparent 70%),
    radial-gradient(ellipse 65% 120% at 92% 0%, var(--lindy-blog-hero-right, #F2D5C4) 0%, transparent 70%),
    linear-gradient(to bottom, var(--lindy-blog-hero-base, #FAF4EC) 0%, var(--lindy-bg, #FCFBF8) 100%) !important;
}

.tf-blog-hero > .section-container {
  width: min(calc(100% - (var(--lindy-page-margin, 24px) * 2)), 61rem) !important;
  max-width: 61rem !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.tf-blog-hero-inner {
  width: 100% !important;
  padding: 108px 0 44px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: var(--lindy-grid-gutter, 12px) !important;
  text-align: center !important;
}

.tf-blog-hero-title {
  margin: 0 !important;
  color: var(--lindy-ink, #0F1E2E) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(3rem, calc(2.5714rem + 2.1429vw), 4.5rem) !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  text-wrap: balance !important;
}

.tf-blog-hero-subtitle {
  margin: 0 !important;
  max-width: 54ch !important;
  color: var(--lindy-ink, #0F1E2E) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(1.13rem, calc(1.0957rem + .1714vw), 1.25rem) !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-wrap: pretty !important;
}

/* MAIN FILTER + GRID */
.tf-blog-main {
  padding: 24px 0 80px !important;
  background: var(--lindy-blog-page-bg) !important;
}

.tf-blog-main > .section-container {
  width: min(calc(100% - (var(--lindy-page-margin, 24px) * 2)), var(--lindy-max-width, 74rem)) !important;
  max-width: var(--lindy-max-width, 74rem) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.tf-blog-main-inner {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

.tf-blog-filter-area {
  width: min(100%, 61rem) !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

/* Search — matches Lindy's 40rem centered pill */
.tf-blog-search {
  width: 100% !important;
  max-width: 40rem !important;
  height: 61px !important;
  margin: 0 auto !important;
}

.tf-blog-search .search-form,
.tf-blog-search .search-form__container {
  width: 100% !important;
  height: 61px !important;
  min-height: 61px !important;
  margin: 0 !important;
  position: relative !important;
}

.tf-blog-search .search-form__container {
  display: flex !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  overflow: visible !important;
  box-shadow: none !important;
}

.tf-blog-search .search-form__field {
  width: 100% !important;
  min-height: 2.75rem !important;
  height: auto !important;
  margin: 0 !important;
  padding: 1rem .5rem 1rem 2.75rem !important;
  border: 1.5px solid var(--lindy-blog-border, #E7E0CB) !important;
  border-radius: 999px !important;
  outline: 0 !important;
  background: var(--lindy-surface, #FFFFFF) !important;
  color: var(--lindy-blog-gold, #846207) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 1.125rem !important;
  line-height: 1.6 !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 20px rgba(75,75,75,.04) !important;
  transition: border-color .2s ease !important;
}

.tf-blog-search .search-form__field::placeholder {
  color: var(--lindy-blog-gold, #846207) !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}

.tf-blog-search .search-form__field:hover,
.tf-blog-search .search-form__field:focus {
  border-color: var(--lindy-blog-border-hover, #C3B68D) !important;
}

.tf-blog-search .search-form__button {
  position: absolute !important;
  z-index: 2 !important;
  left: 1rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--lindy-blog-gold, #846207) !important;
  cursor: pointer !important;
}

.tf-blog-search .search-form__button svg {
  width: 1rem !important;
  height: 1rem !important;
  fill: currentColor !important;
}

/* Category chips — dynamic Term Loop */
.tf-blog-topic-loop {
  width: 100% !important;
  margin-top: 2rem !important;
}

.tf-blog-topic-loop > .bde-loop {
  width: 100% !important;
  display: flex !important;
  flex-flow: row wrap !important;
  justify-content: center !important;
  align-items: center !important;
  column-gap: .5rem !important;
  row-gap: .75rem !important;
}

.tf-blog-topic-loop .bde-loop-item,
.tf-blog-topic-loop .ee-post {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.tf-blog-topic-loop .bde-loop-item:has(a[href*="/category/uncategorized/"]) {
  display: none !important;
}

.tf-blog-topic-chip {
  width: auto !important;
  min-height: 2rem !important;
  margin: 0 !important;
  padding: .375rem .75rem !important;
  border: 1px solid var(--lindy-blog-border, #E7E0CB) !important;
  border-radius: var(--lindy-radius-md, 12px) !important;
  background: var(--lindy-surface, #FFFFFF) !important;
  color: var(--lindy-blog-ink, #3A3428) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 4px rgba(75,75,75,.04) !important;
  transition: background-color .15s ease, border-color .15s ease !important;
}

.tf-blog-topic-chip:hover,
.tf-blog-topic-chip:focus-visible {
  border-color: var(--lindy-blog-border-hover, #C3B68D) !important;
  background: color-mix(in srgb, var(--lindy-blog-filter-tint, #F9ECC2) 50%, transparent) !important;
}

.tf-blog-topic-chip-text {
  margin: 0 !important;
  color: inherit !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: .875rem !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

.tf-blog-results-label {
  width: 100% !important;
  margin: var(--lindy-section-main, 64px) 0 .3rem !important;
  padding-right: .5rem !important;
  color: rgba(25,29,42,.60) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: .875rem !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  text-align: right !important;
}

/* Breakdance post loop */
.tf-blog-post-loop {
  width: 100% !important;
}

.tf-blog-post-loop > .bde-loop {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  align-items: stretch !important;
}

.tf-blog-post-loop .bde-loop-item {
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* Reusable article card */
.tf-blog-card-link {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: .5rem .5rem 1rem !important;
  border: .5px solid var(--lindy-blog-border, #E7E0CB) !important;
  border-radius: var(--lindy-radius-md, 12px) !important;
  background: var(--lindy-surface, #FFFFFF) !important;
  color: var(--lindy-blog-ink, #3A3428) !important;
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  overflow: hidden !important;
  box-shadow: 0 0 12px rgba(71,71,71,.02) !important;
  transition: border-color .2s ease !important;
}

.tf-blog-card-link:hover,
.tf-blog-card-link:focus-visible {
  border-color: var(--lindy-blog-border-hover, #C3B68D) !important;
}

.tf-blog-card-image-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: var(--lindy-radius-sm, 8px) !important;
  overflow: hidden !important;
  background: var(--lindy-blog-hero-base, #FAF4EC) !important;
}

.tf-blog-card-image {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  display: block !important;
  border-radius: var(--lindy-radius-sm, 8px) !important;
  object-fit: cover !important;
}

.tf-blog-card-content {
  width: 100% !important;
  flex: 1 1 auto !important;
  padding: 1rem .5rem 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

.tf-blog-card-category {
  margin: 0 !important;
  color: var(--lindy-blog-gold, #846207) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: .8rem !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.tf-blog-card-title {
  margin: .5rem 0 0 !important;
  color: var(--lindy-blog-ink, #3A3428) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(1.25rem, calc(1.1786rem + .3571vw), 1.5rem) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  text-wrap: balance !important;
}

.tf-blog-card-author {
  width: 100% !important;
  margin-top: 1.5rem !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: .625rem !important;
}

.tf-blog-card-avatar {
  flex: 0 0 2.25rem !important;
  width: 2.25rem !important;
  max-width: 2.25rem !important;
  height: 2.25rem !important;
  border-radius: 999px !important;
  display: block !important;
  object-fit: cover !important;
}

.tf-blog-card-author-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  line-height: 1.3 !important;
}

.tf-blog-card-date {
  margin: 0 !important;
  color: color-mix(in srgb, var(--lindy-blog-ink, #3A3428) 60%, transparent) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: .75rem !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}

.tf-blog-card-author-name-native,
.tf-blog-card-author-name-native .ee-author-description,
.tf-blog-card-author-name-native .ee-author-name {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-height: 0 !important;
  background: transparent !important;
}

.tf-blog-card-author-name-native .ee-author-name {
  color: var(--lindy-blog-ink, #3A3428) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: .875rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

/* Empty state is deliberately quiet until real posts are published. */
.tf-blog-post-loop:empty {
  min-height: 2rem !important;
}

/* Pagination — broad selectors cover Breakdance's loop pagination markup. */
.tf-blog-post-loop :is(.bde-loop-pagination, .ee-posts-pagination, .breakdance-pagination, nav[aria-label*="Pagination"]) {
  margin: 2rem auto 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: .35rem !important;
}

.tf-blog-post-loop :is(.page-numbers, .bde-loop-pagination a, .bde-loop-pagination button) {
  min-width: 2rem !important;
  min-height: 2rem !important;
  padding: .375rem .625rem !important;
  border: 1px solid var(--lindy-blog-border, #E7E0CB) !important;
  border-radius: var(--lindy-radius-sm, 8px) !important;
  background: var(--lindy-surface, #FFFFFF) !important;
  color: var(--lindy-blog-ink, #3A3428) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.tf-blog-post-loop :is(.page-numbers.current, .bde-loop-pagination .current) {
  background: color-mix(in srgb, var(--lindy-blog-filter-tint, #F9ECC2) 55%, var(--lindy-surface, #FFFFFF)) !important;
  border-color: var(--lindy-blog-border-hover, #C3B68D) !important;
}

/* CTA */
.tf-blog-cta-section {
  padding: 0 0 80px !important;
  background: var(--lindy-blog-page-bg) !important;
}

.tf-blog-cta-section > .section-container {
  width: min(calc(100% - (var(--lindy-page-margin, 24px) * 2)), var(--lindy-max-width, 74rem)) !important;
  max-width: var(--lindy-max-width, 74rem) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.tf-blog-cta-panel {
  position: relative !important;
  width: 100% !important;
  min-height: 330px !important;
  padding: 88px 24px 72px !important;
  border-radius: var(--lindy-radius-lg, 24px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse 60% 100% at 0% 100%, var(--lindy-blog-hero-left, #F7DEBC) 0%, transparent 70%),
    radial-gradient(ellipse 60% 100% at 100% 100%, var(--lindy-blog-hero-right, #F2D5C4) 0%, transparent 70%),
    linear-gradient(to bottom, var(--lindy-surface, #FFFFFF) 0%, var(--lindy-blog-hero-base, #FAF4EC) 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.tf-blog-cta-title {
  margin: 0 !important;
  color: var(--lindy-ink, #0F1E2E) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(2.5rem, calc(2.2143rem + 1.4286vw), 3.5rem) !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

.tf-blog-cta-text {
  margin: .75rem 0 0 !important;
  color: var(--lindy-ink, #0F1E2E) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(1.13rem, calc(1.0957rem + .1714vw), 1.25rem) !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

.tf-blog-cta-button {
  margin-top: 1.25rem !important;
}

.tf-blog-cta-button .button-atom {
  min-height: 40px !important;
  padding: 0 1rem !important;
  border: 1px solid var(--lindy-blue, #2A66FF) !important;
  border-radius: var(--lindy-radius-sm, 8px) !important;
  background: var(--lindy-blue, #2A66FF) !important;
  color: var(--lindy-surface, #FFFFFF) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: .875rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 2px rgba(15,30,46,.05) !important;
  transition: background-color .2s ease, border-color .2s ease !important;
}

.tf-blog-cta-button .button-atom:hover {
  background: var(--lindy-blue-hover, #2244CC) !important;
  border-color: var(--lindy-blue-hover, #2244CC) !important;
}

.tf-blog-cta-note {
  margin: .75rem 0 0 !important;
  color: color-mix(in srgb, var(--lindy-blog-ink, #3A3428) 60%, transparent) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: .8125rem !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
}

@media (max-width: 991px) {
  .tf-blog-post-loop > .bde-loop {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .tf-blog-hero > .section-container,
  .tf-blog-main > .section-container,
  .tf-blog-cta-section > .section-container {
    width: calc(100% - 32px) !important;
  }

  .tf-blog-hero-inner {
    padding-top: 96px !important;
    padding-bottom: 40px !important;
  }

  .tf-blog-main {
    padding-top: 28px !important;
    padding-bottom: 64px !important;
  }

  .tf-blog-results-label {
    margin-top: 48px !important;
  }

  .tf-blog-cta-section {
    padding-bottom: 64px !important;
  }

  .tf-blog-cta-panel {
    min-height: 290px !important;
    padding: 64px 20px 56px !important;
    border-radius: var(--lindy-radius-md, 12px) !important;
  }
}

@media (max-width: 479px) {
  .tf-blog-hero > .section-container,
  .tf-blog-main > .section-container,
  .tf-blog-cta-section > .section-container {
    width: calc(100% - 24px) !important;
  }

  .tf-blog-hero-inner {
    padding-top: 88px !important;
    padding-bottom: 36px !important;
  }

  .tf-blog-main {
    padding-top: 24px !important;
  }

  .tf-blog-search,
  .tf-blog-search .search-form,
  .tf-blog-search .search-form__container {
    height: 52px !important;
    min-height: 52px !important;
  }

  .tf-blog-hero-title {
    font-size: 3rem !important;
  }

  .tf-blog-hero-subtitle {
    font-size: 1rem !important;
  }

  .tf-blog-search .search-form__field {
    min-height: 2.5rem !important;
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
    font-size: 1rem !important;
  }

  .tf-blog-topic-loop > .bde-loop {
    column-gap: .35rem !important;
    row-gap: .5rem !important;
  }

  .tf-blog-topic-chip {
    padding: .35rem .65rem !important;
  }

  .tf-blog-topic-chip-text {
    font-size: .8125rem !important;
  }

  .tf-blog-results-label {
    text-align: left !important;
    padding-right: 0 !important;
  }

  .tf-blog-post-loop > .bde-loop {
    grid-template-columns: 1fr !important;
    display: grid !important;
  }

  .tf-blog-card-title {
    font-size: 1.25rem !important;
  }

  .tf-blog-card-avatar {
    width: 2.5rem !important;
    max-width: 2.5rem !important;
    height: 2.5rem !important;
    flex-basis: 2.5rem !important;
  }

  .tf-blog-cta-title {
    font-size: 2.5rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tf-blog-search *,
  .tf-blog-topic-chip,
  .tf-blog-card-link,
  .tf-blog-cta-button .button-atom {
    transition-duration: .01ms !important;
  }
}

/* Final archive loop spacing correction */
.breakdance .tf-blog-post-loop {
  width: min(100%, 72rem) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.breakdance .tf-blog-post-loop > .bde-isotope-filter-bar {
  width: min(100%, 61rem) !important;
  margin: 32px auto 28px !important;
}

.breakdance .tf-blog-post-loop > .bde-isotope-filter-bar .bde-tabs__tabslist-container {
  margin-bottom: 0 !important;
  --bde-tabs-space-after: 0px !important;
}

.breakdance .tf-blog-post-loop > .bde-loop {
  width: 100% !important;
  --bde-posts-gap: 16px !important;
}

.breakdance .tf-blog-post-loop > .bde-loop > .bde-loop-item {
  padding: 0 !important;
}

@media (min-width: 768px) {
  .breakdance .tf-blog-post-loop .tf-blog-card-content-natural {
    flex: 1 1 auto !important;
  }

  .breakdance .tf-blog-post-loop .tf-blog-card-author {
    margin-top: auto !important;
    padding-top: 24px !important;
  }
}

@media (max-width: 1023px) {
  .breakdance .tf-blog-post-loop > .bde-loop {
    --bde-posts-gap: 12px !important;
  }
}

@media (max-width: 767px) {
  .breakdance .tf-blog-post-loop > .bde-isotope-filter-bar {
    margin-top: 24px !important;
    margin-bottom: 22px !important;
  }

  .breakdance .tf-blog-post-loop > .bde-loop {
    --bde-posts-gap: 10px !important;
  }

  .breakdance .tf-blog-post-loop .tf-blog-card-content-natural {
    flex: 0 0 auto !important;
  }

  .breakdance .tf-blog-post-loop .tf-blog-card-author {
    margin-top: 20px !important;
    padding-top: 0 !important;
  }
}

/* Restore Lindy-style category filter pills */
.breakdance .tf-blog-post-loop > .bde-isotope-filter-bar .bde-tabs__tabslist {
  display: flex !important;
  flex-flow: row wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
}
.breakdance .tf-blog-post-loop > .bde-isotope-filter-bar .bde-tabs__tab {
  width: auto !important;
  min-width: 0 !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 6px 12px !important;
  border: 1px solid var(--lindy-blog-border, #E7E0CB) !important;
  border-radius: var(--lindy-radius-md, 12px) !important;
  background: var(--lindy-surface, #FFFFFF) !important;
  color: var(--lindy-blog-ink, #3A3428) !important;
  box-shadow: 0 0 4px rgba(75,75,75,.04) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}
.breakdance .tf-blog-post-loop > .bde-isotope-filter-bar .bde-tabs__tab-title {
  color: inherit !important;
  font: inherit !important;
}
.breakdance .tf-blog-post-loop > .bde-isotope-filter-bar .bde-tabs__tab:hover,
.breakdance .tf-blog-post-loop > .bde-isotope-filter-bar .bde-tabs__tab:focus-visible {
  border-color: var(--lindy-blog-border-hover, #C3B68D) !important;
  background: var(--lindy-surface, #FFFFFF) !important;
}
.breakdance .tf-blog-post-loop > .bde-isotope-filter-bar .bde-tabs__tab.is-active,
.breakdance .tf-blog-post-loop > .bde-isotope-filter-bar .bde-tabs__tab[aria-selected="true"] {
  border-color: var(--lindy-blog-border-hover, #C3B68D) !important;
  background: color-mix(in srgb, var(--lindy-blog-filter-tint, #F9ECC2) 50%, #FFFFFF) !important;
  color: var(--lindy-blog-ink, #3A3428) !important;
}
.breakdance .tf-blog-post-loop > .bde-isotope-filter-bar .bde-tabs__tab::after {
  display: none !important;
}
@media (max-width: 479px) {
  .breakdance .tf-blog-post-loop > .bde-isotope-filter-bar .bde-tabs__tabslist {
    gap: 6px !important;
  }
  .breakdance .tf-blog-post-loop > .bde-isotope-filter-bar .bde-tabs__tab {
    min-height: 30px !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
  }
}

/* Lindy card rhythm refinement */
.breakdance .tf-blog-post-loop .tf-blog-card-content-natural {
  width: 100% !important;
  padding: 18px 8px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-height: 0 !important;
}

.breakdance .tf-blog-post-loop .tf-blog-card-category {
  margin: 0 !important;
  font-size: .75rem !important;
  line-height: 1.35 !important;
}

.breakdance .tf-blog-post-loop .tf-blog-card-title {
  margin: 8px 0 0 !important;
  font-size: 1.25rem !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}

@media (min-width: 768px) {
  .breakdance .tf-blog-post-loop .tf-blog-card-content-natural {
    flex: 1 1 auto !important;
  }

  .breakdance .tf-blog-post-loop .tf-blog-card-author {
    margin-top: auto !important;
    padding-top: 28px !important;
  }
}

@media (max-width: 767px) {
  .breakdance .tf-blog-post-loop .tf-blog-card-content-natural {
    padding-top: 14px !important;
    flex: 0 0 auto !important;
  }

  .breakdance .tf-blog-post-loop .tf-blog-card-title {
    margin-top: 7px !important;
    font-size: 1.125rem !important;
    line-height: 1.22 !important;
  }

  .breakdance .tf-blog-post-loop .tf-blog-card-author {
    margin-top: 22px !important;
    padding-top: 0 !important;
  }
}

/* Compact numbered pagination, matching the author archive. */
.tf-blog-pagination-block{
  width:100%!important;
  margin-top:40px!important;
}
.tf-number-pagination{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  font-family:'Manrope',sans-serif!important;
}
.tf-number-pagination .page-numbers{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid var(--lindy-blog-border,#E7E0CB)!important;
  border-radius:5px!important;
  background:var(--lindy-surface,#FFFFFF)!important;
  color:var(--lindy-ink,#0F1E2E)!important;
  font-family:'Manrope',sans-serif!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:500!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease!important;
}
.tf-number-pagination .page-numbers.prev,
.tf-number-pagination .page-numbers.next{
  width:auto!important;
  min-width:88px!important;
  padding:0 14px!important;
}
.tf-number-pagination a.page-numbers:hover{
  border-color:var(--lindy-blog-border-hover,#C3B68D)!important;
  background:var(--lindy-blog-filter-tint,#F9ECC2)!important;
  color:var(--lindy-ink,#0F1E2E)!important;
}
.tf-number-pagination .page-numbers.current{
  border-color:var(--lindy-blog-border-hover,#C3B68D)!important;
  background:var(--lindy-amber-100,#FEF6E4)!important;
  color:var(--lindy-blog-gold,#846207)!important;
  font-weight:600!important;
}
.tf-number-pagination .page-numbers.dots{
  width:24px!important;
  min-width:24px!important;
  border:0!important;
  background:transparent!important;
  color:var(--lindy-blog-gold,#846207)!important;
}
.tf-number-pagination a.page-numbers:focus-visible{
  outline:2px solid var(--lindy-blue,#2A66FF)!important;
  outline-offset:2px!important;
}
@media (max-width:479px){
  .tf-blog-pagination-block{margin-top:32px!important;}
  .tf-number-pagination{gap:5px!important;}
  .tf-number-pagination .page-numbers.prev,
  .tf-number-pagination .page-numbers.next{min-width:80px!important;padding:0 12px!important;}
}


/* Best Space Heater brand-color override for blog/search archive surfaces. */
.tf-blog-hero,
.tf-blog-main,
.tf-blog-cta-section {
  --lindy-blog-hero-left: color-mix(in srgb, #E66B19 6%, #FFFFFF) !important;
  --lindy-blog-hero-right: color-mix(in srgb, #E66B19 3.5%, #FFFFFF) !important;
  --lindy-blog-hero-base: color-mix(in srgb, #E66B19 2%, #FFFFFF) !important;
  --lindy-blog-border: #E7ECEE !important;
  --lindy-blog-border-hover: color-mix(in srgb, #E66B19 32%, #E7ECEE) !important;
  --lindy-blog-filter-tint: color-mix(in srgb, #E66B19 8%, #FFFFFF) !important;
  --lindy-blog-gold: #E66B19 !important;
  --lindy-blog-ink: #1F2C33 !important;
  --lindy-ink: #1F2C33 !important;
  --lindy-ink-secondary: #45505F !important;
  --lindy-bg: #FCFAF8 !important;
  --lindy-surface: #FFFFFF !important;
}

.tf-blog-hero {
  background:
    radial-gradient(ellipse 65% 120% at 8% 0%, color-mix(in srgb, #E66B19 6%, #FFFFFF) 0%, transparent 70%),
    radial-gradient(ellipse 65% 120% at 92% 0%, color-mix(in srgb, #E66B19 3.5%, #FFFFFF) 0%, transparent 70%),
    linear-gradient(to bottom, color-mix(in srgb, #E66B19 2%, #FFFFFF) 0%, #FCFAF8 100%) !important;
}