/* COITT/AEGITT Formation — polished layer for phpBB 3.3 prosilver. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
	--coitta-ink: #12181a;
	--coitta-graphite: #5c6b66;
	--coitta-navy: #1b3a54;
	--coitta-copper: #a8531f;
	--coitta-copper-bright: #b85824;
	--coitta-paper: #f2f4f0;
	--coitta-card: #fff;
	--coitta-line: rgba(18, 24, 26, .16);
	--coitta-line-strong: rgba(18, 24, 26, .3);
	--coitta-shadow: 0 2px 4px rgba(18, 24, 26, .05), 0 18px 40px rgba(18, 24, 26, .08);
	--coitta-shadow-small: 0 1px 2px rgba(18, 24, 26, .04), 0 8px 20px rgba(18, 24, 26, .05);
	--coitta-ease: cubic-bezier(.2, .7, .2, 1);
	--coitta-font-display: "Space Grotesk", "Arial Narrow", sans-serif;
	--coitta-font-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
	--coitta-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
	--coitta-icon-folder-read: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='2' width='28' height='28' fill='%23e9edf1'/%3E%3Cpath d='M7.5 10.6c0-.9.7-1.6 1.6-1.6h4.7l2.1 2.6H23c.9 0 1.6.7 1.6 1.6v9.2c0 .9-.7 1.6-1.6 1.6H9.1c-.9 0-1.6-.7-1.6-1.6V10.6Z' fill='none' stroke='%231b3a54' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--coitta-icon-folder-unread: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='2' width='28' height='28' fill='%23a8531f'/%3E%3Cpath d='M7.5 10.6c0-.9.7-1.6 1.6-1.6h4.7l2.1 2.6H23c.9 0 1.6.7 1.6 1.6v9.2c0 .9-.7 1.6-1.6 1.6H9.1c-.9 0-1.6-.7-1.6-1.6V10.6Z' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--coitta-icon-topic-read: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='2' width='28' height='28' fill='%23e9edf1'/%3E%3Cpath d='M11 6.8h7.3L23 11.5v13.7H11V6.8Z M18.3 6.8v4.6H23' fill='none' stroke='%231b3a54' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--coitta-icon-topic-unread: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='2' width='28' height='28' fill='%23a8531f'/%3E%3Cpath d='M11 6.8h7.3L23 11.5v13.7H11V6.8Z M18.3 6.8v4.6H23' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--coitta-icon-sticky-read: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='2' width='28' height='28' fill='%23e9edf1'/%3E%3Cpath d='M16 6c-3.6 0-6.3 2.7-6.3 6.1 0 4.5 6.3 12.4 6.3 12.4s6.3-7.9 6.3-12.4C22.3 8.7 19.6 6 16 6Z M16 9.6a2.3 2.3 0 1 0 0 4.6 2.3 2.3 0 0 0 0-4.6Z' fill='none' stroke='%231b3a54' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--coitta-icon-sticky-unread: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='2' width='28' height='28' fill='%23a8531f'/%3E%3Cpath d='M16 6c-3.6 0-6.3 2.7-6.3 6.1 0 4.5 6.3 12.4 6.3 12.4s6.3-7.9 6.3-12.4C22.3 8.7 19.6 6 16 6Z M16 9.6a2.3 2.3 0 1 0 0 4.6 2.3 2.3 0 0 0 0-4.6Z' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--coitta-icon-announce-read: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='2' width='28' height='28' fill='%23e9edf1'/%3E%3Cpath d='M8.6 13.2v5.6h3.6l7.6 4.6V8.6l-7.6 4.6H8.6Z M21.6 14.4a3.1 3.1 0 0 1 0 3.2' fill='none' stroke='%231b3a54' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--coitta-icon-announce-unread: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='2' width='28' height='28' fill='%23a8531f'/%3E%3Cpath d='M8.6 13.2v5.6h3.6l7.6 4.6V8.6l-7.6 4.6H8.6Z M21.6 14.4a3.1 3.1 0 0 1 0 3.2' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--coitta-icon-link-read: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='2' width='28' height='28' fill='%23e9edf1'/%3E%3Cpath d='M13.5 18.5 21.5 10.5 M16.5 9h6.5v6.5 M19.5 15v7h-12v-12h7' fill='none' stroke='%231b3a54' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--coitta-icon-link-unread: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='2' width='28' height='28' fill='%23a8531f'/%3E%3Cpath d='M13.5 18.5 21.5 10.5 M16.5 9h6.5v6.5 M19.5 15v7h-12v-12h7' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html {
	height: auto;
	background: var(--coitta-paper);
	scroll-behavior: smooth;
}

body {
	min-height: 100vh;
	padding: 0;
	color: var(--coitta-ink);
	background:
		radial-gradient(rgba(27, 58, 84, .09) .6px, transparent .6px) 0 0/22px 22px,
		var(--coitta-paper);
	font-family: var(--coitta-font-body);
	font-size: 11px;
	line-height: 1.45;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

a {
	color: var(--coitta-navy);
	text-decoration: none;
	transition: color 160ms ease;
}

a:hover {
	color: var(--coitta-copper);
	text-decoration: none;
}

h1,
h2,
h3,
h4 {
	font-family: var(--coitta-font-display);
	letter-spacing: -.015em;
}

h2 {
	color: var(--coitta-ink);
	font-size: 2.5em;
	font-weight: 600;
}

.content h2,
.panel h2 {
	color: var(--coitta-ink);
	border-bottom-color: var(--coitta-line);
}

h3 {
	border-color: var(--coitta-line);
	color: var(--coitta-ink);
	font-size: 1.15em;
	letter-spacing: 0;
}

.wrap {
	box-sizing: border-box;
	width: min(calc(100% - 2rem), 1180px);
	min-width: 625px;
	max-width: none;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: transparent;
}

.tag,
.coitta-community-label {
	display: inline-flex;
	gap: .5em;
	align-items: center;
	padding: .28em .55em;
	border: 1px solid var(--coitta-line-strong);
	color: var(--coitta-navy);
	font-family: var(--coitta-font-mono);
	font-size: .82em;
	font-weight: 500;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.tag::before,
.coitta-community-label::before {
	content: "";
	width: 6px;
	height: 6px;
	background: var(--coitta-copper);
}

.coitta-appbar {
	position: sticky;
	z-index: 100;
	top: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 56px;
	margin: 12px 0 26px;
	padding: 7px 12px;
	border: 1px solid var(--coitta-line);
	background: rgba(242, 244, 240, .92);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.coitta-appbrand,
.coitta-appbrand:hover {
	display: flex;
	gap: 10px;
	align-items: center;
	color: var(--coitta-ink);
}

.coitta-appbrand img {
	border-radius: 7px;
}

.coitta-appbrand span,
.coitta-appbrand strong,
.coitta-appbrand small,
.coitta-footer-brand span,
.coitta-footer-brand strong,
.coitta-footer-brand small {
	display: block;
}

.coitta-appbrand strong {
	font-family: var(--coitta-font-display);
	font-size: 1.22em;
	font-weight: 600;
}

.coitta-appbrand small,
.coitta-footer-brand small {
	margin-top: 1px;
	color: var(--coitta-graphite);
	font-size: .86em;
}

.coitta-appnav {
	display: flex;
	gap: 2px;
	align-items: center;
}

.coitta-appnav a {
	padding: 8px 12px;
	border-radius: 5px;
	color: #424245;
	font-size: 1.05em;
	font-weight: 600;
}

.coitta-appnav a:hover {
	color: var(--coitta-ink);
	background: rgba(18, 24, 26, .05);
}

.coitta-appnav a.is-active {
	color: var(--coitta-navy);
	background: rgba(27, 58, 84, .08);
}

.headerbar {
	position: relative;
	min-height: 0;
	margin: 0 0 12px;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--coitta-line);
	border-top: 2px solid var(--coitta-copper);
	color: var(--coitta-ink);
	background: var(--coitta-card);
	box-shadow: var(--coitta-shadow-small);
}

.headerbar > .inner {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 0;
	padding: 28px 32px;
}

.site-description {
	float: none;
	display: flex;
	flex-direction: column;
	width: min(72%, 760px);
}

.coitta-community-label {
	order: -2;
	margin-bottom: 14px;
	width: fit-content;
}

.logo {
	order: -1;
	float: none;
	width: min(100%, 640px);
	padding: 0;
}

.site_logo {
	display: block;
	width: 100%;
	height: 74px;
	background-image: url("./images/logo_red1.png");
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
}

.site-description h1 {
	margin: 18px 0 5px;
	color: var(--coitta-ink);
	font-size: 2.1em;
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -.015em;
}

.site-description > p:not(.skiplink) {
	margin: 0;
	color: var(--coitta-graphite);
	font-size: 1.1em;
}

.search-header {
	float: none;
	width: min(320px, 30%);
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.search-header form {
	width: 100%;
	height: 44px;
	margin: 0;
	padding: 0;
}

.search-header fieldset {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 42px 42px;
	width: 100%;
	height: 44px;
	margin: 0;
	padding: 0;
}

.search-header .inputbox {
	width: 100% !important;
	min-width: 0;
	height: 44px;
	padding: 0 12px;
	border-color: var(--coitta-line-strong);
	border-radius: 0;
	color: var(--coitta-ink);
	background: var(--coitta-card);
	box-shadow: none;
}

.search-header .button-search,
.search-header .button-search-end {
	display: grid;
	place-items: center;
	width: 42px;
	min-width: 42px;
	height: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0;
	border-color: var(--coitta-line-strong);
	border-left: 0;
	border-radius: 0;
	background: var(--coitta-card);
	box-shadow: none;
}

.search-header .button-search:hover,
.search-header .button-search:focus,
.search-header .button-search-end:hover,
.search-header .button-search-end:focus {
	position: relative;
	z-index: 2;
	color: var(--coitta-navy);
	background: rgba(27, 58, 84, .05);
}

.search-header:focus-within {
	box-shadow: 0 0 0 3px rgba(27, 58, 84, .14);
}

.navbar {
	margin: 0 0 16px;
	padding: 7px 12px;
	border: 1px solid var(--coitta-line);
	background: var(--coitta-card);
	box-shadow: var(--coitta-shadow-small);
}

.navbar ul.linklist {
	padding: 3px 0;
}

ul.linklist > li {
	font-size: 1.05em;
}

.navbar a {
	color: #424245;
	font-weight: 600;
}

.navbar a:hover,
.navbar .icon {
	color: var(--coitta-copper);
}

ul.navlinks {
	margin-top: 5px;
	padding-top: 8px !important;
	border-color: var(--coitta-line);
	font-family: var(--coitta-font-mono);
}

.breadcrumbs .crumb::before {
	color: #a1a1a6;
}

.page-body {
	min-height: 280px;
	margin: 0;
}

.time {
	margin: 10px 4px 14px;
	color: var(--coitta-graphite);
	font-family: var(--coitta-font-mono);
	font-size: .95em;
}

.forabg,
.forumbg {
	margin: 0 0 16px;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--coitta-line);
	background: var(--coitta-card);
	box-shadow: var(--coitta-shadow-small);
}

.forabg > .inner,
.forumbg > .inner {
	margin: 0;
}

ul.topiclist {
	margin: 0;
}

li.header {
	padding: 14px 18px;
	border-bottom: 1px solid var(--coitta-line);
	color: var(--coitta-ink);
	background: rgba(18, 24, 26, .02);
}

li.header dl.row-item dt,
li.header dl.row-item dd {
	color: #424245;
	font-family: var(--coitta-font-mono);
	font-size: .9em;
	font-weight: 500;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.forabg .header a,
.forumbg .header a,
th a,
.forabg .header a:hover,
.forumbg .header a:hover,
th a:hover {
	color: var(--coitta-ink);
}

ul.topiclist li.row {
	border-top: 1px solid var(--coitta-line);
	border-bottom: 0;
	background: var(--coitta-card);
	transition: background-color 160ms ease;
}

ul.topiclist li.row:hover {
	background: rgba(27, 58, 84, .035);
}

ul.topiclist li.row dl {
	min-height: 72px;
	padding-block: 12px;
}

ul.topiclist dl.row-item dt .list-inner {
	padding-left: 54px;
}

dl.row-item {
	background-size: 30px;
}

.forum-image img {
	max-width: 100%;
	height: auto;
}

.forum_link,
.forum_read,
.forum_read_locked,
.forum_read_subforum {
	background-image: var(--coitta-icon-folder-read);
}

.forum_unread,
.forum_unread_locked,
.forum_unread_subforum {
	background-image: var(--coitta-icon-folder-unread);
}

.topic_read,
.topic_read_mine,
.topic_read_hot,
.topic_read_hot_mine,
.topic_read_locked,
.topic_read_locked_mine,
.topic_moved {
	background-image: var(--coitta-icon-topic-read);
}

.topic_unread,
.topic_unread_mine,
.topic_unread_hot,
.topic_unread_hot_mine,
.topic_unread_locked,
.topic_unread_locked_mine {
	background-image: var(--coitta-icon-topic-unread);
}

.sticky_read,
.sticky_read_mine,
.sticky_read_locked,
.sticky_read_locked_mine {
	background-image: var(--coitta-icon-sticky-read);
}

.sticky_unread,
.sticky_unread_mine,
.sticky_unread_locked,
.sticky_unread_locked_mine {
	background-image: var(--coitta-icon-sticky-unread);
}

.announce_read,
.announce_read_mine,
.announce_read_locked,
.announce_read_locked_mine,
.global_read,
.global_read_mine,
.global_read_locked,
.global_read_locked_mine {
	background-image: var(--coitta-icon-announce-read);
}

.announce_unread,
.announce_unread_mine,
.announce_unread_locked,
.announce_unread_locked_mine,
.global_unread,
.global_unread_mine,
.global_unread_locked,
.global_unread_locked_mine {
	background-image: var(--coitta-icon-announce-unread);
}

a.forumtitle,
a.topictitle {
	color: var(--coitta-ink);
	font-family: var(--coitta-font-display);
	font-size: 1.2em;
	font-weight: 600;
	letter-spacing: -.005em;
}

a.forumtitle:hover,
a.topictitle:hover {
	color: var(--coitta-copper);
}

ul.topiclist li.row dt,
ul.topiclist li.row dd,
.lastpost,
.lastpost a {
	color: var(--coitta-graphite);
}

ul.topiclist dd {
	border-color: var(--coitta-line);
}

.panel,
.post,
.cp-main .panel {
	margin: 0 0 16px;
	padding: 18px 20px;
	border: 1px solid var(--coitta-line);
	color: var(--coitta-ink);
	background: var(--coitta-card);
	box-shadow: var(--coitta-shadow-small);
}

.bg1,
.bg2,
.bg3,
table.zebra-list tr:nth-child(odd) td,
table.zebra-list tr:nth-child(even) td,
ul.zebra-list li:nth-child(odd),
ul.zebra-list li:nth-child(even) {
	background-color: var(--coitta-card);
}

.post:target {
	border-color: var(--coitta-copper);
	box-shadow: 0 0 0 3px rgba(168, 83, 31, .12), var(--coitta-shadow-small);
}

.postbody .content {
	color: #333336;
	font-size: 1.18em;
	line-height: 1.65;
}

.postbody h3,
.postbody h3 a {
	color: var(--coitta-ink);
	font-weight: 600;
	text-transform: none;
}

.postprofile {
	border-color: var(--coitta-line);
	color: var(--coitta-graphite);
}

.postprofile strong,
.postprofile a {
	color: var(--coitta-ink);
}

.postprofile .avatar img,
.header-avatar img {
	border-radius: 50%;
}

.signature {
	border-color: var(--coitta-line);
	color: var(--coitta-graphite);
}

.content blockquote,
blockquote.uncited {
	border: 0;
	border-left: 3px solid var(--coitta-copper);
	border-radius: 0;
	background: rgba(168, 83, 31, .05);
}

.codebox {
	border: 1px solid var(--coitta-line);
	background: #f5f7fa;
	font-family: var(--coitta-font-mono);
}

.action-bar {
	margin: 14px 0;
}

.button,
.button1,
.button2,
input.button1,
input.button2,
a.button1,
a.button2 {
	min-height: 34px;
	padding: 7px 12px;
	border: 1px solid var(--coitta-line-strong);
	border-radius: 5px;
	color: #424245;
	background: var(--coitta-card);
	box-shadow: none;
	font-family: var(--coitta-font-mono);
	font-weight: 500;
	transition: transform 100ms ease-out, background-color 160ms ease, border-color 160ms ease;
}

.button:hover,
.button1:hover,
.button2:hover,
input.button1:hover,
input.button2:hover,
a.button1:hover,
a.button2:hover {
	border-color: var(--coitta-navy);
	color: var(--coitta-navy);
	background: var(--coitta-card);
}

.button:active,
.button1:active,
.button2:active {
	transform: scale(.98);
}

.button1,
input.button1,
a.button1,
.button.button-icon-only[href*="posting"] {
	border-color: var(--coitta-copper);
	color: #fff;
	background: var(--coitta-copper);
}

.button1:hover,
input.button1:hover,
a.button1:hover {
	color: #fff;
	border-color: var(--coitta-copper-bright);
	background: var(--coitta-copper-bright);
}

.inputbox,
select,
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"] {
	padding: 9px 11px;
	border: 1px solid var(--coitta-line-strong);
	border-radius: 5px;
	color: var(--coitta-ink);
	background: var(--coitta-card);
	font-family: inherit;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.inputbox:hover,
select:hover,
textarea:hover {
	border-color: var(--coitta-line-strong);
}

.inputbox:focus,
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus {
	border-color: var(--coitta-navy);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(27, 58, 84, .14);
	outline: none;
}

fieldset.quick-login {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
	align-items: center;
	padding: 15px 18px;
	border: 1px solid var(--coitta-line);
	background: var(--coitta-card);
	box-shadow: var(--coitta-shadow-small);
}

fieldset.quick-login label {
	display: flex;
	gap: 7px;
	align-items: center;
}

/* Login page (login_body.html / UCP). It renders as a single narrow .panel
   with the browser's default form layout; center it and give it the same
   card treatment as the rest of the auth surfaces on the site. */
