.vr-blog-widget { container-type: inline-size; width: 100%; max-width: 100%; min-width: 0; }
.vr-blog-widget__inner { width: 100%; min-width: 0; }
.vr-blog-widget__posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; margin: 0; }
.vr-blog-widget__posts > * { width: 100%; max-width: 100%; min-width: 0; padding-inline: 0; }
.vr-blog-widget__posts img { max-width: 100%; }
.vr-blog-widget--full-width .vr-blog-widget__posts { grid-template-columns: minmax(0, 1fr); }
.vr-blog-widget--single-strip .vr-blog-widget__posts,
.vr-blog-widget--triple-strip .vr-blog-widget__posts { display: flex; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 1rem; }
.vr-blog-widget--single-strip .vr-blog-widget__posts > * { flex: 0 0 100%; scroll-snap-align: start; }
.vr-blog-widget--triple-strip .vr-blog-widget__posts > * { flex: 0 0 calc((100% - 3rem) / 3); scroll-snap-align: start; }
.vr-blog-widget__posts:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
/* Existing child cards remain the markup owner inside the contained layout. */
.vr-blog-widget .kny-blog-card { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 1rem; }
.vr-blog-widget .kny-blog-card__media { display: block; }
.vr-blog-widget .kny-blog-card__img { display: block; width: 100%; height: auto; }
.vr-blog-widget .kny-blog-card__title { font-size: 1.5rem; line-height: 1.2; }
.vr-blog-widget .kny-blog-card__excerpt { margin-block: .75rem; }
@container (max-width: 44rem) {
  .vr-blog-widget--three-width .vr-blog-widget__posts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vr-blog-widget--triple-strip .vr-blog-widget__posts > * { flex-basis: calc((100% - 1.5rem) / 2); }
}
@container (max-width: 28rem) {
  .vr-blog-widget--three-width .vr-blog-widget__posts { grid-template-columns: minmax(0, 1fr); }
  .vr-blog-widget--triple-strip .vr-blog-widget__posts > * { flex-basis: 100%; }
}