/* ========================================================================== */
/* DirtTwister 1.0.0                                                         */
/* ========================================================================== */

:root {
	--dt-panel: rgba(12, 13, 11, 0.40);
	--dt-panel-strong: rgba(12, 13, 11, 0.54);
	--dt-panel-soft: rgba(38, 30, 22, 0.36);
	--dt-line: rgba(255, 255, 255, 0.16);
	--dt-line-hot: rgba(238, 151, 56, 0.74);
	--dt-text: #f5efe4;
	--dt-muted: #cfc1ad;
	--dt-clay: #ee9738;
	--dt-clay-light: #ffd28e;
	--dt-steel: #9fb2bf;
	--dt-shadow: 0 20px 60px rgba(0, 0, 0, 0.38);
}

html {
	background: #14110e;
	scroll-padding-top: 1rem;
}

body {
	color: var(--dt-text);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	background:
		linear-gradient(90deg, rgba(7, 8, 8, 0.54), rgba(10, 10, 9, 0.18) 48%, rgba(7, 8, 8, 0.56)),
		linear-gradient(180deg, rgba(8, 8, 7, 0.18), rgba(8, 8, 7, 0.42)),
		url(../images/rutted-mx-background.png) center / cover fixed no-repeat;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.48);
}

body::before {
	content: "";
	position: fixed;
	z-index: 0;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 30% 0%, rgba(238, 151, 56, 0.1), transparent 34%),
		linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px);
	background-size: auto, 100% 3px;
	opacity: 0.36;
}

body > * {
	position: relative;
	z-index: 1;
}

::selection {
	color: #17100a;
	background: var(--dt-clay);
}

a,
.bbc_link:link,
.bbc_link:visited {
	color: var(--dt-clay-light);
}

a:hover,
.bbc_link:hover {
	color: #fff8e8;
}

h1, h2, h3, h4, h5, h6,
.largetext {
	color: #fff8e8;
}

hr {
	border-color: var(--dt-line);
}

#footerfix {
	min-height: 100vh;
}

#top_section .inner_wrap,
#wrapper,
#header,
#footer .inner_wrap {
	width: min(1440px, calc(100% - 40px));
	max-width: 1440px;
}

#top_section {
	min-height: 44px;
	border: 0;
	background: rgba(0, 0, 0, 0.44);
	box-shadow: none;
}

#top_section .inner_wrap {
	padding-block: 5px;
}

#top_info > li > a,
#top_info .welcome,
#languages_form select,
#search_form input,
#search_form select {
	color: var(--dt-text);
}

#top_info > li > a:hover,
#top_info > li > a:focus,
#top_info > li > a.active {
	color: #fff;
	background: rgba(238, 151, 56, 0.16);
}

#search_form input,
#search_form select {
	border-color: var(--dt-line);
	background: rgba(0, 0, 0, 0.48);
}

#header.dt-site-hero {
	min-height: 150px;
	display: grid;
	grid-template-columns: minmax(260px, 430px) minmax(0, 1fr);
	gap: 22px;
	align-items: center;
	margin: 14px auto;
	padding: 12px 20px;
	border: 1px solid var(--dt-line);
	border-radius: 0;
	background: linear-gradient(120deg, rgba(9, 10, 9, 0.52), rgba(55, 39, 25, 0.22));
	box-shadow: var(--dt-shadow);
}

#header.dt-site-hero::after {
	display: none;
}

.dt-logo-mark {
	min-width: 0;
	padding: 9px;
	border: 1px solid rgba(238, 151, 56, 0.38);
	background:
		linear-gradient(135deg, rgba(238, 151, 56, 0.16), transparent 46%),
		rgba(0, 0, 0, 0.38);
}

.dt-logo-mark a,
.dt-site-logo {
	display: block;
}

.dt-site-logo {
	width: min(100%, 390px);
	height: auto;
	margin: 0 auto;
}

.dt-hero-copy {
	max-width: 760px;
	justify-self: end;
	text-align: right;
}

