.caroles .scrolling {
	background: rgb(250,250,250);
	border: 1px solid rgb(238,238,238);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.05);
	height: 25em;
	overflow: auto;
	padding: 0.5em 1em;
	width: auto;
}

	.caroles .scrolling *[data-depth] {
		font-weight: 100;
		padding-left: 12em;
	}

	.caroles .scrolling *[data-depth='0'] {
		font-weight: 900;
		padding-left: 0;
	}

	.caroles .scrolling *[data-depth='1'] {
		font-weight: 700;
		padding-left: 2em;
	}

	.caroles .scrolling *[data-depth='2'] {
		font-weight: 500;
		padding-left: 4em;
	}

	.caroles .scrolling *[data-depth='3'] {
		font-weight: 300;
		padding-left: 6em;
	}

	.caroles .scrolling *[data-depth='4'] {
		padding-left: 8em;
	}

	.caroles .scrolling *[data-depth='5'] {
		padding-left: 10em;
	}

.caroles .nav-tab-active {
	background: rgb(255,255,255);
	border-bottom-color: rgb(255,255,255);
}

.caroles #caroles-tab-sections {
	border: 1px solid rgb(204,204,204);
	border-top: 0;
	padding: 1em;
}

	.caroles #caroles-tab-sections > .caroles-tab-content {
		display: block;
	}
	
		.caroles .caroles-tab-content > h2:first-child {
			display: none;
		}

.no-js .caroles .nav-tab-wrapper {
	display: none;
}

.no-js .caroles #caroles-tab-sections {
	border-top: 1px solid rgb(204,204,204);
	margin-top: 1em;
}

.no-js .caroles .caroles-tab-content > h2:first-child {
	display: block;
}