/* Mobile refinements + desktop article 3-col grid. */

/* Sticky bottom action bar on mobile single post */
.credsir-mobile-bar {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 40;
  display: flex; gap: 8px;
  padding: 10px 14px;
  padding-bottom: max(10px, env(safe-area-inset-bottom));
  background: rgba(255,255,255,.95);
  backdrop-filter: saturate(180%) blur(12px);
  border-top: 1px solid var(--c-line);
}
.credsir-mobile-bar .credsir-btn { flex: 1; padding: 12px 14px; font-size: 14px; }
@media (min-width: 900px) { .credsir-mobile-bar { display: none; } }

/* Mobile menu panel */
.credsir-nav-panel {
  position: fixed; inset: var(--header-h-mobile) 0 0 0;
  background: #fff; padding: 16px; z-index: 25;
  overflow-y: auto;
}
.credsir-nav-panel a {
  display: block; padding: 14px 12px; border-radius: 10px;
  font: 650 16px var(--f-ui); color: var(--c-ink); text-decoration: none;
  border-bottom: 1px solid var(--c-line-2);
}
.credsir-nav-panel a[aria-current="page"] { background: var(--c-green); color: #fff; }

/* Hide desktop sidebar on mobile */
@media (max-width: 899px) {
  .credsir-sidebar { display: none; }
  body.single { padding-bottom: 80px; }
}

/* Desktop 3-column layout for single articles */
@media (min-width: 1024px) {
  .credsir-single-grid {
    display: grid;
    grid-template-columns: 240px minmax(0, var(--content-w)) 300px;
    gap: 48px;
    max-width: var(--wide-w); margin: 0 auto; padding: 0 40px;
  }
  .credsir-single-grid > .credsir-toc-col       { grid-column: 1; }
  .credsir-single-grid > .credsir-article__body { grid-column: 2; padding: 0; }
  .credsir-single-grid > .credsir-sidebar       { grid-column: 3; }
  .credsir-toc-col { position: relative; }
}
@media (max-width: 1023px) {
  .credsir-toc-col { display: none; }
}