.wb-toc { position: sticky; top: 110px; max-height: calc(100vh - 130px); overflow-y: auto; padding: 20px; border: 1px solid #e4e7ec; border-radius: 12px; background: #fff; }
.wb-toc__heading { font-size: 1rem; font-weight: 700; margin-bottom: 12px; }
.wb-toc__links { list-style: none; padding: 0; margin: 0; }
.wb-toc__links li { margin: 0; }
.wb-toc__links a { display: block; padding: 7px 10px; border-left: 3px solid transparent; color: #475467; font-size: .9rem; line-height: 1.45; text-decoration: none; }
.wb-toc__links a:hover, .wb-toc__links a[aria-current="location"] { color: #175cd3; background: #eff6ff; border-left-color: #175cd3; }
.wb-toc__sub a { padding-left: 22px; font-size: .85rem; }
.single-post .entry-content h2[id], .single-post .entry-content h3[id] { scroll-margin-top: 110px; }
@media (max-width: 999px) { .wb-toc { position: static; max-height: none; } }

/* Accessible responsive toggle; desktop remains permanently expanded. */
.wb-toc__toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: default; }
.wb-toc__toggle:disabled { opacity: 1; }
.wb-toc__toggle:focus-visible { outline: 2px solid #175cd3; outline-offset: 4px; }
.wb-toc__chevron { display: none; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s ease; margin-right: 5px; }
.wb-toc__panel[hidden] { display: none !important; }
@media (max-width: 999px) {
  .wb-toc { overflow: visible; }
  .wb-toc__toggle { cursor: pointer; }
  .wb-toc__heading { margin-bottom: 0; }
  .wb-toc__chevron { display: block; }
  .wb-toc__toggle[aria-expanded="true"] .wb-toc__chevron { transform: rotate(225deg); }
  .wb-toc__panel { margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) { .wb-toc__chevron { transition: none; } }