:root {
	--r34nono-accent-color-1: #f9423a;
	--r34nono-accent-color-2: #307fe2;
	--r34nono-neutral-color-1: #444444;
	--r34nono-neutral-color-2: #767676;
	--r34nono-neutral-color-3: #ccd0d4;
	--r34nono-neutral-color-4: #e7e7e7;
	--r34nono-neutral-color-5: #f7f7f7;
	--r34nono--admin-color--primary: var(--r34nono-accent-color-2);
	--r34nono--admin-color--secondary: var(--r34nono-accent-color-1);
	--r34nono--admin-color--primary-text: #ffffff;
	--r34nono--admin-color--secondary-text: #ffffff;
}

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

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

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

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

.r34nono .help {
	cursor: help;
	display: block;
	font-size: 0.75rem;
	height: 1.5em;
	position: absolute; top: 0.75rem; right: 0;
	width: 1.5em;
}
.r34nono .help:before {
	background: var(--r34nono-neutral-color-2);
	border-radius: 2em;
	color: #ffffff;
	content: '?';
	display: inline-block;
	font-style: normal;
	font-weight: 600;
	height: 1.5em;
	line-height: 1.5em;
	position: absolute; top: 0; left: 0;
	text-align: center;
	width: 1.5em;
}
.r34nono .help.inline {
	display: inline-block;
	margin-right: 0.5em;
	position: relative; top: auto; right: auto;
	vertical-align: middle;
}
.r34nono .help.warning:before {
	background: var(--r34nono-accent-color-1);
	content: '!';
}
.r34nono .help:not(.nohover):hover:before {
	background: var(--r34nono--admin-color--primary);
	z-index: 3;
}

	.r34nono .help .help_content {
		background: white;
		border: 1px solid var(--r34nono-neutral-color-3);
		box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
		color: var(--r34nono-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;
	}
	.r34nono .help:hover .help_content { display: block; }

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

.r34nono input[disabled], .r34nono select[disabled], .r34nono textarea[disabled] {
	cursor: not-allowed;
}

.r34nono section:not([data-current="current"]) {
	display: none;
}

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

.r34nono table {
	border-collapse: collapse;
	margin: 1rem 0 !important;
}

.r34nono table.r34nono-settings-table:not([data-current="current"]) {
	display: none;
}

	.r34nono tr {
		border-top: 1px solid var(--r34nono-neutral-color-4);
		border-bottom: 1px solid var(--r34nono-neutral-color-4);
	}
	
	.r34nono tr.r34nono-table-header-row {
		background: var(--r34nono-neutral-color-5);
	}
	
	.r34nono td {
		position: relative;
	}
	
	.r34nono .form-table td {
		padding: 10px;
	}
	
	.r34nono table .r34nono-options-toggle {
		font-size: 0.75rem;
		margin: 0.5rem 0;
	}
	
	.r34nono table label {
		display: inline-block;
		margin: 0.2rem 1rem 0.2rem 0;
	}
	
	.r34nono table .r34nono-toggle-wrapper {
		border: 1px solid var(--r34nono-neutral-color-3);
		border-radius: 6px;
		padding: 2px;
	}

	.r34nono table label.r34nono-toggle-off, .r34nono table label.r34nono-toggle-on {
		display: inline-block;
		font-size: 80%;
		font-weight: 400;
		margin: 0;
		padding: 8px;
		position: relative;
		text-align: center;
		text-transform: uppercase;
		width: 3rem;
	}

	.r34nono table label.r34nono-toggle-off {
		border: 2px solid transparent;
		border-radius: 4px;
	}

	.r34nono table label.r34nono-toggle-off.selected {
		background: var(--r34nono-neutral-color-3);
		font-weight: 700;
	}
	
	.r34nono table label.r34nono-toggle-on {
		border: 2px solid transparent;
		border-radius: 4px;
	}

	.r34nono table label.r34nono-toggle-on.selected {
		background: var(--r34nono--admin-color--primary);
		color: var(--r34nono--admin-color--primary-text);
		font-weight: 700;
	}
	
	.r34nono table label.r34nono-toggle-off:not(.selected):focus,
	.r34nono table label.r34nono-toggle-off:not(.selected):hover,
	.r34nono table label.r34nono-toggle-on:not(.selected):focus,
	.r34nono table label.r34nono-toggle-on:not(.selected):hover {
		background: var(--r34nono-neutral-color-5);
		font-weight: 600;
	}
	
		.r34nono table label.r34nono-toggle-off input, .r34nono table label.r34nono-toggle-on input {
			position: absolute;
			z-index: -1;
			margin: 0;
		}

.r34nono-admin-notice {
	align-items: center;
	background: white url('no-nonsense-icon.svg') left 16px center no-repeat;
	background-size: 64px;
	display: flex;
	min-height: 88px;
	padding-left: 96px;
}

.r34nono-flex-fill {
	align-items: center;
	display: flex;
	gap: 1.5rem;
	width: 100%;
}

	.r34nono-flex-fill > *:first-child { flex: 1; }

.r34nono-menu {
	border-bottom: 1px solid var(--r34nono-neutral-color-4);
}

	.r34nono-menu ul {
		display: flex;
		font-weight: 600;
		gap: 1rem;
		list-style: none;
		margin: 0;
		padding: 0 12px;
	}

	.r34nono-primary-menu ul {
		font-size: 120%;
	}

		.r34nono-menu li {
			margin: 0;
			padding: 0;
		}

		.r34nono-menu a {
			border-bottom: 5px solid transparent;
			color: inherit;
			display: inline-block;
			padding: 1rem 0 0.5rem 0;
			text-decoration: none;
		}

		.r34nono-menu a:focus, .r34nono-menu a:hover {
			border-bottom-color: var(--r34nono--admin-color--secondary);
		}
		
		.r34nono-menu a[data-current="current"] {
			border-bottom-color: var(--r34nono--admin-color--primary);
		}


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

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

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


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

}