/**
 * PPST Blog Styles
 * styles-blog-ppst.css
 *
 * Scope: .blog-overview (overview page) and .single-post (detail page).
 * Builds on main.css variables and reuses .resource-library filter styles.
 * Import/enqueue after main.css.
 */

/* OVERVIEW — Hero / Featured Posts */

.blog-uvp {
  background-color: var(--light-blue);
  padding: 160px 0 80px;
}

.blog-uvp__eyebrow {
  margin-bottom: 12px;
}

.blog-uvp__title {
  font-size: 2.75rem;
  line-height: 110%;
  margin-bottom: 16px;
  text-transform: none;
}

.blog-uvp__text {
  font-size: 1.125rem;
  color: var(--mid-gray);
  margin-bottom: 40px;
  max-width: 640px;
}

/* Featured grid row */
.blog-featured {
  margin-top: 40px;
}

/* ── "Featured Posts" label above the side list ── */
.blog-featured__side-heading {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 0px;
  text-transform: none;
}

/* Side list wrapper */
.blog-featured__side-list {
  display: flex;
  flex-direction: column;
}

/* Each side item — bordered separator, no separator on last */
.blog-featured__side-item {
  border-bottom: 1px solid #E7E7E7;
}

.blog-featured__side-item--last {
  border-bottom: none;
}

.resource-library.blog-list-wrapper {
    padding-top: 80px;
}


/* BLOG CARDS — shared base */

.blog-card {
  border-radius: 24px;
  background: var(--light-blue);
  border:;
  overflow: hidden;
  transition: box-shadow 0.2s ease, background 0.2s ease;
  height: 100%;
}

.blog-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.blog-card__link:hover,
.blog-card__link:focus {
  text-decoration: none;
  color: inherit;
}

/* Thumbnail */
.blog-card__thumb {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 24px 24px 0 0;
  flex-shrink: 0;
}

.blog-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

/* Body */
.blog-card__body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Date */
.blog-card__date {
  display: block;
  font-size: 1rem;
  color: var(--mid-gray);
  margin-bottom: 8px;
}

/* Title */
.blog-card__title {
  font-size: 1.25rem;
  line-height: 120%;
  font-weight: 500;
  color: var(--black);
  margin-bottom: 12px;
  text-transform: none;
  flex: 1;
  transition: text-decoration 0.15s;
}

/* Tags */
.blog-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  margin-top: auto;
}

.blog-card__tag {
  font-size: 0.813rem;
  font-weight: 700;
  letter-spacing: 0.07rem;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--blue);
}

/*.blog-card__tag + .blog-card__tag::before {
  content: ', ';
  margin-left: -4px;
  color: var(--blue);
  font-weight: 700;
}*/


/* ── GRID cards (All Posts section) hover ── */
.blog-grid .blog-card:hover {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}



/* ── Hero card (large left card in featured section) ── */

.blog-card--featured-hero {
  background: var(--white);
  border-radius: 24px;
  overflow: hidden;
  height: auto;
  transition: box-shadow 0.2s ease;
}

.blog-card--featured-hero:hover {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  background: var(--white);
}

.blog-card--featured-hero .blog-card__link {
  flex-direction: column;
}

.blog-card--featured-hero .blog-card__thumb {
  border-radius: 24px 24px 0 0;
  aspect-ratio: 16 / 9;
}

.blog-card--featured-hero .blog-card__body {
  padding: 20px 24px 28px;
  background: var(--white);
}

.blog-card--featured-hero .blog-card__title {
  font-size: 1.5rem;
  line-height: 120%;
}
.blog-card--featured-hero .blog-card__tags {
    margin-top: 10px;
}

/* ── Side cards (right column) ── */

.blog-card--featured-side {
  background: transparent;
  border-radius: 0;
  overflow: visible;
}

.blog-card--featured-side .blog-card__link {
  flex-direction: row;
  align-items: start;
  gap: 24px;
  padding: 24px 0;
}

.blog-card--featured-side .blog-card__thumb {
  width: 120px;
  min-width: 120px;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  flex-shrink: 0;
}