form#login {
	max-width: 520px;
	margin: 0 auto 16px;
}

form#login .panel {
	padding: clamp(1.5rem, 4vw, 2.4rem);
}

form#login .login-title {
	margin: 0 0 20px;
	font-family: var(--coitta-font-display);
	font-size: 1.9em;
	font-weight: 600;
}

form#login fieldset dl {
	margin: 0 0 16px;
	padding: 0;
	border: 0;
}

form#login fieldset dl dt {
	float: none;
	width: auto;
	margin: 0 0 6px;
	padding: 0;
	color: #424245;
	font-size: .8em;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: .03em;
}

form#login fieldset dl dd {
	float: none;
	margin: 0 0 6px;
	padding: 0;
}

form#login fieldset dl dd label {
	display: flex;
	gap: 8px;
	align-items: center;
	color: var(--coitta-graphite);
	font-weight: 500;
}

form#login .inputbox.autowidth {
	width: 100%;
	min-height: 44px;
}

form#login .button1 {
	width: 100%;
	min-height: 46px;
	font-size: 1em;
}

form#login .error {
	margin: 0 0 16px;
	padding: 10px 14px;
	border: 1px solid rgba(200, 60, 40, .3);
	color: #a8321f;
	background: rgba(200, 60, 40, .06);
}