.dt-section-label {
	color: var(--dt-clay);
	font-size: 0.67rem;
	font-weight: 850;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

#header h1.forumtitle {
	float: none;
	margin: 1px 0 0;
	padding: 0;
	font-size: clamp(1.5rem, 3vw, 2.7rem);
	line-height: 1;
	font-weight: 950;
	text-transform: uppercase;
}

#header h1.forumtitle a {
	color: #fff8e8;
}

.dt-hero-copy p {
	margin: 7px 0 10px auto;
	color: var(--dt-muted);
	font-size: 0.82rem;
	line-height: 1.35;
}

.dt-home-link {
	display: inline-flex;
	min-height: 32px;
	align-items: center;
	padding: 5px 11px;
	border: 1px solid rgba(238, 151, 56, 0.5);
	color: #fff8e8;
	background: rgba(238, 151, 56, 0.12);
	font-size: 0.66rem;
	font-weight: 850;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.dt-home-link:hover {
	color: #fff;
	background: rgba(238, 151, 56, 0.26);
	text-decoration: none;
}

#wrapper {
	border: 1px solid var(--dt-line);
	border-radius: 0;
	background: rgba(10, 11, 9, 0.32);
	box-shadow: var(--dt-shadow);
}

#upper_section {
	border: 0;
	border-bottom: 1px solid var(--dt-line);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.22);
}

#inner_section {
	padding: 0;
}

#inner_section > #inner_wrap {
	padding: 12px 18px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	background: rgba(255, 255, 255, 0.025);
}

#inner_section .user time,
#inner_section .news,
#inner_section .news h2 {
	color: var(--dt-muted);
}

#main_menu {
	padding: 0 14px;
	background: rgba(0, 0, 0, 0.28);
}

.dropmenu > li > a {
	border: 0;
	border-radius: 0;
	color: var(--dt-text);
	background: transparent;
	font-weight: 800;
	text-transform: uppercase;
}

.dropmenu > li:hover > a,
.dropmenu > li > a:focus,
.dropmenu a.active,
.dropmenu li a.active:hover {
	color: #fff;
	background: rgba(238, 151, 56, 0.18);
	box-shadow: inset 0 -2px 0 var(--dt-clay);
}

.dropmenu li ul,
.top_menu,
.popup_window {
	border: 1px solid var(--dt-line-hot);
	border-radius: 0;
	color: var(--dt-text);
	background: var(--dt-panel-strong);
	box-shadow: var(--dt-shadow);
}

.dropmenu li:hover li a,
.dropmenu li li a,
.top_menu a {
	color: var(--dt-muted);
	background: transparent;
}

.dropmenu li li:hover > a,
.dropmenu li li a:focus,
.dropmenu li li a:hover,
.top_menu a:hover {
	color: #fff;
	background: rgba(238, 151, 56, 0.16);
}

.navigate_section {
	margin: 0;
	padding: 11px 18px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.28);
}

.navigate_section ul {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.navigate_section ul li,
.navigate_section ul li a,
.navigate_section ul li span {
	color: var(--dt-muted);
}

.navigate_section ul li .dividers {
	color: var(--dt-clay);
}

#content_section {
	padding: 22px;
}

#main_content_section {
	padding: 0;
}

.cat_bar,
.title_bar {
	min-height: 42px;
	border: 1px solid var(--dt-line);
	border-radius: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.44), rgba(90, 57, 29, 0.28));
	box-shadow: none;
}

.cat_bar h3,
.cat_bar h3.catbg,
.cat_bar h3.catbg a,
.title_bar h3,
.title_bar h4,
.titlebg,
.subbg {
	color: #fff8e8;
	font-weight: 900;
	letter-spacing: 0.055em;
	text-shadow: 0 2px 8px #000;
	text-transform: uppercase;
}

.cat_bar::before,
div.title_bar::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: var(--dt-clay);
}

.cat_bar,
.title_bar {
	position: relative;
}

.windowbg,
.windowbg:nth-of-type(even),
.windowbg:nth-of-type(odd),
.generic_list_wrapper,
.roundframe,
.information,
.description,
.approvebg,
.approvebg2 {
	border-color: var(--dt-line);
	border-radius: 0;
	color: var(--dt-text);
	background: var(--dt-panel);
	box-shadow: none;
}

