/* Mobile TOC (“Contents” bar) behavior override.
  Applied to static /post/*.html pages via <link> tag. */

@media (max-width: 992px) {
  .post-contents__aside {
    top: var(--as-header-offset, 0px) !important;
    transform: translateY(0);
    transition: transform 0.25s ease;
    will-change: transform;
  }

  /* Hide only when scrolling up (set by JS). */
  body.as-toc-hidden .post-contents__aside {
    transform: translateY(-110%);
  }

  /* When the TOC drawer is expanded, keep it visible regardless of scroll state. */
  .post-contents__aside.show {
    transform: translateY(0) !important;
  }
}