/* Sidebar: Tailwind md:w-64 + sticky; do NOT use w-100 on aside — it overrides width with !important. */
.page-blog-post-v22-aside {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .page-blog-post-v22-aside {
    width: 16rem;
    max-width: 16rem;
    flex-shrink: 0;
    align-self: flex-start;
    position: sticky;
    top: 2rem;
  }
}

/* Last TOC row: no double line above meta (Bootstrap has no last:border-b-0). */
.page-blog-post-v22-toc-link:last-child {
  border-bottom-width: 0;
}

/* Main column: Tailwind flex-1 min-w-0; match flex-basis with Bootstrap. */
.page-blog-post-v22-panel {
  flex: 1 1 0%;
  min-width: 0;
}

/* Hero image: Tailwind h-64 / md:h-80. */
.page-blog-post-v22-hero-media img {
  width: 100%;
  height: 16rem;
  object-fit: cover;
}

@media (min-width: 768px) {
  .page-blog-post-v22-hero-media img {
    height: 20rem;
  }
}

/* Icon column in TOC meta: Tailwind w-4. */
.page-blog-post-v22-meta-icon {
  width: 1rem;
  flex-shrink: 0;
  text-align: center;
}