/* Blog hero consumes the established inner-page hero; no invented CTA. */
.blog-hero .change-transition-hero-intro p { max-width: 508px; }
@media (min-width: 901px) {
  .blog-hero .change-transition-hero-layout { padding-bottom: 48px; }
}

/* Latest Insights moved verbatim from Resources; selectors retained for parity. */
.resources-latest { padding-block: 100px; background: var(--color-surface); }
.resources-latest-inner { display: flex; flex-direction: column; align-items: center; gap: 47.796875px; }
.resources-latest-header { width: 100%; width: stretch; max-width: 706px; min-width: 0px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.resources-latest-header .challenge-eyebrow { width: 100%; width: stretch; justify-content: center; }
.resources-latest-header .challenge-eyebrow span { flex: 0 0 auto; min-width: 0px; white-space: nowrap; overflow-wrap: anywhere; }
.resources-latest-header h2 { width: stretch; color: var(--color-brand-hover); overflow-wrap: anywhere; }
/* Reveal the eyebrow before the taller header finishes compacting. */
#resources-latest-title { scroll-margin-top: 176px; }
.resources-latest-body { width: 100%; width: stretch; min-width: 0px; display: flex; flex-direction: column; align-items: center; gap: 31.796875px; }
.resources-latest-body > [data-blog-results] { width: 100%; width: stretch; min-width: 0px; }
.resources-latest-grid { width: 100%; width: stretch; display: grid; grid-template-columns: repeat(3, 424px); grid-auto-rows: 1fr; justify-content: center; column-gap: 20px; row-gap: 20px; padding: 0px; list-style: none; }
.resources-latest-grid:empty { display: none; }
.latest-insight-card,
.latest-insight-card article { min-width: 0px; }
.latest-insight-card article { height: 100%; }
.latest-insight-link { height: 100%; min-height: 427px; padding: 18px; border: 1px solid var(--color-border); display: flex; flex-direction: column; align-items: flex-start; color: var(--color-text); background: var(--color-background); text-decoration: none; overflow-wrap: anywhere; }
.latest-insight-link:hover { color: var(--color-text); }
.latest-insight-link:focus-visible { outline-offset: 4px; }
.latest-insight-media { position: relative; width: 100%; width: stretch; height: 210px; flex: 0 0 210px; margin-bottom: 16px; overflow: hidden; }
.latest-insight-media img { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; }
.latest-insight-copy { width: stretch; min-width: 0px; margin-bottom: 15.390625px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.latest-insight-title { display: block; max-width: 356px; color: var(--color-brand-hover); }
.latest-insight-excerpt {
  display: -webkit-box;
  max-width: 333px;
  overflow: hidden;
  color: var(--color-text-secondary);
  letter-spacing: -0.18px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.latest-insight-card:first-child .latest-insight-copy,
.latest-insight-card:first-child .latest-insight-excerpt { max-width: 365px; }
.latest-insight-card:nth-child(5) .latest-insight-copy,
.latest-insight-card:nth-child(5) .latest-insight-title,
.latest-insight-card:nth-child(5) .latest-insight-excerpt { max-width: 374px; }
.latest-insight-read-more { display: flex; align-items: center; gap: 12px; margin-top: auto; color: var(--color-accent); }
.latest-insight-read-more img { display: block; transition: transform 200ms ease; }
.latest-insight-link:hover .latest-insight-read-more,
.latest-insight-link:focus-visible .latest-insight-read-more { color: var(--color-brand-hover); }
.latest-insight-link:hover .latest-insight-read-more img,
.latest-insight-link:focus-visible .latest-insight-read-more img { transform: translateX(3px); }
.resources-pagination ul { display: flex; align-items: center; justify-content: center; gap: 17px; padding: 0px; list-style: none; letter-spacing: -0.18px; }
.resources-pagination a,
.resources-pagination span { color: var(--color-text); text-decoration: none; }
.resources-pagination a:hover,
.resources-pagination a:focus-visible { color: var(--color-brand-hover); }
.resources-pagination .page-numbers.current {
  min-width: 32px;
  min-height: 32px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-brand-hover);
  color: var(--color-surface);
  text-decoration: none;
}
.resources-pagination [aria-disabled="true"] { color: var(--color-text); }
@media (max-width: 1439px) {
  .resources-latest-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); justify-content: stretch; }
}
/* Keep the compact-desktop tier at three equal tracks, regardless of scrollbar
   gutters or individual post titles. Smaller tiers retain their existing reflow. */