.blog-card--featured-side .blog-card__body {
  padding: 0;
  flex: 1;
}

.blog-card--featured-side .blog-card__title {
  font-size: 1.25rem;
      line-height: 120%;
  margin-bottom: 3px;
  transition: text-decoration 0.15s;
}

/* Hover: underline title only */
.blog-card--featured-side:hover .blog-card__title {
  text-decoration: underline;
}

.blog-card--featured-side .blog-card__date {
  font-size: 1rem;
  margin-bottom: 6px;
}

.blog-card--featured-side .blog-card__tags {
  margin-top: 6px;
}


/* OVERVIEW — All Posts section */

.blog-list-wrapper {
  background: var(--white);
  padding-bottom: 60px;
}
.blog-list-wrapper.resource-library .resources-search {
    padding: 25px 0 40px 15px;
}
.blog-list-wrapper .blog-search-bar > .d-flex {
    gap: 20px;
}

.blog-search {
  border-top: 1px solid var(--gray);
  padding: 32px 0;
  background: var(--white);
}

/* Title + search bar row */
.blog-search-bar {
  padding: 48px 0 32px;
}
.blog-search-bar #blog-search {
    border: 0;
    background: var(--white);
    box-shadow: none;
    border-right: 0px;
    border-radius: 8px;
    font-size: 1rem;
    height: 50px;
    margin-left: 0px;
    padding: 12px 24px;
    width: 100%;
}

.blog-list-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--black);
  text-transform: none;
  white-space: nowrap;
  margin: 0;
  flex-shrink: 0;
}

/* Search form — constrain width when inline with title */
.blog-search-bar .resources-search-form {
  flex: 1;
    max-width: 838px;
    margin-right: 15px;
}

.blog-main {
  margin-top: 0;
}

/* Grid */
.blog-grid {
  min-height: 200px;
  transition: opacity 0.2s ease;
}

.blog-grid.is-loading {
  opacity: 0.5;
  pointer-events: none;
}

.blog-grid .row {
  row-gap: 28px;
}

/* Pagination — reuse .pagination from main.css */
.blog-pagination {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-pagination .pager-prev {
  background: url(./img/arrow-left-slide.png) no-repeat center right transparent;
  background-size: 32px;
  margin-right: 32px;
  width: 32px;
  height: 32px;
  border: 0;
  text-indent: -50px;
  overflow: hidden;
  cursor: pointer;
}

.blog-pagination .pager-prev:hover:not([disabled]),
.blog-pagination .pager-prev:focus:not([disabled]) {
  background: url(./img/arrow-left-slide-blue.png) no-repeat center right transparent;
  background-size: 32px;
}

.blog-pagination .pager-next {
  background: url(./img/arrow-right-slide.png) no-repeat center right transparent;
  background-size: 32px;
  margin-left: 32px;
  width: 32px;
  height: 32px;
  border: 0;
  text-indent: -50px;
  overflow: hidden;
  cursor: pointer;
}

.blog-pagination .pager-next:hover:not([disabled]),
.blog-pagination .pager-next:focus:not([disabled]) {
  background: url(./img/arrow-right-slide-blue.png) no-repeat center right transparent;
  background-size: 32px;
}

.blog-pagination .pager-prev[disabled],
.blog-pagination .pager-next[disabled] {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

.blog-pagination .slash {
  margin: 0 10px;
  color: #5E77A6;
}

.blog-pagination .max {
  color: #5E77A6;
}


/* Responsive*/

@media ( max-width: 991px ) {
  .blog-uvp {
    padding: 100px 0 40px;
  }

  .blog-uvp__title {
    font-size: 2.125rem;
  }

  .blog-featured__side-col {
    margin-top: 32px;
  }

  .blog-card--featured-side .blog-card__thumb {
    width: 100px;
    min-width: 100px;
  }
  .blog-list-wrapper{
    padding-top: 60px;
  }
}

@media ( max-width: 767px ) {
  .blog-uvp {
    padding: 80px 0 60px;
  }

  .blog-uvp__title {
    font-size: 2rem;
  }
  .blog-featured__side-heading {
    font-size: 1.75rem;
  }
  .blog-list-title {
    font-size: 2rem;
  }
  .blog-card--featured-side .blog-card__link {
    flex-direction: column;
    gap: 0;
  }
  .resource-library.blog-list-wrapper {
    padding-top: 30px;
  }
  .blog-list-wrapper{
    padding-bottom: 20px;
  }

  .blog-card--featured-side .blog-card__thumb {
    width: 100%;
    min-width: unset;
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    margin-bottom: 12px;
  }

  .blog-grid .row {
    row-gap: 20px;
  }
}

/*BLOG DETAIL — single-post.php */

.blog-detail__container {
  padding-top: 135px;
  padding-bottom: 120px;
}

.blog-detail__layout {
  margin-top: 32px;
  overflow: visible !important;
}


/* ── Return to All ── */

.blog-detail__return {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--black);
  text-decoration: none;
  margin-bottom: 32px;
  transition: color 0.15s;
}

.blog-detail__return:hover {
  color: var(--black);
    text-decoration: none;
    font-weight: 700;
}

/* SVG swap on hover */
.blog-detail__return-icon--hover   { display: none; }
.blog-detail__return-icon--default { display: inline-flex; }

.blog-detail__return:hover .blog-detail__return-icon--default { display: none; }
.blog-detail__return:hover .blog-detail__return-icon--hover   { display: inline-flex; }

/* Return inside navrow — no bottom margin */
.blog-detail__navrow .blog-detail__return { margin-bottom: 0; }


/* ── Topic tags ── */

.blog-detail__topics {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0px;
  margin-bottom: 16px;
}

.blog-detail__topic-tag {
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--blue);
  text-decoration: none;
}

