/*
 * Table of contents box. Extracted from Sprint 3's article.css verbatim.
 *
 * @package TFGadgets
 */

.toc-box{
	max-width:720px; margin:0 auto 36px;
	border:1px solid var(--line); background:var(--bg-card);
	padding:18px 22px;
}
.toc-box__title{
	display:block; font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.08em;
	color:var(--accent); margin-bottom:10px;
}
.toc-box ol{ display:flex; flex-direction:column; gap:6px; counter-reset:toc; }
.toc-box__item{ counter-increment:toc; }
.toc-box__item a{
	font-size:14.5px; color:var(--text-muted); line-height:1.5;
}
.toc-box__item a::before{
	content:counter(toc) ". "; color:var(--text-faint); font-family:var(--font-mono); font-size:12px; margin-right:2px;
}
.toc-box__item--h3{ margin-left:20px; }
.toc-box__item a:hover{ color:var(--accent); }
.toc-box__item a.is-active{ color:var(--accent-soft); }