.panel:has(> .inner > .content > h3) {
	max-width: 520px;
	margin: 0 auto;
}

.pagination li a,
.pagination li span {
	min-width: 28px;
	height: 28px;
	padding: 5px 8px;
	border: 1px solid var(--coitta-line);
	border-radius: 4px;
	color: #424245;
	background: var(--coitta-card);
}

.pagination li a:hover,
.pagination li.active span {
	border-color: var(--coitta-navy);
	color: #fff;
	background: var(--coitta-navy);
}

.dropdown,
.dropdown-extended .dropdown-contents {
	padding: 6px;
	border: 1px solid var(--coitta-line-strong);
	background: var(--coitta-card);
	box-shadow: var(--coitta-shadow);
}

.dropdown-contents a {
	padding: 8px 10px;
	border-radius: 4px;
	color: #424245;
}

.dropdown-contents a:hover {
	color: var(--coitta-navy);
	background: rgba(27, 58, 84, .06);
}

.tabs .tab > a,
.minitabs .tab > a {
	border: 0;
	border-radius: 4px;
	color: var(--coitta-graphite);
	background: transparent;
}

.tabs .activetab > a,
.tabs .activetab > a:hover,
.minitabs .activetab > a,
.minitabs .activetab > a:hover {
	border: 0;
	color: var(--coitta-navy);
	background: rgba(27, 58, 84, .08);
}