.blog-detail__topic-tag:hover {
  text-decoration: underline;
  color: var(--blue);
  font-weight: 700;
}

.blog-detail__topic-sep {
  color: var(--blue);
  font-weight: 700;
  margin-right: 4px;
}


/* ── Title + Meta ── */

.blog-detail__title {
  line-height: 110%;
  text-transform: none;
  color: var(--black);
  margin-bottom: 16px;
}

.blog-detail__date {
  display: block;
  font-size: 1rem;
  color: var(--mid-gray);
  margin-bottom: 32px;
}


/* ── Hero image ── */

.blog-detail__hero {
  margin-bottom: 32px;
  border-radius: 20px;
  overflow: hidden;
}

.blog-detail__hero img {
  width: 100%;
  height: auto;
  display: block;
}


/* ── Share ── */

.blog-detail__share {
 
}

.blog-detail__share--top    { margin-bottom: 40px; }
.blog-detail__share--bottom { margin-top: 40px; }

.blog-detail__share-label {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--black);
  margin-bottom: 8px;
  display: inline-block;
}

.blog-detail__share-icons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.blog-detail__share-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.15s;
}

.blog-detail__share-link:hover { opacity: 0.8; }


/*Post content*/

.blog-detail__content {
  font-size: 1.0625rem;
  line-height: 1.75;
  color: var(--black);
}

.blog-detail__content h2 {
  font-size: 2.5rem;
  line-height: 110%;
  color: var(--black);
  text-transform: none;
  margin-top: 40px;
  margin-bottom: 1rem;
}

.blog-detail__content h3 {
  font-size: 1.875rem;
  line-height: 120%;
  color: var(--black);
  font-weight: 600;
  text-transform: none;
  margin-top: 30px;
  margin-bottom: 1rem;
}

.blog-detail__content h4 {
  font-size: 1.5rem;
  line-height: 140%;
  text-transform: none;
  margin-top: 25px;
  margin-bottom: 1rem;
}


.blog-detail__content p { margin-bottom: 20px; }

.blog-detail__content ul,
.blog-detail__content ol {
  margin: 24px 0;
  padding-left: 0;
  list-style: none;
}

.blog-detail__content ul li,
.blog-detail__content ol li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 14px;
}

.blog-detail__content ul li::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 13px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--black-300);
}

