/*******************************************************************************
CUSTOM STYLES

Add your custom CSS styles here to override or extend the default styles.
*******************************************************************************/
@font-face {
	font-family: 'MaoZeDongShuFaZiTi';
	src: url('/assets/maozedong.ttf') format('truetype');
	font-display: swap;
}

/*******************************************************************************
LAYOUT: article 容器向左扩宽
article 整体向左扩展 --left-extend，右缘保持在原位置（不侵占右侧脚注区），
nav（及页头）左缘与 article 对齐。容器内部保持 Tufte 原始相对比例，
正文段落 = 55% × (100% + 扩展量)，自然变宽。

脚注的百分比相对其所在段落计算，为保持视觉尺寸/位置与原来完全一致
（宽 27.5%、右缘 88%，相对 body 内容区），需按比例换算：
  正文段宽   = 55% × 105% = 57.5%
  脚注宽度   = 27.5 / 57.5 ≈ 47.8%
  脚注右移量 = (88 - 50.5) / 57.5 ≈ 65.2%（正文段右缘在 50.5% 处）
*******************************************************************************/

@media (min-width: 761px) {
	:root {
		--left-extend: 5%;
	}

	article,
	footer {
		width: calc(100% + var(--left-extend));
		margin-left: calc(-1 * var(--left-extend));
	}

	/* Keep the sticky header's full-viewport backdrop while aligning links to article. */
	header.site-header.site-nav-header {
		padding-left: calc(50vw - 50% + 0.75rem - var(--left-extend));
		padding-right: calc(50vw - 50% + 0.75rem);
	}

	header.site-nav-header nav {
		position: relative;
	}

	header.site-nav-header .toc-toggle-btn {
		position: absolute;
		top: calc(50% + 0.75rem);
		left: calc(-2.4rem - 0.5em);
		width: 2.4rem;
		height: 2.4rem;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		transform: translateY(-50%);
	}

	.marginnote {
		width: 47.8%;
		margin-right: -65.2%;
	}
}