/* 文章页（about-us / how-it-works）左侧悬挂目录：
   宽屏下 .content 改为两列网格，目录占左列并 sticky 吸附；
   窄屏（<1024px）不生效，保持主题原有样式（移动端通栏 / 中屏右侧浮动）。 */
@media (min-width: 1024px) {
	.content {
		display: grid;
		grid-template-columns: 230px minmax(0, 1fr);
		column-gap: 28px;
		align-items: start;
	}

	/* 默认全部子元素放右列 */
	.content > * {
		grid-column: 2;
	}

	.content > .toc {
		grid-column: 1;
		/* 跨满左列高度，sticky 才有滚动行程 */
		grid-row: 1 / span 6;
		position: sticky;
		top: 100px;
		align-self: start;
		float: none;
		width: auto;
		margin: 0;
	}
}