.blog-detail__content ol { counter-reset: ol-counter; }
.blog-detail__content ol li { counter-increment: ol-counter; }
.blog-detail__content ol li::before {
  content: counter(ol-counter) '.';
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 600;
  color: var(--blue);
}

.blog-detail__content img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  margin: 48px 0;
  display: block;
}

.blog-detail__content figure      { margin: 48px 0; }
.blog-detail__content figure img  { margin: 0; }
.blog-detail__content figcaption  {
  font-size: 0.875rem;
  color: var(--mid-gray);
  margin-top: 8px;
}

.blog-detail__content a            { color: var(--blue); text-decoration: underline; }
.blog-detail__content a:hover      { text-decoration: none; }

.blog-detail__content blockquote {
  border-left: 4px solid var(--blue);
  margin: 40px 0;
  padding: 16px 24px;
  background: var(--light-blue);
  border-radius: 0 12px 12px 0;
  font-size: 1.125rem;
  font-style: italic;
  color: var(--navy);
}

.blog-detail__content table {
  width: 100%;
  border-collapse: collapse;
  margin: 40px 0;
  font-size: 1rem;
}
.blog-detail__content th {
  background: var(--navy);
  color: var(--white);
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
}
.blog-detail__content td {
  padding: 10px 16px;
  border-bottom: 1px solid var(--gray);
}
.blog-detail__content tr:nth-child(even) td { background: rgba(240, 242, 247, 0.50); }


/* ── Bottom nav row ── */

.blog-detail__navrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: nowrap;
  margin-top: 56px;
  padding-top: 28px;
  border-top: 1px solid var(--gray);
}

/* Prev / Next */
.blog-detail__prevnext {
  display: flex;
  align-items: center;
}

.blog-detail__prevnext-sep {
  margin: 0 14px;
  color: var(--gray);
  font-weight: 400;
}

.blog-detail__prev,
.blog-detail__next {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--black);
  text-decoration: none;
  transition: color 0.15s;
}

.blog-detail__prev:hover,
.blog-detail__next:hover { color: var(--blue); font-weight: 700; text-decoration: none; }

/* Disabled (no prev or no next post) */
.blog-detail__prev--disabled,
.blog-detail__next--disabled {
  opacity: 0.45;
  cursor: default;
  pointer-events: none;
}

/* Nav arrow SVGs — no extra pseudo-element styles needed (SVGs are inline) */
.blog-nav-arrow { flex-shrink: 0; }


/* BLOG DETAIL — Sticky Sidebar */

.blog-detail__sidebar-col {
  /* Don't use padding-left here — Bootstrap col padding fights it */
}

.blog-detail__sidebar {
  position: sticky;
  top: 120px;
  margin-left: 60px;
  align-self: flex-start; /* shrink sidebar to content height while col stays full height */
}

.blog-detail__sidebar-section {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--gray);
}

.blog-detail__sidebar-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.blog-detail__sidebar-heading {
  font-size: 1.5rem;
  color: var(--navy);
  font-weight: 600;
  line-height: 120%;
  text-transform: none;
  margin-bottom: 20px;
}


/* ── Related posts ── */

.blog-related__item {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--gray);
}
.blog-related__item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.blog-related__thumb-link {
  display: block;
  margin-bottom: 10px;
}

.blog-related__thumb {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 10px;
  max-width: 300px;
}

.blog-related__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.blog-related__thumb-link:hover .blog-related__thumb img { transform: scale(1.03); }

.blog-related__topics {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.blog-related__topic-tag { color: var(--blue); font-weight: 600;  }
.blog-related__topic-tag:hover { text-decoration: underline; font-weight: 600; }

.blog-related__title {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--black);
  margin-bottom: 6px;
  transition: color 0.15s;
}
.blog-related__title:hover { color: var(--blue); 
  font-weight: 600;
}

.blog-related__date {
  font-size: 0.8125rem;
  color: var(--mid-gray);
}


/* ── More on These Topics ── */