.windowbg:nth-of-type(even),
.bg.even {
	background: rgba(22, 21, 18, 0.46);
}

.windowbg:nth-of-type(odd),
.bg.odd {
	background: rgba(12, 13, 11, 0.40);
}

.windowbg:hover,
.boardindex_table .windowbg:hover {
	background: rgba(47, 35, 24, 0.58);
}

.windowbg.sticky,
.windowbg.locked,
.windowbg.sticky.locked {
	background: rgba(46, 35, 24, 0.56);
}

.boardindex_table .board_icon,
.boardindex_table .info,
.boardindex_table .board_stats,
.boardindex_table .lastpost {
	border-color: rgba(255, 255, 255, 0.08);
}

.boardindex_table .board_icon {
	filter: sepia(0.35) saturate(1.2);
}

.board_name a,
.subject_title a,
.topic_details h4 a,
.poster h4 a {
	color: #fff8e8;
}

.board_description,
.board_moderators,
.topic_info,
.topic_details,
.lastpost,
.smalltext,
.description,
.information,
.keyinfo .smalltext {
	color: var(--dt-muted);
}

.post_wrapper,
.poster,
.postarea,
.moderatorbar,
.post {
	border-color: rgba(255, 255, 255, 0.1);
}

.poster {
	background: rgba(0, 0, 0, 0.14);
}

.postarea .post,
.postarea .inner,
.list_posts {
	color: #eadfcc;
}

.post_subject,
.keyinfo h5,
.keyinfo h5 a {
	color: #fff8e8;
}

.quoteheader,
.codeheader {
	color: var(--dt-clay);
}

.bbc_standard_quote,
.bbc_alternate_quote,
.bbc_code,
.phpcode {
	border-color: rgba(238, 151, 56, 0.38);
	border-radius: 0;
	color: #e9dfd0;
	background: rgba(0, 0, 0, 0.32);
}

.bbc_standard_quote::before,
.bbc_alternate_quote::before {
	color: rgba(238, 151, 56, 0.42);
}

input,
button,
select,
textarea,
.sceditor-container,
.sceditor-container textarea,
.sceditor-container iframe {
	border-color: rgba(255, 255, 255, 0.2);
	border-radius: 0;
	color: var(--dt-text);
	background: rgba(0, 0, 0, 0.5);
	box-shadow: none;
}

input:hover,
textarea:hover,
button:hover,
select:hover,
input:focus,
textarea:focus,
button:focus,
select:focus {
	border-color: var(--dt-line-hot);
	color: #fff;
	background: rgba(0, 0, 0, 0.72);
}

input::placeholder,
textarea::placeholder {
	color: #aa9f90;
}

.button,
.quickbuttons > li > a,
.inline_mod_check,
.buttonrow .button,
input[type="submit"],
button[type="submit"] {
	border: 1px solid rgba(238, 151, 56, 0.58);
	border-radius: 0;
	color: #fff8e8;
	background: rgba(238, 151, 56, 0.14);
	box-shadow: none;
	font-weight: 850;
	text-shadow: 0 1px 4px #000;
}

.button:hover,
.button:focus,
.quickbuttons > li:hover > a,
.quickbuttons > li > a:focus,
input[type="submit"]:hover,
button[type="submit"]:hover {
	border-color: var(--dt-clay);
	color: #fff;
	background: rgba(238, 151, 56, 0.28);
	box-shadow: none;
}

.button.active,
.current_page {
	border-color: var(--dt-clay);
	color: #18100a;
	background: var(--dt-clay);
	text-shadow: none;
}

.nav_page,
.current_page,
.expand_pages {
	border-radius: 0;
}

.nav_page {
	border-color: var(--dt-line);
	color: var(--dt-text);
	background: rgba(0, 0, 0, 0.38);
}

.nav_page:hover {
	border-color: var(--dt-clay);
	color: #fff;
	background: rgba(238, 151, 56, 0.18);
}

