.mha-forum,
.mha-forum__single,
.mha-forum__create,
.mha-forum__profile,
.mha-forum__community-view {
	--mha-bg: var(--mha-forum-bg, #f6f7fb);
	--mha-surface: var(--mha-forum-surface, #ffffff);
	--mha-border: var(--mha-forum-border, rgba(28, 42, 64, 0.09));
	--mha-text: var(--mha-forum-text, #1f2a37);
	--mha-muted: var(--mha-forum-muted, #6b7280);
	--mha-accent: var(--mha-forum-accent, #ff6b35);
	--mha-accent-soft: var(--mha-forum-accent-soft, rgba(255, 107, 53, 0.12));
	color: var(--mha-text);
}

.mha-forum__toolbar,
.mha-forum__filters,
.mha-forum__search,
.mha-forum__card,
.mha-forum__single,
.mha-forum__profile-card,
.mha-forum__community-header,
.mha-forum__community-card,
.mha-forum__form,
.mha-forum__comment,
.mha-forum__notice {
	background: var(--mha-surface);
	border: 1px solid var(--mha-border);
	border-radius: 18px;
	box-shadow: 0 14px 30px rgba(16, 24, 40, 0.06);
}

.mha-forum__toolbar,
.mha-forum__profile-content {
	display: grid;
	gap: 16px;
}

.mha-forum__tabs,
.mha-forum__card,
.mha-forum__card-meta,
.mha-forum__card-footer,
.mha-forum__comment-meta,
.mha-forum__profile-stats,
.mha-forum__search {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

.mha-forum__feed,
.mha-forum__comment-list,
.mha-forum__communities {
	display: grid;
	gap: 16px;
}

.mha-forum__search,
.mha-forum__filters,
.mha-forum__form,
.mha-forum__single,
.mha-forum__profile-card,
.mha-forum__community-header,
.mha-forum__notice {
	padding: 18px;
}

.mha-forum__card {
	padding: 18px;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: start;
}

.mha-forum__card-title {
	margin: 6px 0;
	font-size: 1.2rem;
	line-height: 1.3;
}

.mha-forum__community-badge,
.mha-forum__tag,
.mha-forum__badge,
.mha-forum__tab {
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border-radius: 999px;
	background: var(--mha-accent-soft);
	color: var(--mha-text);
	font-size: 0.85rem;
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

.mha-forum__badge--muted {
	background: rgba(107, 114, 128, 0.14);
}

.mha-forum__tab.is-active,
.mha-forum__vote-button.is-active {
	background: var(--mha-accent);
	color: #fff;
}

.mha-forum__votes {
	display: inline-grid;
	gap: 4px;
	justify-items: center;
}

.mha-forum__vote-button {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	border: 1px solid var(--mha-border);
	background: #fff;
	cursor: pointer;
}

.mha-forum__vote-button.is-negative.is-active {
	background: #334155;
}

.mha-forum__comment {
	padding: 16px;
}

.mha-forum__comment-children {
	margin-top: 14px;
	padding-left: 18px;
	border-left: 2px solid var(--mha-border);
	display: grid;
	gap: 14px;
}

.mha-forum__form p {
	margin: 0 0 14px;
}

.mha-forum__form input[type="text"],
.mha-forum__form input[type="url"],
.mha-forum__form input[type="search"],
.mha-forum__form input[type="number"],
.mha-forum__form select,
.mha-forum__form textarea,
.mha-forum__search input,
.mha-forum__community-select,
.mha-forum__comment-form textarea {
	width: 100%;
	padding: 12px 14px;
	border-radius: 12px;
	border: 1px solid var(--mha-border);
	background: #fff;
}

.mha-forum__button,
.mha-forum__search button,
.mha-forum__reply-toggle,
.mha-forum__comment-form .submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 18px;
	border-radius: 12px;
	border: 0;
	background: linear-gradient(135deg, #ff6b35, #ff8c42);
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

.mha-forum__profile {
	display: grid;
	gap: 20px;
}

.mha-forum__community-card {
	display: grid;
	gap: 8px;
	padding: 16px;
	text-decoration: none;
	color: var(--mha-text);
}

@media (min-width: 768px) {
	.mha-forum__profile {
		grid-template-columns: 320px 1fr;
	}
}

@media (max-width: 767px) {
	.mha-forum__card {
		grid-template-columns: 1fr;
	}
}