@media (min-width: 1200px) and (max-width: 1439px) {
  .resources-latest-grid { grid-template-columns: repeat(3, minmax(0px, auto)); }
  .resources-latest-grid > .latest-insight-card { contain: inline-size; }
}
@media (max-width: 1399px) {
  #resources-latest-title { scroll-margin-top: 164px; }
  .resources-latest { padding-block: 88px; }
  .resources-latest-inner { gap: 44px; }
  .resources-latest-body { gap: 28px; }
  .latest-insight-link { min-height: 410px; padding: 18px; }
  .latest-insight-media { height: 200px; flex-basis: 200px; }
}
@media (max-width: 1199px) {
  .resources-latest { padding-block: 72px; }
  .resources-latest-inner { gap: 36px; }
  .latest-insight-link { min-height: 390px; padding: 16px; }
  .latest-insight-media { height: 190px; flex-basis: 190px; }
}
@media (max-width: 900px) {
  #resources-latest-title { scroll-margin-top: 148px; }
  .resources-latest { padding-block: 64px; }
  .resources-latest-grid { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
  .latest-insight-link { min-height: 0px; }
  .latest-insight-media { height: 200px; flex-basis: 200px; }
}
@media (max-width: 767px) {
  .resources-latest { padding-block: 56px; }
  .resources-latest-inner { gap: 28px; }
  .resources-latest-body { gap: 24px; }
  .resources-latest-grid { grid-template-columns: minmax(0px, 1fr); row-gap: 16px; }
  .latest-insight-card { width: stretch; }
  .latest-insight-media { height: 250px; flex-basis: 250px; }
  .latest-insight-title,
  .latest-insight-excerpt,
  .latest-insight-card:first-child .latest-insight-copy,
  .latest-insight-card:first-child .latest-insight-excerpt,
  .latest-insight-card:nth-child(5) .latest-insight-copy,
  .latest-insight-card:nth-child(5) .latest-insight-title,
  .latest-insight-card:nth-child(5) .latest-insight-excerpt { max-width: none; }
}
@media (max-width: 479px) {
  #resources-latest-title { scroll-margin-top: 140px; }
  .resources-latest { padding-block: 40px; }
  .resources-latest-inner { gap: 24px; }
  .latest-insight-link { padding: 14px; }
  .latest-insight-media { height: 180px; flex-basis: 180px; }
  .latest-insight-media { margin-bottom: 14px; }
  .latest-insight-copy { margin-bottom: 14px; gap: 10px; }
  .resources-pagination ul { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .latest-insight-read-more img { transition: none; }
  .latest-insight-link:hover .latest-insight-read-more img,
  .latest-insight-link:focus-visible .latest-insight-read-more img { transform: none; }
}

/* Progressive pagination states; normal links remain usable without JavaScript. */
.resources-latest-body[aria-busy="true"] [data-blog-results],
.resources-latest-body[aria-busy="true"] [data-blog-pagination] { opacity: 0.55; }
.blog-pagination-retry { align-self: center; }
.blog-empty { margin: 0px; color: var(--color-text-secondary); text-align: center; }
@media (prefers-reduced-motion: reduce) {
  .resources-latest-body[aria-busy="true"] [data-blog-results],
  .resources-latest-body[aria-busy="true"] [data-blog-pagination] { transition: none; }
}