.quickbuttons li ul {
	border-color: var(--dt-line-hot);
	border-radius: 0;
	background: var(--dt-panel-strong);
}

.quickbuttons li ul li a {
	color: var(--dt-muted);
}

.quickbuttons li ul li a:hover {
	color: #fff;
	background: rgba(238, 151, 56, 0.16);
}

.generic_menu .content,
.generic_menu .windowbg,
.generic_list_wrapper table.table_grid,
.table_grid th,
.table_grid td {
	border-color: var(--dt-line);
}

.table_grid th,
.title_bar th,
.windowbg th {
	color: #fff8e8;
	background: rgba(0, 0, 0, 0.38);
}

.popup_heading {
	border-color: var(--dt-line);
	color: #fff8e8;
	background: rgba(238, 151, 56, 0.12);
}

.errorbox,
.noticebox,
.infobox,
.warningbox,
.successbox {
	border-radius: 0;
	color: var(--dt-text);
	background: var(--dt-panel-strong);
}

.infobox,
.noticebox {
	border-color: var(--dt-steel);
}

.successbox {
	border-color: #79b977;
}

#footer {
	margin-top: 16px;
	border: 0;
	color: var(--dt-muted);
	background: rgba(0, 0, 0, 0.46);
	box-shadow: none;
}

#footer .inner_wrap {
	padding-block: 16px;
}

#footer li,
#footer p,
#footer a {
	color: var(--dt-muted);
}

#footer a:hover {
	color: #fff8e8;
}

/* Action-specific screens load their own styles before this file. */
#admin_content,
#admin_menu,
#admin_form_wrapper,
.admincenter,
.calendar_table,
.event_options,
.attachment_info,
.attachment_details {
	color: var(--dt-text);
}

#admin_menu .dropmenu,
#admin_menu .dropmenu li ul,
#admin_content .windowbg,
#admin_form_wrapper,
.calendar_table,
.event_options,
.attachment_info,
.attachment_details {
	border-color: var(--dt-line);
	background-color: var(--dt-panel);
}

#admin_menu .dropmenu a,
#admin_content label,
#admin_content dt,
#admin_content dd,
.calendar_table td,
.calendar_table th {
	color: var(--dt-text);
}

#admin_content .description,
#admin_content .smalltext,
.calendar_table .days,
.attachment_info .smalltext {
	color: var(--dt-muted);
}

.windowbg.highlight2,
#admin_content .highlight2,
.calendar_table td:hover {
	color: #fff8e8;
	background: rgba(238, 151, 56, 0.18);
}

.progress_bar {
	border-color: var(--dt-line);
	background: rgba(0, 0, 0, 0.42);
}

.progress_bar .full_bar,
.progress_bar span {
	background-color: var(--dt-clay);
}

.sceditor-container,
div.sceditor-toolbar,
div.sceditor-group,
div.sceditor-dropdown {
	border-color: var(--dt-line);
	border-radius: 0;
	background-color: #211d18;
}

.sceditor-container textarea,
.sceditor-container iframe {
	color: var(--dt-text);
	background-color: #171512;
}

.sceditor-button:hover,
.sceditor-button.active,
.sceditor-button:active {
	border-color: var(--dt-line-hot);
	background: rgba(238, 151, 56, 0.2);
}

/* This file loads last, so its responsive rules stay with the theme layer. */
@media (max-width: 980px) {
	body {
		background-attachment: scroll;
	}

	#top_section .inner_wrap,
	#wrapper,
	#header,
	#footer .inner_wrap {
		width: min(100% - 24px, 1440px);
	}

	#header.dt-site-hero {
		grid-template-columns: minmax(220px, 340px) minmax(0, 1fr);
		min-height: 132px;
		gap: 16px;
		padding: 10px 14px;
	}

	#content_section {
		padding: 16px;
	}
}