.stat-block {
	margin: 16px 0;
	padding: 16px 18px;
	border: 1px solid var(--coitta-line);
	background: var(--coitta-card);
	box-shadow: var(--coitta-shadow-small);
}

.stat-block h3 {
	margin-top: 0;
}

.rules,
.rules div,
p.post-notice {
	border: 1px solid rgba(184, 122, 20, .3);
	color: #7a4b00;
	background: rgba(200, 150, 20, .1);
}

table.table1 {
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border: 1px solid var(--coitta-line);
	background: var(--coitta-card);
}

table.table1 thead th {
	padding: 12px;
	color: #424245;
	background: rgba(18, 24, 26, .03);
	font-family: var(--coitta-font-mono);
}

table.table1 tbody td {
	padding: 12px;
	border-color: var(--coitta-line);
	color: #424245;
}

.phpbb_alert {
	padding: 22px;
	border: 1px solid var(--coitta-line-strong);
	background: var(--coitta-card);
	box-shadow: var(--coitta-shadow);
}

#darken {
	background: rgba(10, 18, 28, .4);
}

.cc-window {
	left: auto !important;
	right: 16px !important;
	bottom: 16px !important;
	display: grid !important;
	grid-template-columns: 1fr auto;
	gap: 8px 16px;
	align-items: center;
	width: min(calc(100% - 32px), 460px) !important;
	max-width: 540px;
	margin: 16px;
	padding: 16px 18px !important;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 0 !important;
	background: rgba(18, 24, 26, .95) !important;
	box-shadow: 0 22px 60px rgba(0, 0, 0, .28);
}

