/* Mobile */
@media (max-width: 599.999px) {
	.xTerms article { padding: 0 10px; }
}

@media (min-width: 600px) and (max-width: 999.999px) {
	.xTerms article { padding: 0 40px; }
}

@media (max-width: 999.999px) {
	.xTerms aside { display: none; }
}

/* Desktop */
@media (min-width: 1000px) {
	section.xTerms {
		max-width: 1000px;
		box-sizing: border-box;
		margin: 20px auto;
		padding: 0;
	}

	section.xTerms aside {
		display: inline-block;
		width: 300px;
		margin-right: 20px;
		vertical-align: top;
		position: sticky;
		top: 50px;
	}

	section.xTerms aside nav a {
		text-align: right;
		display: block;
		padding: 10px 20px 10px 10px;
		text-decoration: none;
		border-right: 1px solid var(--border);
	}

	section.xTerms aside nav a:hover {
		color: var(--red);
		border-right: 1px solid var(--red);
	}

	section.xTerms aside nav a.current {
		background-color: #F1F1F1;
		border-right: 1px solid var(--red);
		color: var(--red);
	}

	section.xTerms article {
		display: inline-block;
		width: calc(100% - 320px);
		vertical-align: top;
		margin: 0;
	}
}