@media screen and (max-width: 720px) {
	#top_section .inner_wrap,
	#wrapper,
	#header,
	#footer .inner_wrap {
		width: min(100% - 18px, 1440px);
	}

	#top_section {
		min-height: 42px;
	}

	#header.dt-site-hero {
		grid-template-columns: 1fr;
		gap: 11px;
		margin: 9px auto;
		padding: 10px;
	}

	.dt-logo-mark {
		padding: 7px;
	}

	.dt-site-logo {
		width: min(100%, 310px);
	}

	.dt-hero-copy {
		max-width: none;
		justify-self: stretch;
		padding: 2px 5px 5px;
		text-align: center;
	}

	#header h1.forumtitle {
		font-size: clamp(1.35rem, 7vw, 2rem);
	}

	.dt-hero-copy p {
		margin-inline: auto;
	}

	#inner_section > #inner_wrap {
		padding: 10px 12px;
	}

	#main_menu {
		padding: 0;
	}

	.mobile_user_menu {
		border: 1px solid rgba(238, 151, 56, 0.58);
		border-radius: 0;
		color: #fff8e8;
		background: rgba(238, 151, 56, 0.14);
	}

	.navigate_section {
		padding: 9px 12px;
	}

	#content_section {
		padding: 11px;
	}

	.cat_bar,
	.title_bar {
		min-height: 38px;
	}

	.poster {
		background: rgba(0, 0, 0, 0.18);
	}

	#footer .inner_wrap {
		padding-inline: 5px;
	}
}

@media screen and (max-width: 480px) {
	#top_section .inner_wrap,
	#wrapper,
	#header,
	#footer .inner_wrap {
		width: calc(100% - 10px);
	}

	.dt-section-label {
		font-size: 0.59rem;
	}

	.dt-hero-copy p {
		font-size: 0.74rem;
	}

	.dt-home-link {
		width: 100%;
		justify-content: center;
	}

	#content_section {
		padding: 7px;
	}

	.windowbg,
	.roundframe,
	.information,
	.generic_list_wrapper {
		padding-inline: 8px;
	}
}

/* SMF component-specific surfaces. These intentionally outrank Curve2. */
body #wrapper {
	background: rgba(10, 11, 9, 0.32);
}

body #upper_section,
body #inner_section,
body #inner_section > #inner_wrap {
	background: rgba(12, 13, 11, 0.34);
}

body #inner_section > #inner_wrap {
	border-color: var(--dt-line);
}

body #inner_section .user,
body #inner_section .user time,
body #inner_section .news,
body #inner_section .news h2,
body #inner_section .news p,
body #inner_section .unread_links a {
	color: var(--dt-muted);
	text-shadow: 0 2px 6px #000;
}

body #main_menu {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	border-bottom: 1px solid var(--dt-line);
	background: rgba(0, 0, 0, 0.46);
}

body .navigate_section,
body .navigate_section ul {
	border-color: var(--dt-line);
	background: rgba(12, 13, 11, 0.42);
	box-shadow: none;
}

body .navigate_section ul li,
body .navigate_section ul li a,
body .navigate_section ul li em,
body .navigate_section ul li span {
	color: var(--dt-muted);
	text-shadow: 0 2px 6px #000;
}

body .navigate_section ul li .dividers {
	color: var(--dt-clay);
}

body div.cat_bar,
body .cat_bar,
body .cat_bar.collapsed,
body .cat_bar.cat_bar_round {
	border: 1px solid var(--dt-line);
	border-left: 3px solid var(--dt-clay);
	border-radius: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.58), rgba(90, 57, 29, 0.38));
	box-shadow: none;
}

body div.cat_bar h3,
body div.cat_bar h3.catbg,
body div.cat_bar h3.catbg a,
body div.cat_bar .desc,
body div.cat_bar .desc a {
	color: #fff8e8;
	text-shadow: 0 2px 7px #000;
}

body div.title_bar,
body .sub_bar {
	border-color: var(--dt-line);
	border-left: 3px solid var(--dt-clay);
	border-radius: 0;
	color: #fff8e8;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.52), rgba(90, 57, 29, 0.3));
	box-shadow: none;
}

