/* 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, #17335F) !important;
}

/* HERO */
.tf-blog-hero {
  padding: 0 !important;
  background:
    radial-gradient(ellipse 65% 120% at 8% 0%, var(--lindy-blog-hero-left, #F3F5F7) 0%, transparent 70%),
    radial-gradient(ellipse 65% 120% at 92% 0%, var(--lindy-blog-hero-right, #F3F5F7) 0%, transparent 70%),
    linear-gradient(to bottom, var(--lindy-blog-hero-base, #F8FAFC) 0%, var(--lindy-bg, #F8FAFC) 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 24px !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, #17335F) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(2.25rem, calc(1.8929rem + 1.7857vw), 3.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, #17335F) !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: 16px 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, #D1D6DF) !important;
  border-radius: 999px !important;
  outline: 0 !important;
  background: var(--lindy-surface, #FFFFFF) !important;
  color: var(--lindy-blog-gold, #17335F) !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(23,51,95,.04) !important;
  transition: border-color .2s ease !important;
}

.tf-blog-search .search-form__field::placeholder {
  color: var(--lindy-blog-gold, #17335F) !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, #B9C2CF) !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, #17335F) !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, #D1D6DF) !important;
  border-radius: var(--lindy-radius-md, 12px) !important;
  background: var(--lindy-surface, #FFFFFF) !important;
  color: var(--lindy-blog-ink, #17335F) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 4px rgba(23,51,95,.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, #B9C2CF) !important;
  background: color-mix(in srgb, var(--lindy-blog-filter-tint, #F2F9FF) 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, #D1D6DF) !important;
  border-radius: var(--lindy-radius-md, 12px) !important;
  background: var(--lindy-surface, #FFFFFF) !important;
  color: var(--lindy-blog-ink, #17335F) !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(23,51,95,.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, #B9C2CF) !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, #F8FAFC) !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, #17335F) !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, #17335F) !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, #17335F) 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, #17335F) !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, #D1D6DF) !important;
  border-radius: var(--lindy-radius-sm, 8px) !important;
  background: var(--lindy-surface, #FFFFFF) !important;
  color: var(--lindy-blog-ink, #17335F) !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, #F2F9FF) 55%, var(--lindy-surface, #FFFFFF)) !important;
  border-color: var(--lindy-blog-border-hover, #B9C2CF) !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, #F3F5F7) 0%, transparent 70%),
    radial-gradient(ellipse 60% 100% at 100% 100%, var(--lindy-blog-hero-right, #F3F5F7) 0%, transparent 70%),
    linear-gradient(to bottom, var(--lindy-surface, #FFFFFF) 0%, var(--lindy-blog-hero-base, #F8FAFC) 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, #17335F) !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, #17335F) !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, #17335F) !important;
  border-radius: var(--lindy-radius-sm, 8px) !important;
  background: var(--lindy-blue, #17335F) !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(23,51,95,.05) !important;
  transition: background-color .2s ease, border-color .2s ease !important;
}

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

.tf-blog-cta-note {
  margin: .75rem 0 0 !important;
  color: color-mix(in srgb, var(--lindy-blog-ink, #17335F) 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: 22px !important;
  }

  .tf-blog-main {
    padding-top: 16px !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: 20px !important;
  }

  .tf-blog-main {
    padding-top: 14px !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: 2.25rem !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, #D1D6DF) !important;
  border-radius: var(--lindy-radius-md, 12px) !important;
  background: var(--lindy-surface, #FFFFFF) !important;
  color: var(--lindy-blog-ink, #17335F) !important;
  box-shadow: 0 0 4px rgba(23,51,95,.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, #B9C2CF) !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, #B9C2CF) !important;
  background: color-mix(in srgb, var(--lindy-blog-filter-tint, #F2F9FF) 50%, #FFFFFF) !important;
  color: var(--lindy-blog-ink, #17335F) !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,#D1D6DF)!important;
  border-radius:5px!important;
  background:var(--lindy-surface,#FFFFFF)!important;
  color:var(--lindy-ink,#17335F)!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,#B9C2CF)!important;
  background:var(--lindy-blog-filter-tint,#F2F9FF)!important;
  color:var(--lindy-ink,#17335F)!important;
}
.tf-number-pagination .page-numbers.current{
  border-color:var(--lindy-blog-border-hover,#B9C2CF)!important;
  background:var(--lindy-amber-100,#F2F9FF)!important;
  color:var(--lindy-blog-gold,#17335F)!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,#17335F)!important;
}
.tf-number-pagination a.page-numbers:focus-visible{
  outline:2px solid var(--lindy-blue,#17335F)!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;}
}

/* PluginSuggest monochrome editorial override */
.tf-blog-hero{background:#F8FAFC!important}.tf-blog-cta-panel{background:#FFFFFF!important}


/* PluginSuggest compact archive pagination 2026-09-17 */
.ps-compact-pagination{flex-wrap:nowrap!important;white-space:nowrap!important;overflow:visible!important}
@media(max-width:479px){.ps-compact-pagination{gap:4px!important}.ps-compact-pagination .page-numbers{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;font-size:12px!important}.ps-compact-pagination .page-numbers.prev,.ps-compact-pagination .page-numbers.next{width:auto!important;min-width:62px!important;padding:0 8px!important;font-size:11px!important}}
@media(max-width:340px){.ps-compact-pagination .page-numbers{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}.ps-compact-pagination .page-numbers.prev,.ps-compact-pagination .page-numbers.next{min-width:56px!important;padding:0 6px!important;font-size:10px!important}}


/* PluginSuggest compact pagination mobile one-line 2026-09-17 */
@media(max-width:479px){
  .ps-compact-pagination{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:100%!important;white-space:nowrap!important;overflow:visible!important}
  .ps-compact-pagination .page-numbers{flex:0 0 30px!important;width:30px!important;min-width:30px!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:12px!important;border-radius:5px!important}
  .ps-compact-pagination .page-numbers.dots{flex-basis:16px!important;width:16px!important;min-width:16px!important}
  .ps-compact-pagination .page-numbers.prev,.ps-compact-pagination .page-numbers.next{flex:0 0 30px!important;width:30px!important;min-width:30px!important;padding:0!important;font-size:0!important;overflow:hidden!important}
  .ps-compact-pagination .page-numbers.prev:before{content:'←';font-size:14px!important;line-height:1}
  .ps-compact-pagination .page-numbers.next:before{content:'→';font-size:14px!important;line-height:1}
}


/* ps mobile pagination readable labels 2026-09-17 */
@media(max-width:479px){.ps-compact-pagination{gap:3px!important}.ps-compact-pagination .page-numbers{flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;font-size:12px!important}.ps-compact-pagination .page-numbers.dots{flex:0 0 14px!important;width:14px!important;min-width:14px!important}.ps-compact-pagination .page-numbers.prev,.ps-compact-pagination .page-numbers.next{flex:0 0 auto!important;width:auto!important;min-width:64px!important;height:32px!important;padding:0 7px!important;font-size:11px!important;line-height:1!important}.ps-compact-pagination .page-numbers.prev:before,.ps-compact-pagination .page-numbers.next:before{content:none!important}}@media(max-width:360px){.ps-compact-pagination{gap:2px!important}.ps-compact-pagination .page-numbers{flex-basis:30px!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important}.ps-compact-pagination .page-numbers.prev,.ps-compact-pagination .page-numbers.next{min-width:58px!important;height:30px!important;padding:0 5px!important;font-size:10.5px!important}.ps-compact-pagination .page-numbers.dots{flex-basis:12px!important;width:12px!important;min-width:12px!important}}

/* ps mobile pagination larger 2026-09-17 */
@media(max-width:479px){.ps-compact-pagination .page-numbers{height:36px!important;min-height:36px!important;font-size:13px!important}.ps-compact-pagination .page-numbers.prev,.ps-compact-pagination .page-numbers.next{height:36px!important;min-height:36px!important;font-size:12px!important;min-width:64px!important;padding:0 8px!important}.ps-compact-pagination .page-numbers.dots{height:36px!important;font-size:14px!important}}
@media(max-width:360px){.ps-compact-pagination .page-numbers{height:34px!important;min-height:34px!important;font-size:12.5px!important}.ps-compact-pagination .page-numbers.prev,.ps-compact-pagination .page-numbers.next{height:34px!important;min-height:34px!important;font-size:11px!important;min-width:58px!important}}

/* ps mobile pagination larger pass 2 2026-09-17 */
@media(max-width:479px){.ps-compact-pagination{gap:2px!important}.ps-compact-pagination .page-numbers{flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:36px!important;min-height:36px!important;font-size:13px!important}.ps-compact-pagination .page-numbers.dots{flex:0 0 12px!important;width:12px!important;min-width:12px!important;font-size:13px!important}.ps-compact-pagination .page-numbers.prev,.ps-compact-pagination .page-numbers.next{flex:0 0 auto!important;width:auto!important;min-width:66px!important;height:36px!important;padding:0 6px!important;font-size:11.5px!important}}
@media(max-width:360px){.ps-compact-pagination{gap:2px!important}.ps-compact-pagination .page-numbers{flex-basis:32px!important;width:32px!important;min-width:32px!important;height:34px!important;min-height:34px!important;font-size:12.5px!important}.ps-compact-pagination .page-numbers.dots{flex-basis:10px!important;width:10px!important;min-width:10px!important}.ps-compact-pagination .page-numbers.prev,.ps-compact-pagination .page-numbers.next{min-width:60px!important;height:34px!important;padding:0 4px!important;font-size:11px!important}}