/*
 * [sv-toc] shortcode — índice lateral "Ir para".
 * Ported from the blog design reference's .ed-toc component (mesma
 * marcação/comportamento: rail vertical com fill de progresso de leitura,
 * link ativo em negrito via scrollspy — ver assets/js/sv-toc.js).
 * Só carrega em posts que usam o shortcode (inc/toc.php).
 */

.sv-toc {
  position: sticky;
  top: 100px;
  align-self: start;
}
.sv-toc__label {
  display: block;
  font: 600 14px/1.4 var(--font-family-primary);
  color: var(--neutral-600);
  margin-bottom: 16px;
}
.sv-toc__list {
  position: relative;
  padding-left: 14px;
}
.sv-toc__rail {
  position: absolute;
  left: 0; top: 4px; bottom: 4px;
  width: 2px;
  background: var(--color-border-warm);
  border-radius: 2px;
  overflow: hidden;
}
.sv-toc__rail-fill {
  display: block;
  width: 100%;
  height: 0%;
  background: var(--color-primary);
  border-radius: 2px;
  transition: height .1s linear;
}
.sv-toc__link {
  display: block;
  padding: 7px 0;
  font: 400 14px/1.4 var(--font-family-primary) !important;
  color: var(--neutral-500);
  text-decoration: none;
  transition: color .15s ease, font-weight .15s ease;
}
.sv-toc__link:hover { color: var(--neutral-600); }
.sv-toc__link.is-active { color: var(--neutral-600); font-weight: 600 !important; }

/* A sidebar de índice pressupõe uma coluna própria ao lado do conteúdo —
   em telas estreitas não há espaço pra ela conviver com o artigo. */
@media (max-width: 900px) {
  .sv-toc { display: none; }
}