body .title_bar h3,
body .title_bar h4,
body h3.titlebg,
body h4.titlebg,
body .titlebg,
body h3.subbg,
body h4.subbg,
body .subbg,
body .titlebg a,
body .subbg a {
	color: #fff8e8;
	text-shadow: 0 2px 7px #000;
}

body .generic_list_wrapper,
body .roundframe,
body .information,
body .description,
body .approvebg,
body .approvebg2,
body .windowbg,
body div.windowbg,
body tr.windowbg,
body .windowbg:nth-of-type(odd),
body .windowbg:nth-of-type(even),
body .bg.odd,
body .bg.even,
body .boardindex_table .windowbg,
body #forumposts .windowbg,
body #pmFolder .windowbg,
body #admin_content .windowbg,
body #admin_form_wrapper {
	border-color: var(--dt-line);
	border-radius: 0;
	color: var(--dt-text);
	background: rgba(12, 13, 11, 0.44) !important;
	box-shadow: none;
}

body .windowbg:nth-of-type(even),
body .bg.even,
body .boardindex_table .windowbg:nth-of-type(even) {
	background: rgba(25, 22, 18, 0.48) !important;
}

body tr.windowbg:hover,
body .windowbg:hover,
body .boardindex_table .windowbg:hover {
	background: rgba(55, 39, 25, 0.58) !important;
}

body .windowbg.locked,
body .windowbg.sticky,
body .windowbg.sticky.locked {
	background: rgba(46, 35, 24, 0.58) !important;
}

body tr.windowbg td,
body .table_grid tr.windowbg td,
body .boardindex_table .windowbg > div,
body .boardindex_table .windowbg > span {
	color: inherit;
	background: transparent !important;
}

body .table_grid,
body .table_grid th,
body .table_grid td,
body .generic_list_wrapper table.table_grid,
body #admin_content table,
body #admin_content fieldset,
body #admin_content dl.settings {
	border-color: var(--dt-line);
	color: var(--dt-text);
	background-color: transparent;
}

body .table_grid th,
body .title_bar th,
body .windowbg th,
body #admin_content .table_grid th {
	color: #fff8e8;
	background: rgba(0, 0, 0, 0.42);
}

body #admin_content .content,
body #admin_content .information,
body #admin_content .windowbg,
body #admin_content .roundframe,
body #admin_content .generic_list_wrapper,
body #admin_form_wrapper {
	color: var(--dt-text);
}

body #admin_content label,
body #admin_content dt,
body #admin_content dd,
body #admin_content p,
body #admin_content li,
body #admin_content td {
	color: var(--dt-text);
	text-shadow: 0 2px 5px #000;
}

body #admin_content .smalltext,
body #admin_content .description {
	color: var(--dt-muted);
}

body .dropmenu li ul,
body .top_menu,
body .popup_window,
body .popup_content,
body #profile_menu,
body #pm_menu,
body #alerts_menu,
body .quickbuttons li ul,
body #main_menu .popup_window,
body #genericmenu .popup_window,
body #adm_submenus .popup_window {
	border: 1px solid var(--dt-line-hot);
	border-radius: 0;
	color: var(--dt-text);
	background: rgba(12, 13, 11, 0.96) !important;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.64);
	backdrop-filter: blur(8px);
}

body .dropmenu li ul a,
body .top_menu a,
body .popup_window a,
body .quickbuttons li ul a {
	color: var(--dt-muted);
	background: transparent;
	text-shadow: 0 2px 5px #000;
}

body .dropmenu li ul a:hover,
body .dropmenu li ul a:focus,
body .top_menu a:hover,
body .popup_window a:hover,
body .quickbuttons li ul a:hover {
	color: #fff;
	background: rgba(238, 151, 56, 0.2);
}

body .dt-home-link:link,
body .dt-home-link:visited {
	color: #fff8e8;
}

body .dt-home-link:hover,
body .dt-home-link:focus {
	color: #fff;
}

/* BoardIndex rows use .up_contain rather than .windowbg. */
body .board_icon a {
	background-image: url("../images/boardicons.png");
}

