/* ============ BLOG specific tweaks ============ */

/* archive grid spacing */
.archive-list {
	padding-block: clamp(2rem, 4vw, 4rem) clamp(4rem, 8vw, 6rem);
}

/* single post readable content */
.single-post__content {
	font-size: var(--fs-md);
}
.single-post__content h2 { scroll-margin-top: 120px; }
.single-post__content h3 { scroll-margin-top: 120px; }

/* table of contents sidebar */
.toc a {
	display: block;
	padding: var(--sp-2) 0;
	border-left: 2px solid transparent;
	padding-left: var(--sp-3);
	margin-left: -2px;
	transition: border-color var(--d-fast) var(--ease-out), color var(--d-fast) var(--ease-out);
}
.toc a.is-active {
	border-left-color: var(--c-brand);
	color: var(--c-brand);
}

/* code blocks in posts */
.single-post__content pre {
	border-radius: var(--r-md);
	overflow-x: auto;
	padding: var(--sp-5);
}