/* Functional additions; the existing editorial geometry and card variants remain canonical. */
.blog-empty { padding-block: 2rem; color: var(--color-text-muted, var(--content--secondary)); }
.blog-pagination { display: flex; gap: 1rem; flex-wrap: wrap; }
.blog-content_column-link { display: block; min-height: 44px; padding-block: .65rem; }
.blog-content_wrap-inner { min-width: 0; }
.blog-most_wrap > .blog_card { min-width: 0; }
.blog-most_wrap .blog-card_content { min-width: 0; overflow-wrap: anywhere; }
@media (min-width: 992px) {
  .blog-most_wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
  .blog-most_wrap > .blog_card { grid-template-columns: minmax(0, 1fr); }
  .blog-most_wrap .blog-card_content { padding-right: 0; }
}
.blog-content_wrap-inner :is(h2,h3) { scroll-margin-top: 7rem; }
/* Editorial media owns a full row; override the legacy rich-text 60% cap. */
.text-rich-text :is(.blog-figure, .blog-video) {
  display: block;
  float: none;
  clear: both;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 2rem 0;
}
/* img-cover is positioned absolutely for cards, but inline images need height in the flow. */
.blog-figure img {
  display: block;
  position: static;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 1rem;
}
.blog-figure figcaption, .blog-video figcaption { margin-top: .75rem; font-size: .875rem; }
.blog-video iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; }
.blog-table { max-width: 100%; overflow: auto; margin-block: 2rem; }
.blog-table table { width: 100%; border-collapse: collapse; }
.blog-table :is(th,td) { padding: .75rem; text-align: start; border-bottom: 1px solid var(--color-border, var(--stroke--primary)); }
.blog-table caption { text-align: start; font-weight: 600; padding-bottom: 1rem; }
.blog-faq details { border-bottom: 1px solid var(--color-border, var(--stroke--primary)); }
.blog-faq summary, .blog-video summary { cursor: pointer; padding-block: 1rem; min-height: 44px; font-weight: 600; }
.blog-content_column-sticky .btn { margin-top: 1rem; }
.text-rich-text .blog-content_custom-cta_inner { width: 100%; min-width: 0; flex-direction: column; align-items: flex-start; }
.text-rich-text .blog-content_custom-cta_inner > * { max-width: 100%; }
.text-rich-text .blog-content_custom-cta .btn { white-space: normal; text-align: center; }
.cover-link:focus-visible, .blog-content_column-link:focus-visible, .blog-faq summary:focus-visible { outline: 2px solid var(--color-focus, var(--content--brand)); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .blog-content_wrap-inner { scroll-behavior: auto; } }