body .up_contain,
body .boardindex_table .up_contain {
	border: 1px solid var(--dt-line);
	border-left: 3px solid rgba(238, 151, 56, 0.28);
	border-radius: 0;
	color: var(--dt-text);
	background: rgba(12, 13, 11, 0.44) !important;
	background-image: none !important;
	box-shadow: none;
}

body .boardindex_table .up_contain:nth-child(even) {
	background: rgba(25, 22, 18, 0.48) !important;
	background-image: none !important;
}

body .boardindex_table .up_contain:hover {
	background: rgba(55, 39, 25, 0.58) !important;
	background-image: none !important;
}

body .up_contain .board_icon,
body .up_contain .info,
body .up_contain .board_stats,
body .up_contain .lastpost,
body .up_contain .children {
	color: var(--dt-text);
	background: transparent;
}

body .up_contain .board_description,
body .up_contain .board_stats,
body .up_contain .lastpost,
body .up_contain .children {
	color: var(--dt-muted);
}

/* .title_bar is also used on table rows; never generate a phantom cell. */
body tr.title_bar {
	position: static;
	border-left: 0;
	background: rgba(0, 0, 0, 0.48);
	box-shadow: none;
}

body tr.title_bar::before,
body thead .title_bar::before {
	content: none !important;
	display: none !important;
}

body table.table_grid {
	table-layout: auto;
	border-collapse: collapse;
	width: 100%;
}

body table.table_grid thead {
	display: table-header-group;
}

body table.table_grid tbody {
	display: table-row-group;
}

body table.table_grid tr {
	display: table-row;
}

body table.table_grid th,
body table.table_grid td {
	display: table-cell;
	vertical-align: middle;
}

body #member_list th,
body #member_list td {
	white-space: normal;
	overflow-wrap: anywhere;
}

body #member_list th.centercol,
body #member_list td.centercol {
	width: 3.5rem;
	white-space: nowrap;
}

/* Accessible link states: brightness and underline do not rely on hue alone. */
body #main_content_section a:link,
body .navigate_section a:link {
	color: #ffd28e;
}

body #main_content_section a:visited,
body .navigate_section a:visited {
	color: #c8e0f0;
	text-decoration-line: underline;
	text-decoration-color: rgba(200, 224, 240, 0.72);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
}

body #main_content_section a:hover,
body #main_content_section a:focus-visible,
body .navigate_section a:hover,
body .navigate_section a:focus-visible {
	color: #ffffff;
	text-decoration-line: underline;
	text-decoration-color: var(--dt-clay);
	text-decoration-thickness: 0.14em;
	text-underline-offset: 0.18em;
}

/* Topic, board, and moderation action buttons need a readable idle state. */
body .buttonlist .button,
body .buttonlist .button:link,
body .buttonlist .button:visited,
body .pagesection .button,
body .pagesection .button:link,
body .pagesection .button:visited,
body .buttonrow .button,
body .buttonrow .button:link,
body .buttonrow .button:visited,
body .quickbuttons > li > a,
body .quickbuttons > li > a:link,
body .quickbuttons > li > a:visited {
	border-color: rgba(238, 151, 56, 0.7);
	color: #fff8e8 !important;
	background: rgba(10, 10, 9, 0.82);
	background-image: none;
	text-decoration: none;
	text-shadow: 0 2px 5px #000;
	opacity: 1;
}

body .buttonlist .button:hover,
body .buttonlist .button:focus-visible,
body .pagesection .button:hover,
body .pagesection .button:focus-visible,
body .buttonrow .button:hover,
body .buttonrow .button:focus-visible,
body .quickbuttons > li > a:hover,
body .quickbuttons > li > a:focus-visible {
	border-color: #ffc66f;
	color: #17100a !important;
	background: #ee9738;
	background-image: none;
	text-decoration: none;
	text-shadow: none;
}

body .buttonlist .button.active,
body .buttonlist .button.active:link,
body .buttonlist .button.active:visited {
	border-color: #ffd28e;
	color: #17100a !important;
	background: #ee9738;
	background-image: none;
	text-shadow: none;
}