.blog-topics-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* "Topics" sub-label above the list */
.blog-topics-list__label {
  font-size: 1rem;
  font-weight: 700;
  color: var(--black);
  text-transform: none;
  margin-bottom: 12px;
  display: block;
}

.blog-topics-list__item {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog-topics-list__link {
  font-size: 1rem;
  font-weight: 500;
  color: var(--blue);
  text-decoration: none;
  transition: text-decoration 0.15s;
}

.blog-topics-list__link:hover {
  text-decoration: underline;
  font-weight: 500;
  color: var(--blue);
}
.blog-topics-list__view-all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--blue);
  text-decoration: none;
  margin-top: 14px;
  transition: text-decoration 0.15s;
}
 
.blog-topics-list__view-all:hover {
  text-decoration: underline;
  color: var(--blue);
}



/* ═══════════════════════════════════════════════════════════════
   BLOG DETAIL — Responsive
   ═══════════════════════════════════════════════════════════════ */

@media ( max-width: 1199px ) {
  .blog-detail__sidebar-col { padding-left: 15px; }
  .blog-detail__sidebar { margin-left: 20px; }
}

@media ( max-width: 991px ) {
  .blog-detail__sidebar-col {
    padding-left: 15px;
    margin-top: 56px;
  }

  .blog-detail__sidebar {
    position: static;
    top: auto;
    margin-left: 0;
  }

  .blog-detail__title { font-size: 2.5rem; }
}

@media all and (max-width: 992px){
      .blog-detail__navrow {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .blog-detail__prevnext {
    width: 100%;
    justify-content: space-between;
    margin-top: 20px;
  }
}

@media ( max-width: 767px ) {
  .blog-detail__container {
    padding-top: 48px;
    padding-bottom: 60px;
  }

  .blog-detail__title { font-size: 2.25rem; }

  .blog-detail__content h2 { font-size: 2rem; margin-top: 40px; }
  .blog-detail__content h3 { font-size: 1.875rem; margin-top: 32px; }

 
  
}

/* ── Sticky sidebar: ensure no ancestor clips it ── */
/* WP Engine / Bootstrap sometimes sets overflow on #page-wrap */
.single-post #page-wrap,
.single-post #content,
.single-post #main {
  overflow: visible !important;
}

/* ═══════════════════════════════════════════════════════════════
   BLOG CONTENT — WP Block: Image
   ═══════════════════════════════════════════════════════════════ */

/* WP block image inside blog content */
.blog-detail__content .wp-block-image {
  margin: 48px 0;
}

.blog-detail__content .wp-block-image img {
  border-radius: 16px;
  height: auto;
  max-width: 100%;
  display: block;
  margin: 0; /* reset our generic img margin — parent handles it */
}

/* Full-width alignment */
.blog-detail__content .wp-block-image.alignfull,
.blog-detail__content .wp-block-image.alignwide {
  border-radius: 16px;
  overflow: hidden;
}

.blog-detail__content .wp-block-image.alignfull img,
.blog-detail__content .wp-block-image.alignwide img {
  border-radius: 0;
  width: 100%;
  object-fit: cover;
}

/* Centered alignment */
.blog-detail__content .wp-block-image.aligncenter {
  text-align: center;
}

.blog-detail__content .wp-block-image.aligncenter img {
  margin: 0 auto;
}

/* figcaption — WP block generates this */
.blog-detail__content .wp-block-image figcaption,
.blog-detail__content figcaption {
  font-size: 0.875rem;
  color: var(--mid-gray);
  margin-top: 10px;
  text-align: center;
  font-style: italic;
}


/* ═══════════════════════════════════════════════════════════════
   BLOG CONTENT — WP Block: Table
   ═══════════════════════════════════════════════════════════════ */

.blog-detail__content .wp-block-table {
  margin: 40px 0;
  overflow-x: auto; /* horizontal scroll on mobile */
  -webkit-overflow-scrolling: touch;
}

.blog-detail__content .wp-block-table table {
  width: 100%;
  border-collapse: separate; /* required for border-radius on cells to work */
  border-spacing: 0;
  font-size: 1rem;
  margin: 0;
  border-radius: 24px;
  overflow: hidden; /* clips the corners */
  border: 1px solid var(--gray);
}