.cc-message {
	margin: 0 !important;
	color: rgba(255, 255, 255, .9);
	font-size: 1.05em;
	line-height: 1.5;
}

.cc-link {
	padding: 0;
	color: #8fb8dc !important;
}

.cc-btn {
	min-width: 112px;
	padding: 10px 13px !important;
	border: 0 !important;
	border-radius: 4px !important;
	color: #fff !important;
	background: var(--coitta-copper) !important;
}

.page-footer {
	margin-top: 32px;
	padding: 22px 0 32px;
	border-top: 1px solid var(--coitta-line);
	color: var(--coitta-graphite);
}

.coitta-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.coitta-footer-brand,
.coitta-footer-brand:hover {
	display: flex;
	gap: 10px;
	align-items: center;
	color: var(--coitta-ink);
}

.coitta-footer-brand img {
	border-radius: 6px;
}

.coitta-footer nav {
	display: flex;
	gap: 18px;
}

.coitta-footer nav a {
	color: var(--coitta-graphite);
	font-weight: 600;
}

.coitta-footer nav a:hover {
	color: var(--coitta-ink);
}

.copyright {
	color: var(--coitta-graphite);
	font-family: var(--coitta-font-mono);
}

.footer-row {
	margin: 4px 0;
}

@media (max-width: 900px) {
	.headerbar > .inner {
		align-items: flex-start;
		flex-direction: column;
		justify-content: center;
	}

	.site-description {
		width: 100%;
	}

	.search-header {
		width: min(100%, 360px);
		margin-top: 18px;
	}
}

