// 	.page[has-toc] {
// 		padding-block-end: 4em;
// 	}
// 	.page > .table-of-contents {
// 		display: none;
// 	}

// 	@media (min-width: 400px) {
// 		.container {
// 			padding: 0 2em;
// 		}
// 	}
// 	@media (min-width: 60rem) {
// 		label[for="toc-toggle"] {
// 			display: none;
// 		}
// 		.page[has-toc] {
// 			inline-size: 100%;
// 			max-inline-size: var(--site-max-width);
// 			margin-inline: auto;
// 			display: grid;
// 			grid-template-columns: minmax(37em, 1fr) minmax(17em, 20em);
// 			grid-template-rows: auto auto auto;
// 			gap: 2em;
// 			padding-block-end: unset;
// 			.page-header {
// 				grid-column: 1 / span 2;
// 				grid-row: 1;
// 			}
// 			.table-of-contents {
// 				display: block;
// 				grid-column: 2;
// 				grid-row: 2;
// 				position: sticky;
// 				inset-block-start: 2em;
// 				align-self: start;
// 				justify-self: start;
// 				max-width: unset;
// 				border-inline-start: thin solid var(--ui-overlay);
// 				padding-inline: 2em;
// 				max-height: 90vh;
// 				overflow-y: auto;
// 				scrollbar-color: var(--ui-text) var(--ui-overlay);
// 				&::-webkit-scrollbar-thumb {
// 					background-color: var(--ui-text)
// 				}
// 				&::-webkit-scrollbar-track {
// 					background-color: var(--ui-overlay)
// 				}
// 			}
// 			.page-content {
// 				grid-column: 1;
// 				grid-row: 2;
// 				max-width: unset;
// 				padding-block-start: 0.5rem;
// 				padding-block-end: 0;
// 				.toc {
// 					display: none;
// 				}
// 			}
// 			.page-footer {
// 				grid-column: 1;
// 				grid-row: 3;
// 				max-width: unset;
// 				#footnotes h2 {margin-block-start: 0;}
// 				padding-block: 0;
// 			}
// 		}
// 	}
// }