/* Header row */
.blog-detail__content .wp-block-table thead th,
.blog-detail__content .wp-block-table th {
  background: var(--navy);
  color: var(--white);
  padding: 20px 16px;
  text-align: left;
  font-weight: 500;
  font-size: 1.25rem;
  border: none;
  border-right: 1px solid #fff;
}

/* Remove right border on last th */
.blog-detail__content .wp-block-table thead th:last-child,
.blog-detail__content .wp-block-table th:last-child {
  border-right: none;
}

/* Round top-left and top-right header corners */
.blog-detail__content .wp-block-table thead tr:first-child th:first-child {
  border-radius: 24px 0 0 0;
}
.blog-detail__content .wp-block-table thead tr:first-child th:last-child {
  border-radius: 0 24px 0 0;
}

/* If no thead, round first row of tbody */
.blog-detail__content .wp-block-table tbody tr:first-child td:first-child {
  border-radius: 24px 0 0 0;
}
.blog-detail__content .wp-block-table tbody tr:first-child td:last-child {
  border-radius: 0 24px 0 0;
}

.blog-detail__content .wp-block-table thead {
  border-bottom: 0px;
}

/* Body cells */
.blog-detail__content .wp-block-table tbody td,
.blog-detail__content .wp-block-table td {
  padding: 20px 16px;
  border: 1px solid var(--gray);
  border-top: none; /* avoid double borders */
  vertical-align: top;
  color: var(--black);
  line-height: 1.6;
}

/* Remove left border on first td to avoid double border with table edge */
.blog-detail__content .wp-block-table tbody td:first-child {
  border-left: none;
}
.blog-detail__content .wp-block-table tbody td:last-child {
  border-right: none;
}

/* Round bottom-left and bottom-right corners */
.blog-detail__content .wp-block-table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 24px;
}
.blog-detail__content .wp-block-table tbody tr:last-child td:last-child {
  border-radius: 0 0 24px 0;
}


/* Alternating rows */
.blog-detail__content .wp-block-table tbody tr:nth-child(even) td {
  background: rgba(240, 242, 247, 0.50);
}

/* Figcaption under table (WP adds this as caption) */
.blog-detail__content .wp-block-table figcaption {
  font-size: 0.8125rem;
  color: var(--mid-gray);
  margin-top: 10px;
  font-style: italic;
  text-align: left;
}

/* Stripes variant (WP block has a "stripes" style option) */
.blog-detail__content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td {
  background: var(--white);
}

.blog-detail__content .wp-block-table.is-style-stripes tbody tr:nth-child(even) td {
  background: var(--light-blue);
}

/* Mobile */
@media ( max-width: 767px ) {
  .blog-detail__content .wp-block-table td,
  .blog-detail__content .wp-block-table th {
    padding: 10px 12px;
    font-size: 0.875rem;
  }
}


/* ═══════════════════════════════════════════════════════════════
   BLOG CONTENT — ACF Block: Blog CTA
   ═══════════════════════════════════════════════════════════════ */

.blog-cta-block {
  background: url('./img/bg-support-options.webp') no-repeat center center var(--navy);
  background-size: cover;
  border-radius: 24px;
  padding: 48px 56px;
  margin: 56px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.blog-cta-block__text {
  flex: 1;
  min-width: 0;
}
.blog-detail__content .blog-cta-block h3 {
    color: var(--white);
    margin-top: 0px;
}
.blog-cta-block__title {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--white);
  line-height: 120%;
  margin-bottom: 8px;
  text-transform: none;
}

.blog-cta-block__subtitle {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  line-height: 1.5;
}
.blog-cta-block .button {
    color: var(--black);
    text-decoration: none;
}

.blog-cta-block__action {
  flex-shrink: 0;
}

@media ( max-width: 767px ) {
  .blog-cta-block {
    flex-direction: column;
    align-items: flex-start;
    padding: 36px 28px;
    gap: 24px;
  }

  .blog-cta-block__title {
    font-size: 1.375rem;
  }
}