@media (max-width: 700px) {
	body {
		padding: 0;
	}

	.wrap {
		width: 100%;
		min-width: 290px;
		margin: 0;
		padding: 0 8px;
	}

	.coitta-appbar {
		top: 7px;
		min-height: 50px;
		margin: 7px 0 16px;
	}

	.coitta-appbrand small {
		display: none;
	}

	.coitta-appnav {
		gap: 0;
	}

	.coitta-appnav a {
		display: none;
		padding: 8px;
	}

	.coitta-appnav a.is-active {
		display: block;
	}

	.headerbar,
	.navbar,
	.forabg,
	.forumbg,
	.post,
	.panel {
		margin-right: 0;
		margin-left: 0;
	}

	.headerbar > .inner {
		padding: 22px 18px;
	}

	.logo {
		display: block;
		padding: 0;
	}

	.site_logo {
		height: 58px;
	}

	.site-description {
		float: none;
		width: 100%;
		text-align: left;
	}

	.site-description h1 {
		margin: 14px 0 4px;
		font-size: 1.6em;
		text-align: left;
	}

	.site-description > p:not(.skiplink) {
		display: block;
		margin: 0;
		font-size: .98em;
		text-align: left;
	}

	.search-header {
		display: none;
	}

	.headerbar + .navbar {
		margin-top: 10px;
	}

	.forum-image {
		float: none;
		display: block;
		margin: 0 0 8px;
	}

	.forum-image img {
		max-width: 130px;
	}

	li.header {
		padding: 12px 14px;
	}

	ul.topiclist li.row dl {
		min-height: 66px;
	}

	ul.topiclist dl.row-item dt .list-inner {
		padding-left: 50px;
	}

	.panel,
	.post {
		padding: 14px;
	}

	fieldset.quick-login {
		align-items: stretch;
		flex-direction: column;
	}

	fieldset.quick-login label {
		align-items: stretch;
		flex-direction: column;
	}

	fieldset.quick-login .inputbox {
		width: 100%;
	}

	.coitta-footer {
		align-items: flex-start;
		flex-direction: column;
		gap: 18px;
	}

	.coitta-footer nav {
		flex-wrap: wrap;
	}

	.cc-window {
		right: 8px !important;
		bottom: 8px !important;
		grid-template-columns: 1fr;
		width: calc(100% - 16px) !important;
		margin: 0;
		padding: 14px !important;
	}

	.cc-btn {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}

@media (prefers-contrast: more) {
	:root {
		--coitta-graphite: #3a4642;
		--coitta-line: rgba(0, 0, 0, .38);
		--coitta-line-strong: rgba(0, 0, 0, .5);
	}
}