:root {
	--r34ps-accent-color-1: #f9423a;
	--r34ps-accent-color-2: #307fe2;
	--r34ps-neutral-color-1: #444444;
	--r34ps-neutral-color-2: #767676;
	--r34ps-neutral-color-3: #ccd0d4;
	--r34ps-neutral-color-4: #e7e7e7;
	--r34ps-neutral-color-5: #f7f7f7;
}

.r34ps .columns-2 {
	display: grid;
	grid-template-columns: calc(100% - 280px) 280px;
	width: 100%;
}

	.r34ps .columns-2 .column-1 {
		grid-column-start: 1;
		padding-right: 1rem;
	}

		.r34ps .columns-2 .column-1 > * {
			width: 100%;
		}

	.r34ps .columns-2 .column-2 {
		grid-column-start: 2;
	}

.r34ps .help {
	cursor: help;
	display: block;
	font-size: 0.75rem;
	height: 1.5em;
	position: absolute; top: 1rem; right: 0;
	width: 1.5em;
}
.r34ps .help:before {
	background: var(--r34ps-neutral-color-2);
	border-radius: 2em;
	color: #ffffff;
	content: '?';
	display: inline-block;
	font-style: normal;
	font-weight: bold;
	height: 1.5em;
	line-height: 1.5em;
	position: absolute; top: 0; left: 0;
	text-align: center;
	width: 1.5em;
}
.r34ps .help:hover:before {
	background: var(--r34ps-accent-color-2);
	z-index: 3;
}

	.r34ps .help .help_content {
		background: white;
		border: 1px solid var(--r34ps-neutral-color-3);
		box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
		color: var(--r34ps-neutral-color-1);
		display: none;
		font-style: normal;
		line-height: 1.5em;
		padding: 0.75em;
		position: absolute; top: 0.75em; right: -0.25em;
		text-align: left;
		width: 24em;
		z-index: 2;
	}
	.r34ps .help:hover .help_content { display: block; }

		.r34ps .help:hover .help_content code {
			font-size: 90% !important;
			padding: 1px 2px !important;
		}

.r34ps small code {
	font-size: 100%;
}

.r34ps table {
	border-collapse: collapse;
	margin: 1.5rem 0 !important;
}

	.r34ps tr {
		border-top: 1px solid var(--r34ps-neutral-color-4);
		border-bottom: 1px solid var(--r34ps-neutral-color-4);
	}
	
	.r34ps tr.r34ps-table-header-row {
		background: var(--r34ps-neutral-color-5);
	}
	
	.r34ps table th, .r34ps table td {
		padding-left: 0;
		position: relative;
	}
	

@media screen and (max-width: 782px) {

	.r34ps .columns-2 {
		display: block;
	}

		.r34ps .columns-2 .column-1 {
			display: block;
			width: 100%;
		}


		.r34ps .columns-2 .column-2 {
			display: block;
			width: 100%;
		}

}