/* Shared Moedes content presentation extracted from the forum layer. */

/* Keep stale cached secondary navigation hidden before the shared script runs. */
.moedes-forum-secondary-nav,
.moedes-forum-secondary-nav__dropdown-menu,
[data-moedes-secondary-dropdown-menu] {
	display: none !important;
}

body:is(.moedes-content-navigation, .moedes-content-list) {
	--moedes-forum-surface: var(--main-bg-color, #fff);
	--moedes-forum-surface-muted: var(--muted-bg-color, #f6f8fb);
	--moedes-title-color: var(--moedes-title, #111827);
	--moedes-title-active-color: var(--moedes-title-active, var(--moedes-primary, var(--theme-color, #2f6fed)));
	--moedes-heading: var(--moedes-title-color);
	--moedes-heading-active: var(--moedes-title-active-color);
	--moedes-forum-nav-surface: #fff;
	--moedes-forum-nav-text: #243043;
	--moedes-forum-nav-muted: #6b7280;
	--moedes-forum-nav-active: var(--moedes-primary, var(--moedes-forum-accent, var(--focus-color, #2f6fed)));
	--moedes-forum-border: var(--main-border-color, #e6eaf0);
	--moedes-forum-text: var(--main-color, #243043);
	--moedes-forum-muted: var(--muted-2-color, #7a8493);
	--moedes-forum-rank-1: var(--moedes-rank-1, var(--moedes-primary, #f39a07));
	--moedes-forum-rank-2: var(--moedes-rank-2, var(--moedes-primary, #f39a07));
	--moedes-forum-rank-3: var(--moedes-rank-3, var(--moedes-primary, #f39a07));
	--moedes-forum-space-sm: 8px;
	--moedes-forum-space-md: 14px;
	--moedes-forum-space-lg: 18px;
	--moedes-forum-widget-gap: 24px;
	--moedes-forum-stats-gap: 12px;
	--moedes-forum-ranking-cover-width: 118px;
	--moedes-forum-ranking-cover-height: calc(
		var(--moedes-forum-ranking-cover-width) * 0.5625
	);
	--moedes-forum-ranking-item-gap: 10px;
	--moedes-forum-ranking-row-height: 40px;
	--moedes-forum-ranking-active-extra: 48px;
	--moedes-forum-ranking-active-row-height: calc(
		var(--moedes-forum-ranking-row-height) + var(--moedes-forum-ranking-active-extra)
	);
	--moedes-forum-board-thumb-width: 96px;
	--moedes-forum-board-thumb-height: 72px;
	--moedes-forum-stats-links-width: 130px;
	--moedes-forum-stats-scroll-gap: 12px;
	--moedes-forum-stats-icon-size: 30px;
	--moedes-forum-stats-item-gap: 16px;
	--moedes-forum-collapse-switch-width: 46px;
	--moedes-forum-collapse-switch-height: 26px;
	--moedes-forum-collapse-switch-knob: 22px;
	--moedes-forum-collapse-switch-off: rgba(189, 189, 189, 0.4);
	--moedes-forum-collapse-switch-on: var(--moedes-primary, var(--focus-color, var(--theme-color, #2f6fed)));
	--moedes-forum-collapse-switch-safe-right: 0px;
	--moedes-forum-header-height: 66px;
	--moedes-forum-header-content-gap: 16px;
	--moedes-forum-main-column-max: 1080px;
	--moedes-forum-column-gap: 24px;
	--moedes-forum-shell-inline-padding: 24px;
	--moedes-forum-right-column-width: 328px;
	--moedes-forum-header-surface: #fff;
	--moedes-forum-action-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
	--moedes-forum-vip-action: var(--moedes-secondary, #ff7073);
	--moedes-forum-vip-action-hover: var(--moedes-secondary-hover, #e45f62);
	--moedes-user-profile-surface: var(--main-bg-color, #fff);
	--moedes-user-profile-border: var(--main-border-color, #e6eaf0);
	--moedes-user-profile-muted: var(--muted-2-color, #7a8493);
	--moedes-user-profile-cover-height: 94px;
	--moedes-user-profile-avatar-size: 62px;
	--moedes-user-profile-avatar-border: 3px;
	--moedes-user-profile-accent: var(--moedes-primary, var(--focus-color, #2f6fed));
	--moedes-user-profile-message: var(--moedes-secondary, #ff7073);
	--moedes-user-profile-follow: var(--moedes-tertiary, #51a2ff);
	--moedes-user-profile-intro: var(--muted-bg-color, #f4f5f7);
	--moedes-user-profile-gap: 10px;
	--moedes-forum-viewport-width: 100vw;
	--moedes-forum-content-width: min(
		var(--moedes-forum-max-width, var(--mian-max-width, 1180px)),
		1170px
	);
	background: var(--body-bg-color, #f4f7fb);
	color: var(--key-color, #1f2937);
	overflow-x: hidden;
	overflow-x: clip;
}

/*
 * Zibll's mobile off-canvas menu is intentionally positioned outside the
 * viewport while closed. Apply the overflow guard to the root element too,
 * otherwise that hidden drawer can create a 10px horizontal page scroll on
 * narrow screens.
 */
html.moedes-content-ready {
	overflow-x: clip;
}

/*
 * Widget headings stay neutral by default. Only the active tab or selected
 * ranking row receives the configured Moedes primary color, which keeps the
 * page hierarchy quiet while preserving clear interaction feedback.
 */
body:is(.moedes-content-navigation, .moedes-content-list)
	:is(
		.moedes-forum-ranking__heading,
		.moedes-forum-home-recommendations__title,
		.moedes-forum-news__title,
		.moedes-forum-anime-news__title,
		.moedes-forum-anime-notice__title,
		.moedes-forum-latest-release__title,
		.moedes-forum-visual-ranking__title,
		.moedes-forum-recommendations__heading
	) {
	color: var(--moedes-title-color);
}

body:is(.moedes-content-navigation, .moedes-content-list)
	:is(
		.moedes-forum-ranking__tab[aria-selected="true"],
		.moedes-forum-ranking__item.is-active .moedes-forum-ranking__title,
		.moedes-forum-visual-ranking__item.is-active .moedes-forum-visual-ranking__post-title
	) {
	color: var(--moedes-title-active-color);
}

/*
 * Editorial article lists.
 *
 * Zibll's list template deliberately ships as a series of floating cards.
 * Moedes archive pages use a quieter continuous stream: one divider per
 * article, a fixed-ratio thumbnail on the left and a readable text column on
 * the right. This is scoped to archive/list pages so single-post layouts and
 * native widgets keep their parent-theme structure.
 */
body.moedes-content-list {
	--moedes-list-surface: var(--main-bg-color, #fff);
	--moedes-list-border: var(--main-border-color, rgba(50, 50, 50, 0.08));
	--moedes-list-title-color: var(--moedes-title-color, #111827);
	--moedes-list-title-active: var(
		--moedes-title-active-color,
		var(--moedes-primary, var(--theme-color, #2f6fed))
	);
	--moedes-list-excerpt-color: var(--muted-color, #7a8493);
	--moedes-list-detail-color: var(--moedes-secondary, #ff7073);
	--moedes-list-detail-hover: var(
		--moedes-secondary-hover,
		var(--moedes-list-detail-color)
	);
	--moedes-list-inline-padding: clamp(14px, 2vw, 20px);
	--moedes-list-thumb-width: 220px;
	--moedes-list-thumb-radius: var(
		--moedes-forum-radius,
		var(--main-radius, 8px)
	);
}

body.moedes-content-list .posts-row {
	margin-top: 0;
}

body.moedes-content-list .posts-row > .posts-item.list {
	display: flex;
	width: 100%;
	min-width: 0;
	margin: 0 !important;
	padding: 18px var(--moedes-list-inline-padding);
	box-sizing: border-box;
	border: 0;
	border-bottom: 1px solid var(--moedes-list-border);
	border-radius: 0;
	background: var(--moedes-list-surface);
	box-shadow: none;
	transition: none;
}

body.moedes-content-list .posts-row > .posts-item.list:first-of-type {
	padding-top: 8px;
}

body.moedes-content-list .posts-row > .posts-item.list:last-of-type {
	border-bottom: 0;
}

body.moedes-content-list .posts-row > .posts-item.list .post-graphic,
body.moedes-content-list .posts-row > .posts-item.list .post-graphic.order1 {
	flex: 0 0 var(--moedes-list-thumb-width);
	width: var(--moedes-list-thumb-width);
	margin: 0 20px 0 0;
}

body.moedes-content-list .posts-row > .posts-item.list .item-thumbnail {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	padding: 0;
	overflow: hidden;
	border-radius: var(--moedes-list-thumb-radius);
	background: var(--muted-bg-2-color, #f6f7f8);
}

body.moedes-content-list
	.posts-row
	> .posts-item.list
	.item-thumbnail
	img {
	position: static;
	display: block;
	width: 100%;
	height: 100%;
	max-height: none;
	object-fit: cover;
	border-radius: inherit;
}

body.moedes-content-list .posts-row > .posts-item.list .item-body {
	display: grid;
	min-width: 0;
	align-content: start;
	gap: 7px;
	padding: 0;
}

body.moedes-content-list .posts-row > .posts-item.list .item-heading {
	min-width: 0;
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}

body.moedes-content-list .posts-row > .posts-item.list .item-heading > a {
	color: var(--moedes-list-title-color);
}

body.moedes-content-list
	.posts-row
	> .posts-item.list
	.item-heading
	> a:hover,
body.moedes-content-list
	.posts-row
	> .posts-item.list
	.item-heading
	> a:focus-visible {
	color: var(--moedes-list-title-active);
}

body.moedes-content-list .posts-row > .posts-item.list .item-excerpt {
	display: block;
	min-width: 0;
	max-width: 70ch;
	margin: 0;
	overflow: hidden;
	color: var(--moedes-list-excerpt-color);
	font-size: 14px;
	font-weight: 300;
	line-height: 1.75;
	white-space: normal;
	text-overflow: clip;
}

body.moedes-content-list .posts-row > .posts-item.list .item-excerpt .moedes-list-excerpt-text {
	color: inherit;
	font-weight: inherit;
}

body.moedes-content-list
	.posts-row
	> .posts-item.list
	.item-excerpt
	.moedes-list-detail-link,
body.moedes-content-list
	.posts-row
	> .posts-item.list
	.item-excerpt
	.moedes-list-detail-link:visited {
	color: var(--moedes-list-detail-color);
	font-weight: 400;
	white-space: nowrap;
	text-decoration: none;
}

body.moedes-content-list
	.posts-row
	> .posts-item.list
	.item-excerpt
	.moedes-list-detail-link:hover,
body.moedes-content-list
	.posts-row
	> .posts-item.list
	.item-excerpt
	.moedes-list-detail-link:focus-visible {
	color: var(--moedes-list-detail-hover);
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.moedes-content-list .posts-row > .posts-item.list .item-tags {
	margin: 0 !important;
}

body.moedes-content-list .posts-row > .posts-item.list .item-meta {
	align-self: end;
	margin-top: 5px;
	color: var(--muted-2-color, #8b95a5);
	font-size: 12px;
	line-height: 1.5;
}

body.dark-theme.moedes-content-list {
	--moedes-list-title-color: var(--key-color, #f8fafc);
	--moedes-list-excerpt-color: var(--muted-color, #b4b6bb);
}

/*
 * Keep Zibll avatar wrappers and their images on one configurable radius.
 * The default preserves Zibll's native circular avatar presentation while
 * allowing the site owner to choose a different avatar radius in Moedes.
 */
body:is(.moedes-content-navigation, .moedes-content-list)
	:where(.avatar-img, .avatar-mini, .avatar-md, .avatar-lg) {
	overflow: hidden;
	border-radius: var(--moedes-avatar-radius, 100px);
}

body:is(.moedes-content-navigation, .moedes-content-list)
	:where(.avatar-img, .avatar-mini, .avatar-md, .avatar-lg)
	> .avatar {
	border-radius: inherit;
}

/*
 * Screenshot-inspired author profile card.
 *
 * The card is intentionally quiet: one cover image, one clear identity row,
 * a compact stat strip and a short recent-post list. All surfaces and state
 * colours inherit the Moedes/Zibll tokens so it remains usable in dark mode
 * and when the site's global radius is set to zero.
 */
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile {
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--moedes-user-profile-border);
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
	background: var(--moedes-user-profile-surface);
	box-shadow: none;
	color: var(--moedes-title-color);
	box-sizing: border-box;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__cover {
	position: relative;
	height: var(--moedes-user-profile-cover-height);
	overflow: hidden;
	background: var(--muted-bg-color, #f5f6f8);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__cover::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 58%, rgba(0, 0, 0, 0.16));
	content: "";
	pointer-events: none;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__cover > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__body {
	position: relative;
	min-width: 0;
	padding: 0 14px 14px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__identity-row {
	display: flex;
	min-width: 0;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 11px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__avatar-wrap {
	position: relative;
	z-index: 1;
	flex: 0 0 var(--moedes-user-profile-avatar-size);
	width: var(--moedes-user-profile-avatar-size);
	height: var(--moedes-user-profile-avatar-size);
	margin-top: calc(var(--moedes-user-profile-avatar-size) / -2);
	border: var(--moedes-user-profile-avatar-border) solid var(--moedes-user-profile-surface);
	border-radius: var(--moedes-avatar-radius, 100px);
	background: var(--moedes-user-profile-surface);
	box-shadow: 0 2px 6px rgba(31, 41, 55, 0.08);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__avatar,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__avatar-link,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__avatar-link > .moedes-user-profile__avatar,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__avatar .avatar {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: max(0px, calc(var(--moedes-avatar-radius, 100px) - 2px));
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__avatar-link {
	position: relative;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__avatar-link > .moedes-user-profile__avatar > img,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__avatar > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__identity-main {
	min-width: 0;
	flex: 1 1 auto;
	padding-top: 9px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__name-row {
	display: flex;
	min-width: 0;
	flex-wrap: wrap;
	align-items: center;
	gap: 3px;
	min-height: 24px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__name {
	display: flex;
	min-width: 0;
	align-items: center;
	max-width: 100%;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__display-name {
	display: inline-block;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	color: var(--moedes-title-color);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__display-name:hover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__display-name:focus-visible {
	color: var(--moedes-user-profile-accent);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__name .img-icon,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__name img {
	flex: 0 0 auto;
	width: auto;
	height: 1.1em;
	max-width: 6em;
	max-height: none;
	object-fit: contain;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__role {
	display: inline-flex;
	min-width: 0;
	flex: 0 0 auto;
	align-items: center;
	gap: 3px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__role .badg {
	margin: 0 !important;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__context-label {
	display: inline-flex;
	align-items: center;
	min-height: 18px;
	padding: 2px 6px;
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
	background: var(--moedes-user-profile-accent);
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile--author .moedes-user-profile__member-meta {
	color: var(--moedes-user-profile-accent);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__identity {
	margin: 0 !important;
	padding: 1px 5px;
	font-size: 11px;
	line-height: 1.35;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__member-meta {
	flex: 0 0 100%;
	width: 100%;
	margin-top: -9px;
	overflow: hidden;
	color: var(--moedes-user-profile-muted);
	font-size: 12px;
	line-height: 1.45;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__medals {
	display: flex;
	min-height: 37px;
	align-items: center;
	justify-content: center;
	margin: 7px 0 8px;
	padding: 3px 0 8px;
	border-bottom: 1px solid var(--moedes-user-profile-border);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__medal-link {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	justify-content: center;
	gap: 3px;
	color: var(--moedes-user-profile-muted);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__medal-link .medal-icon {
	width: 27px;
	height: 27px;
	object-fit: contain;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__medal-link > span:last-child {
	display: none;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	min-height: 58px;
	margin: 0 0 var(--moedes-user-profile-gap);
	border-top: 1px solid var(--moedes-user-profile-border);
	border-bottom: 1px solid var(--moedes-user-profile-border);
	overflow: hidden;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__stat {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	min-height: 56px;
	padding: 4px 4px 8px;
	border-right: 1px solid var(--moedes-user-profile-border);
	color: var(--moedes-user-profile-muted);
	text-align: center;
	text-decoration: none;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__stat:last-child {
	border-right: 0;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__stat strong {
	color: var(--moedes-title-color);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.2;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__stat span {
	font-size: 12px;
	line-height: 1.4;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__stat:hover strong,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__stat:focus-visible strong {
	color: var(--moedes-user-profile-accent);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__intro {
	margin-bottom: var(--moedes-user-profile-gap);
	padding: 9px 10px;
	background: var(--moedes-user-profile-intro);
	color: var(--moedes-title-color);
	font-size: 12px;
	line-height: 1.55;
	overflow-wrap: anywhere;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__actions {
	display: flex;
	min-width: 0;
	gap: 7px;
	margin-bottom: var(--moedes-user-profile-gap);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__actions--author {
	padding-top: 2px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__button {
	display: inline-flex !important;
	min-width: 0;
	flex: 1 1 0;
	align-items: center;
	justify-content: center;
	min-height: 35px;
	margin: 0 !important;
	padding: 6px 7px !important;
	border: 0 !important;
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px)) !important;
	color: #fff !important;
	font-size: 13px;
	line-height: 1.35;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__button--message {
	background: var(--moedes-user-profile-message) !important;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__button--follow {
	background: var(--moedes-user-profile-follow) !important;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile--author .moedes-user-profile__button--message {
	background: var(--moedes-user-profile-accent) !important;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile--author .moedes-user-profile__button--follow {
	background: var(--moedes-user-profile-follow) !important;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__button:hover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__button:focus-visible {
	opacity: 0.86;
	color: #fff !important;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__button .icon,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__button .fa {
	flex: 0 0 auto;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__recent {
	min-width: 0;
	margin-top: 1px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__section-label {
	margin-bottom: 4px;
	color: var(--moedes-user-profile-muted);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__post-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__post-item {
	min-width: 0;
	margin: 0;
	padding: 3px 0;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__post-link {
	display: flex;
	min-width: 0;
	align-items: baseline;
	gap: 4px;
	color: var(--moedes-title-color);
	font-size: 12px;
	line-height: 1.5;
	text-decoration: none;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__post-link::before {
	flex: 0 0 auto;
	color: var(--moedes-user-profile-message);
	content: "·";
	font-size: 18px;
	line-height: 0.8;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__post-tag {
	flex: 0 0 auto;
	color: var(--moedes-user-profile-message);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__post-tag a {
	color: inherit;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__post-title {
	min-width: 0;
	overflow: hidden;
	color: inherit;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__post-link:hover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__post-link:focus-within {
	color: var(--moedes-user-profile-accent);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__more {
	display: block;
	width: 100%;
	margin-top: 9px;
	padding: 9px 10px;
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
	background: var(--moedes-user-profile-message);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__more:hover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__more:focus-visible {
	opacity: 0.86;
	color: #fff;
}

@media (max-width: 600px) {

	body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__body {
		padding-right: 11px;
		padding-left: 11px;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__identity-row {
		gap: 9px;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__display-name {
		font-size: 15px;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__member-meta {
		font-size: 11px;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .moedes-user-profile__post-link {
		font-size: 12px;
	}}

body.dark-theme.moedes-content-navigation {
	--moedes-title-color: var(--key-color, #f1f5fb);
	--moedes-title-active-color: var(--moedes-primary, #F39A07);
	--moedes-forum-nav-text: var(--key-color, #f1f5fb);
	--moedes-forum-nav-muted: var(--muted-color, #b4bcc8);
	--moedes-forum-nav-active: var(--moedes-tertiary, #8eb5ff);
	--moedes-forum-header-surface: #323335;
	--moedes-user-profile-surface: var(--main-bg-color, #2f3237);
	--moedes-user-profile-border: var(--main-border-color, #4a4f57);
	--moedes-user-profile-muted: var(--muted-2-color, #b4bcc8);
	--moedes-user-profile-intro: var(--muted-bg-color, #383c42);
	--moedes-user-profile-message: var(--moedes-secondary, #e5a23a);
	--moedes-user-profile-follow: var(--moedes-tertiary, #ff7f7f);
}

/*
 * Bootstrap changes the forum container width at each desktop breakpoint.
 * Mirror those widths here so the navigation never projects beyond the
 * content column on 1024px and 900px layouts.
 */
@media (min-width: 1200px) {
	body.moedes-content-navigation {
		--moedes-forum-content-width: min(
			var(--moedes-forum-max-width, var(--mian-max-width, 1180px)),
			1170px
		);
	}}

@media (min-width: 992px) and (max-width: 1199px) {
	body.moedes-content-navigation {
		--moedes-forum-content-width: min(
			var(--moedes-forum-max-width, var(--mian-max-width, 1180px)),
			970px
		);
	}}

@media (min-width: 768px) and (max-width: 991px) {
	body.moedes-content-navigation {
		--moedes-forum-content-width: min(
			var(--moedes-forum-max-width, var(--mian-max-width, 1180px)),
			750px
		);
	}}

/*
 * The primary Zibll header stays in normal document flow above the page
 * content. The former standalone Moedes second navigation is retired; native
 * Zibll tab rails remain inside their owning content panels.
 */
body:is(.moedes-content-navigation, .moedes-content-list).nav-fixed {
	padding-top: var(--moedes-forum-header-height, 52px);
}

body:is(.moedes-content-navigation, .moedes-content-list).nav-fixed .header {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	margin-bottom: 0 !important;
}

body:is(.moedes-content-navigation, .moedes-content-list):not(.nav-fixed) .header {
	position: relative !important;
	top: auto;
	left: auto;
	right: auto;
	margin-bottom: 0 !important;
}

body:is(.moedes-content-navigation, .moedes-content-list) .header-slider-container,
body:is(.moedes-content-navigation, .moedes-content-list) .slide-header {
	margin-top: 0 !important;
}

body:is(.moedes-content-navigation, .moedes-content-list) .header-slider-container {
	margin-bottom: 0 !important;
	position: relative;
	z-index: 1;
}

/*
 * The standalone Moedes second navigation is retired.  Keep this CSS guard
 * in place for cached markup and for the short interval before the deferred
 * enhancement script removes an old generated node.  Zibll's native list
 * tabs remain untouched inside their original AJAX panel.
 */
body:is(.moedes-content-navigation, .moedes-content-list)
	.moedes-forum-secondary-nav {
	display: none !important;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-secondary-nav + .affix-clone {
	display: none !important;
}

body:is(.moedes-content-navigation, .moedes-content-list) .header {
	min-height: var(--moedes-forum-header-height, 66px);
	padding: 0 20px !important;
	margin-bottom: 0 !important;
	position: relative;
	z-index: 30;
	background: var(--moedes-forum-header-surface) !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

body:is(.moedes-content-navigation, .moedes-content-list) .sidebar {
	position: relative;
	z-index: 1;
}

@media (min-width: 992px) {
	/*
	 * Keep the original sidebar in normal document flow and let the browser
	 * handle both downward and upward scrolling natively. Zibll still creates
	 * `.sidebar-affix` for data-affix widgets, but its cloned proxy is hidden
	 * so it cannot delay or interrupt the real sidebar's sticky state.
	 */
	body:is(.moedes-content-navigation, .moedes-content-list) .sidebar {
		position: sticky !important;
		top: calc(
			var(--moedes-forum-header-height, 52px) +
			var(--moedes-forum-space-sm, 8px)
		) !important;
		align-self: flex-start;
		z-index: 2;
	}

	body:is(.moedes-content-navigation, .moedes-content-list):not(.nav-fixed) .sidebar {
		top: 0 !important;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .sidebar > .sidebar-affix {
		display: none !important;
	}}

@media (min-width: 768px) {
	body:is(.moedes-content-navigation, .moedes-content-list) .header {
		min-height: var(--moedes-forum-header-height, 66px);
		padding: 8px 20px !important;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top {
		display: flex;
		align-items: center;
		height: 50px;
		min-height: 50px;
		background: var(--moedes-forum-header-surface) !important;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .container-header {
		display: flex;
		align-items: center;
		flex: 1 1 auto;
		height: 100%;
		min-height: 0;
		width: 100%;
		max-width: none;
		margin-right: 0;
		margin-left: 0;
		box-sizing: border-box;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-header,
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-brand,
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse,
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-nav,
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .nav > li {
		display: flex;
		align-items: center;
		height: 100%;
		min-height: 0;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-header,
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse,
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-nav,
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .nav > li {
		float: none !important;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-header::before,
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-header::after,
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse::before,
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse::after {
		display: none;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-header {
		flex: 0 0 auto;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-brand {
		padding: 0 8px;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-logo > img {
		display: block;
		height: 30px;
		padding-right: 18px;
		padding-left: 18px;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse {
		display: flex !important;
		flex: 1 1 auto;
		height: 100% !important;
		min-width: 0;
		overflow: visible;
		padding: 0;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-nav {
		flex: 0 1 auto;
		margin-top: 0;
		margin-bottom: 0;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .nav > li {
		max-height: none;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .nav > li > a {
		display: inline-flex !important;
		align-items: center;
		height: 100%;
		min-height: 50px;
		padding-top: 0;
		padding-bottom: 0;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse > .navbar-form,
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse > .navbar-text,
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse > .navbar-right {
		display: flex;
		align-items: center;
		height: 100%;
		float: none !important;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse > .navbar-form.navbar-left {
		flex: 0 1 auto;
		min-width: 0;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse > .navbar-form {
		padding-right: 8px;
		padding-left: 8px;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse >
	.navbar-form.navbar-right {
		flex: 0 0 auto;
		justify-content: flex-end;
		min-width: max-content;
		white-space: nowrap;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse > .navbar-text {
		flex: 0 0 auto;
		justify-content: flex-end;
		min-width: max-content;
		white-space: nowrap;
		padding-right: 8px;
		padding-left: 8px;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse >
	.navbar-form.navbar-right > .list-inline {
		display: flex;
		align-items: center;
		gap: 8px;
		margin: 0;
		white-space: nowrap;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse >
	.navbar-form.navbar-right > .list-inline > li {
		display: flex;
		align-items: center;
		float: none;
		margin: 0;
		padding: 0;
		line-height: 1;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse >
	.navbar-form.navbar-right > .list-inline > li > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
		vertical-align: middle;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse >
	.navbar-form.navbar-right > .list-inline > li > a > img,
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse >
	.navbar-form.navbar-right > .list-inline > li > a > svg,
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse >
	.navbar-form.navbar-right > .list-inline > li > a > i {
		display: block;
	}

	/*
	 * Keep the remaining right-side controls grouped after the shared menu.
	 * The retired standalone second navigation no longer owns these actions.
	 */
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse >
	.navbar-form.navbar-right.flex.ac {
		flex: 0 0 auto;
		margin-left: auto !important;
		justify-content: flex-end;
	}

	/* Fallback for installations that hide the theme/translation group. */
	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse >
	.navbar-form.navbar-right:where(:not(.navbar-but):not(.flex):not(.navbar-text)) {
		margin-left: auto !important;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse >
	.navbar-form.navbar-right.flex.ac +
	.navbar-form.navbar-right {
		margin-left: 0 !important;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .navbar-top .navbar-collapse >
	.navbar-form.navbar-right.navbar-text {
		margin-left: 0 !important;
		justify-content: flex-end;
	}}

@media (max-width: 767px) {
	body:is(.moedes-content-navigation, .moedes-content-list) {
		--moedes-forum-header-height: 52px;
	}

	body.moedes-content-list {
		--moedes-list-inline-padding: 14px;
	}}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking {
	display: grid;
	gap: 10px;
	padding: 16px;
	border: 1px solid var(--moedes-forum-border);
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
	background: var(--moedes-forum-surface);
	color: var(--moedes-forum-text);
}

body:is(.moedes-content-navigation, .moedes-content-list) .zib-widget-wrap:has(.moedes-forum-visual-ranking) {
	margin-bottom: var(--moedes-forum-widget-gap);
}

body:is(.moedes-content-navigation, .moedes-content-list) .sidebar > .zib-widget-wrap:has(.moedes-forum-visual-ranking):last-child {
	margin-bottom: 0;
}

/*
 * Compact image-led ranking used by the forum sidebar. Only the first three
 * rows carry a cover and metric; later rows become a clean numbered list.
 */
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking {
	--moedes-visual-ranking-accent: var(
		--moedes-primary,
		var(--moedes-forum-accent, var(--theme-color, #F39A07))
	);
	--moedes-visual-ranking-rank-1: var(
		--moedes-rank-1,
		var(--moedes-forum-rank-1, #F39A07)
	);
	--moedes-visual-ranking-rank-2: var(
		--moedes-rank-2,
		var(--moedes-forum-rank-2, #F8C57E)
	);
	--moedes-visual-ranking-rank-3: var(
		--moedes-rank-3,
		var(--moedes-forum-rank-3, #FBDDB7)
	);
	--moedes-visual-ranking-rank-foreground: var(--moedes-primary-foreground, #241600);
	--moedes-visual-ranking-border: var(
		--moedes-forum-border,
		var(--main-border-color, #e6eaf0)
	);
	--moedes-visual-ranking-muted: var(
		--moedes-forum-muted,
		var(--muted-2-color, #7a8493)
	);
	--moedes-visual-ranking-cover-width: 96px;
	--moedes-visual-ranking-image-row-height: 64px;
	--moedes-visual-ranking-text-row-height: 38px;
	--moedes-visual-ranking-row-gap: 8px;
	container-type: inline-size;
	display: grid;
	gap: 10px;
	padding: 16px 16px 14px;
	border: 1px solid var(--moedes-visual-ranking-border);
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
	background: var(--moedes-forum-surface, var(--main-bg-color, #fff));
	color: var(--moedes-forum-text);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__header {
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__title {
	display: inline-flex;
	min-width: 0;
	margin: 0;
	align-items: center;
	gap: 8px;
	color: var(--moedes-title-color);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__title .fa {
	color: var(--moedes-visual-ranking-accent);
	font-size: 20px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__tabs {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__tab {
	min-height: 29px;
	padding: 4px 10px;
	border: 1px solid var(--moedes-visual-ranking-border);
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * 0.6);
	background: var(--moedes-forum-surface);
	color: var(--moedes-forum-text);
	font-size: 12px;
	line-height: 1.2;
	cursor: pointer;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__tab[aria-selected="true"] {
	border-color: var(--moedes-visual-ranking-accent);
	background: var(--moedes-visual-ranking-accent);
	color: #fff;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__tab:focus-visible {
	outline: 2px solid var(--moedes-visual-ranking-accent);
	outline-offset: 2px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__list {
	display: grid;
	gap: var(--moedes-visual-ranking-row-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__panels {
	min-height: calc(
		(var(--moedes-visual-ranking-max-image-rows, 0) * var(--moedes-visual-ranking-image-row-height))
		+ (var(--moedes-visual-ranking-max-text-rows, 0) * var(--moedes-visual-ranking-text-row-height))
		+ (max(0, var(--moedes-visual-ranking-max-rows, 0) - 1) * var(--moedes-visual-ranking-row-gap))
	);
}

@supports (height: 1cqw) {
	body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__panels {
		/* Keep the three thumbnails close to the hot-ranking proportions. */
		--moedes-visual-ranking-cover-width: clamp(88px, 31cqw, 104px);
		--moedes-visual-ranking-image-row-height: clamp(56px, 21cqw, 68px);
	}}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	align-items: center;
	box-sizing: border-box;
	column-gap: 8px;
	min-width: 0;
	height: var(--moedes-visual-ranking-text-row-height);
	min-height: var(--moedes-visual-ranking-text-row-height);
	padding: 0;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item.is-image-row {
	position: relative;
	display: grid;
	grid-template-columns: var(--moedes-visual-ranking-cover-width) minmax(0, 1fr);
	grid-template-rows: var(--moedes-visual-ranking-image-row-height);
	align-items: start;
	height: var(--moedes-visual-ranking-image-row-height);
	min-height: var(--moedes-visual-ranking-image-row-height);
	padding: 0;
	overflow: visible;
	border-radius: 0;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item:not(.is-image-row) {
	grid-template-columns: 22px minmax(0, 1fr);
	grid-template-rows: var(--moedes-visual-ranking-text-row-height);
	height: var(--moedes-visual-ranking-text-row-height);
	min-height: var(--moedes-visual-ranking-text-row-height);
	align-items: center;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__rank {
	display: inline-grid;
	width: 22px;
	height: 22px;
	box-sizing: border-box;
	padding: 0;
	place-items: center;
	justify-content: center;
	align-content: center;
	align-self: center;
	justify-self: center;
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * 0.35);
	background: var(--moedes-visual-ranking-border);
	color: var(--moedes-visual-ranking-muted);
	font-size: 13px;
	font-variant-numeric: tabular-nums;
	font-weight: 650;
	line-height: 1;
	text-align: center;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item.is-image-row .moedes-forum-visual-ranking__rank {
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 3;
	align-self: start;
	justify-self: start;
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * 0.35);
	background: var(--moedes-visual-ranking-accent);
	color: #fff;
	box-shadow: 0 1px 2px rgba(15, 23, 42, .24);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item.rank-1 .moedes-forum-visual-ranking__rank {
	background: var(--moedes-visual-ranking-rank-1);
	color: var(--moedes-visual-ranking-rank-foreground);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item.rank-2 .moedes-forum-visual-ranking__rank {
	background: var(--moedes-visual-ranking-rank-2);
	color: var(--moedes-visual-ranking-rank-foreground);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item.rank-3 .moedes-forum-visual-ranking__rank {
	background: var(--moedes-visual-ranking-rank-3);
	color: var(--moedes-visual-ranking-rank-foreground);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__cover {
	display: block;
	grid-column: 1;
	grid-row: 1;
	width: var(--moedes-visual-ranking-cover-width);
	height: var(--moedes-visual-ranking-image-row-height);
	overflow: hidden;
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * 0.35);
	background: var(--moedes-forum-surface-muted);
	visibility: visible;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item.is-image-row.is-active .moedes-forum-visual-ranking__cover {
	position: relative;
	inset: auto;
	width: var(--moedes-visual-ranking-cover-width);
	height: var(--moedes-visual-ranking-image-row-height);
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * 0.35);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__cover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__cover .moedes-forum-recommendations__placeholder {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	color: var(--moedes-visual-ranking-muted);
	font-size: 20px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__body {
	display: flex;
	grid-column: 2;
	grid-row: 1;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	height: var(--moedes-visual-ranking-image-row-height);
	min-width: 0;
	gap: 7px;
	padding: 3px 0;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item.is-image-row .moedes-forum-visual-ranking__body {
	height: var(--moedes-visual-ranking-image-row-height);
	min-height: var(--moedes-visual-ranking-image-row-height);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item:not(.is-image-row) .moedes-forum-visual-ranking__body {
	grid-column: 2;
	grid-row: 1;
	height: var(--moedes-visual-ranking-text-row-height);
	min-height: var(--moedes-visual-ranking-text-row-height);
	overflow: hidden;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item.is-image-row.is-active .moedes-forum-visual-ranking__body {
	position: relative;
	z-index: 1;
	inset: auto;
	display: flex;
	align-items: flex-start;
	padding: 1px 0;
	background: transparent;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__post-title {
	display: -webkit-box;
	overflow: hidden;
	min-width: 0;
	color: var(--moedes-title-color);
	font-size: 13px;
	font-weight: 550;
	line-height: 1.45;
	text-align: left;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item.is-image-row .moedes-forum-visual-ranking__post-title {
	width: 100%;
	min-height: 0;
	line-height: 1.35;
	-webkit-line-clamp: 2;
	white-space: normal;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item.is-image-row.is-active .moedes-forum-visual-ranking__post-title {
	color: var(--moedes-title-active-color);
	font-weight: 600;
	-webkit-line-clamp: 2;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item.is-image-row.is-active .moedes-forum-visual-ranking__views {
	flex: 0 0 auto;
	color: var(--moedes-visual-ranking-muted);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__post-title:hover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__post-title:focus-visible {
	color: var(--moedes-title-active-color);
	text-decoration: none;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__post-title:focus-visible {
	outline: 2px solid var(--moedes-visual-ranking-accent);
	outline-offset: 2px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__views {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--moedes-visual-ranking-muted);
	font-size: 12px;
	line-height: 1.2;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__views .fa {
	font-size: 10px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__empty {
	margin: 0;
	padding: 20px 0;
	color: var(--moedes-visual-ranking-muted);
	text-align: center;
}

@media (max-width: 767px) {
	body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking {
		padding: 14px 12px 12px;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__title {
		font-size: 17px;
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item.is-image-row {
		grid-template-columns: var(--moedes-visual-ranking-cover-width) minmax(0, 1fr);
		height: var(--moedes-visual-ranking-image-row-height);
		min-height: var(--moedes-visual-ranking-image-row-height);
	}

	body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__cover,
	body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-visual-ranking__item.is-image-row.is-active .moedes-forum-visual-ranking__cover {
		width: var(--moedes-visual-ranking-cover-width);
		height: var(--moedes-visual-ranking-image-row-height);
	}}

body:is(.moedes-content-navigation, .moedes-content-list) .zib-widget-wrap:has(.moedes-forum-ranking),
body:is(.moedes-content-navigation, .moedes-content-list) .zib-widget-wrap:has(.moedes-forum-ranking--composite){
	margin-bottom: var(--moedes-forum-widget-gap);
}

body:is(.moedes-content-navigation, .moedes-content-list) .zib-widget-wrap:has(.moedes-user-profile) {
	margin-bottom: var(--moedes-forum-widget-gap);
}
body:is(.moedes-content-navigation, .moedes-content-list) .sidebar > .zib-widget-wrap:has(.moedes-forum-ranking):last-child,
body:is(.moedes-content-navigation, .moedes-content-list) .sidebar > .zib-widget-wrap:has(.moedes-forum-ranking--composite):last-child,
body:is(.moedes-content-navigation, .moedes-content-list) .sidebar > .zib-widget-wrap:has(.moedes-user-profile):last-child {
	margin-bottom: 0;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__heading {
	margin: 0;
	color: var(--moedes-title-color);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__tabs {
	display: flex;
	align-items: center;
	gap: 10px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__tab {
	position: relative;
	padding: 2px 0 4px;
	border: 0;
	background: transparent;
	color: var(--moedes-forum-muted);
	font-size: 13px;
	line-height: 1.4;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__tab::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 2px;
	border-radius: 2px;
	background: transparent;
	content: "";
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__tab[aria-selected="true"] {
	color: var(--moedes-forum-accent, var(--focus-color, #2f6fed));
	font-weight: 650;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__tab[aria-selected="true"]::after {
	background: currentColor;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__tab:focus-visible {
	border-radius: 3px;
	outline: 2px solid var(--moedes-forum-accent, var(--focus-color, #2f6fed));
	outline-offset: 3px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*
 * Keep the ranking column's footprint stable when a shorter period is
 * selected. Hidden panels can contain fewer posts than the active panel, and
 * the cover preview adds height to the selected row; reserving the largest
 * panel height prevents the surrounding sidebar from jumping up and down.
 */
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking:not(.moedes-forum-ranking--composite) .moedes-forum-ranking__panels {
	min-height: calc(
		(var(--moedes-forum-ranking-max-rows, 1) * var(--moedes-forum-ranking-row-height))
		+ var(--moedes-forum-ranking-active-extra)
	);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	align-items: center;
	box-sizing: border-box;
	gap: var(--moedes-forum-ranking-item-gap);
	min-width: 0;
	min-height: var(--moedes-forum-ranking-row-height);
	padding: 7px 0;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item + .moedes-forum-ranking__item {
	border-top: 1px solid var(--moedes-forum-border);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover {
	grid-template-columns: 24px 0 minmax(0, 1fr);
	column-gap: var(--moedes-forum-ranking-item-gap);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover:hover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover:focus-within,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover.is-active {
	grid-template-columns: 24px var(--moedes-forum-ranking-cover-width) minmax(0, 1fr);
	grid-template-rows: var(--moedes-forum-ranking-active-row-height);
	height: var(--moedes-forum-ranking-active-row-height);
	min-height: var(--moedes-forum-ranking-active-row-height);
	align-items: start;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__rank {
	display: inline-grid;
	width: 24px;
	height: 22px;
	box-sizing: border-box;
	padding: 0;
	place-items: center;
	justify-content: center;
	align-content: center;
	justify-self: center;
	align-self: center;
	color: var(--moedes-forum-muted);
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.rank-1 .moedes-forum-ranking__rank {
	background: var(--moedes-forum-rank-1);
	color: #fff;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.rank-2 .moedes-forum-ranking__rank {
	background: var(--moedes-forum-rank-2);
	color: #fff;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.rank-3 .moedes-forum-ranking__rank {
	background: var(--moedes-forum-rank-3);
	color: #fff;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.rank-1 .moedes-forum-ranking__rank,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.rank-2 .moedes-forum-ranking__rank,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.rank-3 .moedes-forum-ranking__rank {
	display: inline-grid;
	width: 24px;
	height: 22px;
	box-sizing: border-box;
	padding: 0;
	place-items: center;
	justify-content: center;
	align-content: center;
	align-self: start;
	justify-self: center;
	margin-top: 0;
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
	line-height: 1;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__cover {
	overflow: hidden;
	display: block;
	width: 0;
	height: 0;
	min-height: 0;
	visibility: hidden;
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * 0.75);
	background: var(--moedes-forum-surface-muted);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover:hover .moedes-forum-ranking__cover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover:focus-within .moedes-forum-ranking__cover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover.is-active .moedes-forum-ranking__cover {
	width: var(--moedes-forum-ranking-cover-width);
	height: var(--moedes-forum-ranking-cover-height);
	min-height: var(--moedes-forum-ranking-cover-height);
	visibility: visible;
	align-self: start;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__image {
	display: block;
	width: 100%;
	height: 100%;
	min-height: var(--moedes-forum-ranking-cover-height);
	object-fit: cover;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover:not(:hover):not(:focus-within):not(.is-active) .moedes-forum-ranking__content {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__title {
	overflow: hidden;
	display: block;
	color: var(--moedes-title-color);
	font-size: 14px;
	font-weight: 550;
	line-height: 1.55;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover:hover .moedes-forum-ranking__title,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover:focus-within .moedes-forum-ranking__title,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover.is-active .moedes-forum-ranking__title {
	display: -webkit-box;
	min-height: calc(2 * 1.55em);
	font-weight: 650;
	white-space: normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__title:hover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__title:focus-visible {
	color: var(--moedes-title-active-color);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.is-active .moedes-forum-ranking__title {
	color: var(--moedes-title-active-color);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__title:focus-visible {
	border-radius: 2px;
	outline: 2px solid var(--moedes-forum-accent, var(--focus-color, #2f6fed));
	outline-offset: 2px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__meta {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
	margin-top: 4px;
	color: var(--moedes-forum-muted);
	font-size: 12px;
	line-height: 1.4;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__author {
	overflow: hidden;
	display: none;
	min-width: 0;
	margin-right: auto;
	color: inherit;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover:hover .moedes-forum-ranking__author,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover:focus-within .moedes-forum-ranking__author,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover.is-active .moedes-forum-ranking__author,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item:not(.has-cover) .moedes-forum-ranking__author {
	display: block;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__metric {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	flex: 0 0 auto;
	font-variant-numeric: tabular-nums;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover:hover .moedes-forum-ranking__meta,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover:focus-within .moedes-forum-ranking__meta,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover.is-active .moedes-forum-ranking__meta {
	margin-top: 3px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover:not(:hover):not(:focus-within):not(.is-active) .moedes-forum-ranking__meta {
	justify-content: flex-end;
	margin-top: 0;
	gap: 0;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__item.has-cover:not(:hover):not(:focus-within):not(.is-active) .moedes-forum-ranking__metric + .moedes-forum-ranking__metric {
	display: none;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking__empty {
	margin: 0;
	padding: 22px 0;
	color: var(--moedes-forum-muted);
	text-align: center;
}

/*
 * Composite ranking variant: keep the same data and keyboard behaviour as
 * the regular ranking, but use a pale surface, compact numbered rows and a
 * full-width active media card. The selected row keeps its title above the
 * cover, with the excerpt and metrics below it, matching the reference
 * reading-ranking layout.
 */
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite {
	--moedes-composite-ranking-surface: var(
		--moedes-forum-surface,
		var(--main-bg-color, #fff)
	);
	--moedes-composite-ranking-border: var(
		--moedes-forum-border,
		var(--main-border-color, #e6eaf0)
	);
	--moedes-composite-accent: var(
		--moedes-forum-accent,
		var(--focus-color, #2f6fed)
	);
	--moedes-composite-row-height: 34px;
	--moedes-composite-cover-height: 164px;
	--moedes-composite-excerpt-height: 42px;
	--moedes-composite-meta-height: 22px;
	--moedes-composite-row-gap: 6px;
	--moedes-composite-active-gap: 6px;
	--moedes-composite-active-height: calc(
		var(--moedes-composite-row-height)
		+ var(--moedes-composite-cover-height)
		+ var(--moedes-composite-excerpt-height)
		+ var(--moedes-composite-meta-height)
		+ (3 * var(--moedes-composite-active-gap))
	);
	--moedes-composite-active-extra: calc(
		var(--moedes-composite-active-height) - var(--moedes-composite-row-height)
	);
	container-type: inline-size;
	display: grid;
	gap: 10px;
	padding: 15px 14px 10px;
	border-color: var(--moedes-composite-ranking-border);
	background: var(--moedes-composite-ranking-surface);
}

@supports (height: 1cqw) {
	body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__list {
		/* Keep the featured image at a readable 16:9 proportion. */
		--moedes-composite-cover-height: clamp(128px, 56.25cqw, 220px);
		--moedes-composite-active-height: calc(
			var(--moedes-composite-row-height)
			+ var(--moedes-composite-cover-height)
			+ var(--moedes-composite-excerpt-height)
			+ var(--moedes-composite-meta-height)
			+ (3 * var(--moedes-composite-active-gap))
		);
		--moedes-composite-active-extra: calc(
			var(--moedes-composite-active-height) - var(--moedes-composite-row-height)
		);
	}}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__header {
	padding: 0 0 7px;
	border-bottom: 1px solid var(--moedes-composite-ranking-border);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__heading {
	position: relative;
	padding-left: 10px;
	font-size: 17px;
	letter-spacing: 0;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__heading::before {
	content: "";
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 0;
	width: 3px;
	border-radius: 2px;
	background: var(--moedes-composite-accent);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__tabs {
	gap: 12px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__tab {
	min-height: 25px;
	padding: 2px 1px 5px;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	background: transparent;
	font-size: 13px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__tab[aria-selected="true"] {
	border-color: var(--moedes-composite-accent);
	background: transparent;
	color: var(--moedes-composite-accent);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__list {
	display: flex;
	flex-direction: column;
	gap: var(--moedes-composite-row-gap);
	margin-top: 0;
	height: calc(
		(var(--moedes-forum-ranking-max-rows, 1) * var(--moedes-composite-row-height))
		+ var(--moedes-composite-active-extra)
		+ (max(0, var(--moedes-forum-ranking-max-rows, 1) - 1) * var(--moedes-composite-row-gap))
	);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:hover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:focus-within,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover.is-active {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	grid-template-rows: var(--moedes-composite-row-height);
	align-items: start;
	column-gap: 7px;
	height: var(--moedes-composite-row-height);
	min-height: var(--moedes-composite-row-height);
	flex: 0 0 var(--moedes-composite-row-height);
	/* Keep the title's grid origin unchanged when a row expands. */
	padding: 0;
	border-top: 0;
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * .45);
	position: relative;
	overflow: visible;
	transition: none;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:hover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:focus-within,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover.is-active {
	z-index: 4;
	grid-template-columns: 28px minmax(0, 1fr);
	grid-template-rows:
		var(--moedes-composite-row-height)
		var(--moedes-composite-cover-height)
		var(--moedes-composite-excerpt-height)
		var(--moedes-composite-meta-height);
	height: var(--moedes-composite-active-height);
	min-height: var(--moedes-composite-active-height);
	flex-basis: var(--moedes-composite-active-height);
	padding: 0;
	border: 0;
	background: transparent;
	row-gap: var(--moedes-composite-active-gap);
	overflow: visible;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item + .moedes-forum-ranking__item {
	border-top: 0;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__rank {
	display: inline-grid;
	grid-column: 1;
	grid-row: 1;
	width: 22px;
	height: 22px;
	box-sizing: border-box;
	padding: 0;
	place-items: center;
	justify-content: center;
	align-content: center;
	align-self: start;
	justify-self: center;
	margin-top: 0;
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * 0.35);
	background: var(--moedes-composite-ranking-surface);
	color: var(--moedes-forum-muted);
	font-size: 13px;
	line-height: 1;
	position: relative;
	z-index: 3;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.rank-1 .moedes-forum-ranking__rank,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.rank-2 .moedes-forum-ranking__rank,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.rank-3 .moedes-forum-ranking__rank {
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * 0.35);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:hover .moedes-forum-ranking__cover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:focus-within .moedes-forum-ranking__cover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover.is-active .moedes-forum-ranking__cover {
	position: relative;
	grid-column: 1 / -1;
	grid-row: 2;
	z-index: 1;
	display: block !important;
	width: 100% !important;
	height: var(--moedes-composite-cover-height) !important;
	min-height: var(--moedes-composite-cover-height);
	margin-top: 0;
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
	background: var(--moedes-forum-surface-muted);
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__cover {
	display: none !important;
	visibility: hidden;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:hover .moedes-forum-ranking__cover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:focus-within .moedes-forum-ranking__cover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover.is-active .moedes-forum-ranking__cover {
	display: block !important;
	visibility: visible;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__image {
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: cover;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__content,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:not(:hover):not(:focus-within):not(.is-active) .moedes-forum-ranking__content {
	display: flex;
	grid-column: 2;
	grid-row: 1;
	align-items: center;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	text-align: left;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:hover .moedes-forum-ranking__content,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:focus-within .moedes-forum-ranking__content,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover.is-active .moedes-forum-ranking__content {
	display: contents;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__title,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:hover .moedes-forum-ranking__title,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:focus-within .moedes-forum-ranking__title,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover.is-active .moedes-forum-ranking__title {
	display: block;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 13px;
	font-weight: 550;
	line-height: 1.45;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:hover .moedes-forum-ranking__title,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:focus-within .moedes-forum-ranking__title,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover.is-active .moedes-forum-ranking__title {
	display: block;
	grid-column: 2;
	grid-row: 1;
	align-self: center;
	width: 100%;
	height: var(--moedes-composite-row-height);
	min-height: 0;
	min-width: 0;
	max-width: 100%;
	color: var(--moedes-title-active-color);
	line-height: 1.4;
	text-shadow: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	pointer-events: auto;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__excerpt {
	display: none;
	grid-column: 1 / -1;
	grid-row: 3;
	align-self: start;
	width: 100%;
	height: var(--moedes-composite-excerpt-height);
	min-width: 0;
	margin: 0;
	overflow: hidden;
	box-sizing: border-box;
	color: var(--moedes-forum-muted);
	font-size: 12px;
	line-height: 1.75;
	text-align: left;
	text-overflow: ellipsis;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:hover .moedes-forum-ranking__excerpt,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:focus-within .moedes-forum-ranking__excerpt,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover.is-active .moedes-forum-ranking__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__meta {
	display: none;
	grid-column: 1 / -1;
	grid-row: 4;
	align-items: center;
	align-self: start;
	width: 100%;
	height: var(--moedes-composite-meta-height);
	min-width: 0;
	margin-top: 0;
	color: var(--moedes-forum-muted);
	font-size: 12px;
	line-height: 1.4;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:hover .moedes-forum-ranking__meta,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover:focus-within .moedes-forum-ranking__meta,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__item.has-cover.is-active .moedes-forum-ranking__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 0;
	color: var(--moedes-forum-muted);
	font-size: 12px;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__more {
	display: flex;
	margin: 7px 0 0;
	padding: 12px 0 14px;
	align-items: center;
	justify-content: center;
	gap: 5px;
	border-top: 1px solid var(--moedes-composite-ranking-border);
	color: var(--moedes-forum-muted);
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__more span {
	color: var(--moedes-forum-accent, var(--focus-color, #2f6fed));
	font-size: 18px;
	line-height: 1;
}

body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__more:hover,
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-ranking--composite .moedes-forum-ranking__more:focus-visible {
	color: var(--moedes-forum-accent, var(--focus-color, #2f6fed));
	text-decoration: none;
}

@media (max-width: 767px) {
	body:is(.moedes-content-navigation, .moedes-content-list).nav-fixed {
		padding-top: var(--moedes-forum-header-height, 52px);
	}}

/*
 * The parent theme owns the Tab set and the detail/mini/minimalism list
 * style. Moedes only moves that existing Tab rail into the active post-list
 * panel and gives it a single horizontal, scrollable layout.
 */
body.moedes-content-navigation
	.moedes-content-tab-nav {
	display: block;
	width: 100%;
	min-width: 0;
	margin: 0 0 var(--moedes-forum-space-sm, 8px);
	padding: 0;
	background: var(--moedes-forum-surface, var(--main-bg-color, #fff));
	border-bottom: 1px solid var(--moedes-forum-border, var(--main-border-color, #e6eaf0));
	box-shadow: none;
	overflow: hidden;
}

body.moedes-content-navigation
	.moedes-content-tab-nav.has-moedes-content-tab-controls {
	display: flex;
	min-width: 0;
	align-items: stretch;
}

body.moedes-content-navigation
	.moedes-content-tab-nav
	> .tab-nav-theme,
body.moedes-content-navigation
	.moedes-content-tab-nav
	> ul.tab-nav-theme {
	display: flex;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	width: 100%;
	min-width: 0;
	min-height: 38px;
	margin: 0;
	padding: 0 var(--moedes-forum-space-xs, 4px);
	align-items: center;
	gap: 2px;
	overflow-x: auto;
	overflow-y: hidden;
	list-style: none;
	white-space: nowrap;
}

body.moedes-content-navigation
	.moedes-content-tab-nav.has-moedes-content-tab-controls
	> .tab-nav-theme,
body.moedes-content-navigation
	.moedes-content-tab-nav.has-moedes-content-tab-controls
	> ul.tab-nav-theme {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
}

/*
 * The list preferences live on the same quiet rail as the AJAX tabs. The
 * switches are deliberately small and mechanically clear: a white thumb on
 * a neutral track, using the forum accent only for the enabled state.
 */
body.moedes-content-navigation
	.moedes-content-tab-controls {
	display: inline-flex;
	flex: 0 0 auto;
	min-height: 38px;
	margin-left: var(--moedes-forum-space-xs, 4px);
	padding: 0 var(--moedes-forum-space-xs, 4px) 0 8px;
	align-items: center;
	gap: 8px;
	border-left: 1px solid var(--moedes-forum-border, var(--main-border-color, #e6eaf0));
	background: var(--moedes-forum-surface, var(--main-bg-color, #fff));
	white-space: nowrap;
}

body.moedes-content-navigation
	.moedes-content-tab-control {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	gap: 5px;
}

body.moedes-content-navigation
	.moedes-content-tab-control__label {
	color: var(--moedes-forum-nav-muted, var(--muted-2-color, #7a8493));
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
}

body.moedes-content-navigation
	.moedes-content-tab-control__switch {
	display: inline-flex;
	width: 30px;
	height: 18px;
	margin: 0;
	padding: 0;
	align-items: center;
	justify-content: flex-start;
	border: 0;
	border-radius: 999px;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
}

body.moedes-content-navigation
	.moedes-content-tab-control__track {
	position: relative;
	display: block;
	width: 30px;
	height: 18px;
	box-sizing: border-box;
	border: 1px solid var(--moedes-forum-border, var(--main-border-color, #e6eaf0));
	border-radius: 999px;
	background: var(--moedes-forum-control-track, var(--main-border-color, #e6eaf0));
	transition: background-color 160ms ease, border-color 160ms ease;
}

body.moedes-content-navigation
	.moedes-content-tab-control__thumb {
	position: absolute;
	top: 2px;
	left: 2px;
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 2px rgb(15 23 42 / 22%);
	transition: transform 160ms ease;
}

body.moedes-content-navigation
	.moedes-content-tab-control__switch.is-on
	.moedes-content-tab-control__track {
	border-color: var(--moedes-forum-accent, var(--moedes-primary, var(--theme-color, #f39a07)));
	background: var(--moedes-forum-accent, var(--moedes-primary, var(--theme-color, #f39a07)));
}

body.moedes-content-navigation
	.moedes-content-tab-control__switch.is-on
	.moedes-content-tab-control__thumb {
	transform: translateX(12px);
}

body.moedes-content-navigation
	.moedes-content-tab-control__switch:focus-visible {
	outline: 2px solid var(--moedes-forum-accent, var(--moedes-primary, var(--theme-color, #f39a07)));
	outline-offset: 2px;
}

body.moedes-content-navigation
	.moedes-content-tab-nav
	> .tab-nav-theme
	> li,
body.moedes-content-navigation
	.moedes-content-tab-nav
	> ul.tab-nav-theme
	> li {
	display: block;
	flex: 0 0 auto;
	width: auto !important;
	margin: 0;
	padding: 0;
}

body.moedes-content-navigation
	.moedes-content-tab-nav
	> .tab-nav-theme
	> li::before,
body.moedes-content-navigation
	.moedes-content-tab-nav
	> .tab-nav-theme
	> li::after,
body.moedes-content-navigation
	.moedes-content-tab-nav
	> .tab-nav-theme
	> li
	> a::before,
body.moedes-content-navigation
	.moedes-content-tab-nav
	> .tab-nav-theme
	> li
	> a::after {
	display: none !important;
	content: none !important;
}

body.moedes-content-navigation
	.moedes-content-tab-nav
	> .tab-nav-theme
	> li
	> a {
	display: inline-flex;
	min-height: 34px;
	padding: 0 10px;
	align-items: center;
	background: transparent !important;
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	box-shadow: none !important;
	color: var(--moedes-forum-nav-text, var(--main-color, #374151));
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}

body.moedes-content-navigation
	.moedes-content-tab-nav
	> .tab-nav-theme
	> li
	> a:hover,
body.moedes-content-navigation
	.moedes-content-tab-nav
	> .tab-nav-theme
	> li
	> a:focus-visible,
body.moedes-content-navigation
	.moedes-content-tab-nav
	> .tab-nav-theme
	> li.active
	> a,
body.moedes-content-navigation
	.moedes-content-tab-nav
	> .tab-nav-theme
	> li
	> a.active {
	border-bottom-color: var(--moedes-forum-nav-active, var(--moedes-primary, #3b82f6));
	color: var(--moedes-forum-nav-active, var(--moedes-primary, #3b82f6));
	font-weight: 700;
	outline: 0;
	text-decoration: none;
}

@media (max-width: 767px) {
	body.moedes-content-navigation
		.moedes-content-tab-nav
		> .tab-nav-theme,
	body.moedes-content-navigation
		.moedes-content-tab-nav
		> ul.tab-nav-theme {
		min-height: 36px;
		padding-right: 0;
		padding-left: 0;
	}

	body.moedes-content-navigation
		.moedes-content-tab-nav
		> .tab-nav-theme
		> li
		> a {
		min-height: 32px;
		padding-right: 9px;
		padding-left: 9px;
	}

	body.moedes-content-navigation
		.moedes-content-tab-controls {
		min-height: 36px;
		margin-left: 2px;
		padding-right: 2px;
		padding-left: 6px;
		gap: 5px;
	}

	body.moedes-content-navigation
		.moedes-content-tab-control {
		gap: 3px;
	}}

@media (max-width: 420px) {
	body.moedes-content-navigation
		.moedes-content-tab-control__label {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}

	body.moedes-content-navigation
		.moedes-content-tab-controls {
		gap: 4px;
		padding-right: 1px;
		padding-left: 5px;
	}}

@media (prefers-reduced-motion: reduce) {
	body.moedes-content-navigation
		.moedes-content-tab-control__track,
	body.moedes-content-navigation
		.moedes-content-tab-control__thumb {
		transition: none;
	}}

/* Author forum-list compatibility: preserve the existing author-page list treatment without widening forum scope. */
/*
 * Continuous forum rows.
 *
 * Board and forum-home lists retain Zibll's author, gallery, AJAX and action
 * nodes, but lose the independent card treatment. The excerpt is kept light
 * and the generated detail link is the only accent in the preview.
 */
body.moedes-author-layout.moedes-content-navigation:not(.single-forum_post):not(.single-post)
	.forum-posts.detail{
	--moedes-forum-list-title: var(--moedes-title-color, #111827);
	--moedes-forum-list-title-active: var(
		--moedes-title-active-color,
		var(--moedes-primary, var(--theme-color, #2f6fed))
	);
	--moedes-forum-list-excerpt: var(--muted-color, #7a8493);
	--moedes-forum-list-inline-padding: clamp(14px, 2vw, 20px);
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 18px var(--moedes-forum-list-inline-padding);
	border: 0;
	border-bottom: 1px solid var(--moedes-forum-border);
	border-radius: 0;
	background: var(--moedes-forum-surface);
	box-shadow: none;
	transition: none;
}body.moedes-author-layout.moedes-content-navigation:not(.single-forum_post):not(.single-post)
	.forum-posts.detail:first-of-type{
	padding-top: 8px;
}body.moedes-author-layout.moedes-content-navigation:not(.single-forum_post):not(.single-post)
	.forum-posts.detail:last-of-type{
	border-bottom: 0;
}body.moedes-author-layout.moedes-content-navigation:not(.single-forum_post):not(.single-post)
	.forum-posts.detail
	.forum-title{
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}body.moedes-author-layout.moedes-content-navigation:not(.single-forum_post):not(.single-post)
	.forum-posts.detail
	.forum-title
	> a{
	color: var(--moedes-forum-list-title);
	font-weight: 700;
}body.moedes-author-layout.moedes-content-navigation:not(.single-forum_post):not(.single-post)
	.forum-posts.detail
	.forum-title
	> a:hover,body.moedes-author-layout.moedes-content-navigation:not(.single-forum_post):not(.single-post)
	.forum-posts.detail
	.forum-title
	> a:focus-visible{
	color: var(--moedes-forum-list-title-active);
}body.moedes-author-layout.moedes-content-navigation:not(.single-forum_post):not(.single-post)
	.forum-posts.detail
	.content{
	margin-top: 7px !important;
	color: var(--moedes-forum-list-excerpt);
	font-size: 14px;
	font-weight: 300;
	line-height: 1.75;
}body.moedes-author-layout.moedes-content-navigation:not(.single-forum_post):not(.single-post)
	.forum-posts.detail
	.content
	.excerpt{
	display: inline;
	margin: 0;
	color: inherit;
	font-weight: inherit;
	line-height: inherit;
}body.moedes-author-layout.moedes-content-navigation:not(.single-forum_post):not(.single-post)
	.forum-posts.detail
	.moedes-list-detail-link,body.moedes-author-layout.moedes-content-navigation:not(.single-forum_post):not(.single-post)
	.forum-posts.detail
	.moedes-list-detail-link:visited{
	color: var(--moedes-secondary, #ff7073);
	font-weight: 400;
	white-space: nowrap;
	text-decoration: none;
}body.moedes-author-layout.moedes-content-navigation:not(.single-forum_post):not(.single-post)
	.forum-posts.detail
	.moedes-list-detail-link:hover,body.moedes-author-layout.moedes-content-navigation:not(.single-forum_post):not(.single-post)
	.forum-posts.detail
	.moedes-list-detail-link:focus-visible{
	color: var(--moedes-secondary-hover, var(--moedes-secondary, #ff7073));
	text-decoration: underline;
	text-underline-offset: 2px;
}body.moedes-author-layout.moedes-content-navigation :where(.panel-plate, .forum-posts, .zib-widget){
	border-color: var(--main-border-color, #e5eaf1);
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
}/*
 * Forum list media: retain each image's intrinsic ratio instead of the
 * parent theme's fixed cover crop. The grid caps at eight columns; any
 * additional images wrap to the next row.
 */
body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs{
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 4px;
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	margin-left: 0;
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs.count-1{
	display: block;
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs:is(.count-1, .count-2, .count-3, .count-4, .count-5, .count-6, .count-7, .count-8){
	grid-template-columns: repeat(1, minmax(0, 1fr));
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs.count-2{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs.count-3{
	grid-template-columns: repeat(3, minmax(0, 1fr));
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs.count-4{
	grid-template-columns: repeat(4, minmax(0, 1fr));
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs.count-5{
	grid-template-columns: repeat(5, minmax(0, 1fr));
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs.count-6{
	grid-template-columns: repeat(6, minmax(0, 1fr));
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs.count-7{
	grid-template-columns: repeat(7, minmax(0, 1fr));
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs.count-8{
	grid-template-columns: repeat(8, minmax(0, 1fr));
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs > span{
	position: relative;
	display: block;
	align-self: start;
	width: auto;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 0;
	line-height: 0;
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs > span > img{
	position: static;
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto !important;
	max-height: none;
	object-fit: contain !important;
}/* Keep the post metadata on the author's name row. */
body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .user-right > .flex1{
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 10px;
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .user-right > .flex1 > name{
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .user-right > .flex1 > .muted-2-color{
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	max-width: 48%;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .user-right > .flex1 > .muted-2-color > span{
	white-space: nowrap;
}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .user-right > .flex1 > .muted-2-color .icon-spot{
	margin-left: 8px;
}

@media (max-width: 767px) {body.moedes-author-layout.moedes-content-navigation:not(.single-forum_post):not(.single-post)
		.forum-posts.detail{
		--moedes-forum-list-inline-padding: 14px;
	}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs{
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs.count-4{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs.count-5,body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs.count-6,body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs.count-7,body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .imgbox-container.lists-imgs.count-8{
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .user-right > .flex1{
		gap: 6px;
	}body.moedes-author-layout.moedes-content-navigation .forum-posts.detail .user-right > .flex1 > .muted-2-color{
		max-width: 55%;
	}}body.moedes-author-layout.moedes-content-navigation :where(.forum-posts, .panel-plate, .zib-widget) :where(input, select, textarea){
	border-color: var(--main-border-color, #e5eaf1);
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
}

@media (max-width: 767px) {body.moedes-author-layout.moedes-content-navigation :where(.forum-posts, .panel-plate, .zib-widget){
		box-shadow: none;
}}
/* Content sidebar widget compatibility: preserve configured Moedes editorial widgets outside forum pages. */
/*
 * Widget headings stay neutral by default. Only the active tab or selected
 * ranking row receives the configured Moedes primary color, which keeps the
 * page hierarchy quiet while preserving clear interaction feedback.
 */
body:is(.moedes-content-navigation, .moedes-content-list)
	:is(
		.moedes-forum-ranking__heading,
		.moedes-forum-home-recommendations__title,
		.moedes-forum-news__title,
		.moedes-forum-anime-news__title,
		.moedes-forum-anime-notice__title,
		.moedes-forum-latest-release__title,
		.moedes-forum-visual-ranking__title,
		.moedes-forum-recommendations__heading
	){
	color: var(--moedes-title-color);
}/*
 * Featured-news widget. It follows the supplied reference: a quiet header,
 * one lead image with metadata beneath it, then compact thumbnail rows. The
 * widget intentionally avoids overlays and animated decoration so the title
 * and source remain easy to scan in a narrow sidebar.
 */
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news{
	--moedes-news-accent: var(--moedes-forum-accent, var(--focus-color, #2f6fed));
	--moedes-news-border: var(--moedes-forum-border, var(--main-border-color, #e6eaf0));
	--moedes-news-surface: var(--moedes-forum-surface, var(--main-bg-color, #fff));
	--moedes-news-muted: var(--moedes-forum-muted, var(--muted-2-color, #7a8493));
	display: grid;
	gap: 12px;
	padding: 14px;
	border: 1px solid var(--moedes-news-border);
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
	background: var(--moedes-news-surface);
	color: var(--moedes-forum-text);
}body:is(.moedes-content-navigation, .moedes-content-list) .zib-widget-wrap:has(.moedes-forum-news){
	margin-bottom: var(--moedes-forum-widget-gap);
}body:is(.moedes-content-navigation, .moedes-content-list) .sidebar > .zib-widget-wrap:has(.moedes-forum-news):last-child{
	margin-bottom: 0;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__header{
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__title{
	display: inline-flex;
	min-width: 0;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: var(--moedes-title-color);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.25;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__title .fa{
	flex: 0 0 auto;
	color: var(--moedes-news-accent);
	font-size: 18px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__more{
	flex: 0 0 auto;
	padding: 5px 9px;
	border: 1px solid var(--moedes-news-border);
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
	background: var(--moedes-news-surface);
	color: var(--moedes-forum-text);
	font-size: 12px;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__more:hover,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__more:focus-visible{
	border-color: var(--moedes-news-accent);
	color: var(--moedes-news-accent);
	text-decoration: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured{
	min-width: 0;
	overflow: hidden;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-link{
	display: block;
	min-width: 0;
	color: inherit;
	text-decoration: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-cover{
	display: block;
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * .75);
	background: var(--moedes-forum-surface-muted);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-cover img,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-cover .moedes-forum-recommendations__placeholder{
	display: block;
	width: 100%;
	height: 100%;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-cover img{
	object-fit: cover;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-cover .moedes-forum-recommendations__placeholder{
	display: grid;
	place-items: center;
	color: var(--moedes-news-muted);
	font-size: 24px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-overlay{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: flex-end;
	min-height: 44%;
	padding: 24px 10px 9px;
	background: linear-gradient(180deg, transparent, rgba(15, 23, 42, .78));
	pointer-events: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-overlay .moedes-forum-news__featured-heading{
	color: #fff;
	text-shadow: 0 1px 2px rgba(15, 23, 42, .5);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-body{
	display: grid;
	gap: 5px;
	padding-top: 8px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-heading{
	display: -webkit-box;
	overflow: hidden;
	color: var(--moedes-title-color);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.45;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-meta,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-meta{
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 8px;
	color: var(--moedes-news-muted);
	font-size: 12px;
	line-height: 1.3;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-meta span,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-meta > span{
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-link:hover .moedes-forum-news__featured-heading,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-link:focus-visible .moedes-forum-news__featured-heading,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-link:hover .moedes-forum-news__item-title,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-link:focus-visible .moedes-forum-news__item-title{
	color: var(--moedes-title-active-color);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__list{
	display: grid;
	gap: 11px;
	padding-top: 1px;
	border-top: 1px solid var(--moedes-news-border);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item{
	min-width: 0;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item + .moedes-forum-news__item{
	padding-top: 11px;
	border-top: 1px solid var(--moedes-news-border);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-link{
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr);
	gap: 10px;
	min-width: 0;
	color: inherit;
	text-decoration: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-cover{
	display: block;
	width: 86px;
	height: 58px;
	overflow: hidden;
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * .65);
	background: var(--moedes-forum-surface-muted);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-cover img,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-cover .moedes-forum-recommendations__placeholder{
	display: block;
	width: 100%;
	height: 100%;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-cover img{
	object-fit: cover;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-cover .moedes-forum-recommendations__placeholder{
	display: grid;
	place-items: center;
	color: var(--moedes-news-muted);
	font-size: 18px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-body{
	display: grid;
	min-width: 0;
	align-content: center;
	gap: 5px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-title{
	display: -webkit-box;
	overflow: hidden;
	color: var(--moedes-title-color);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-link:hover .moedes-forum-news__item-title,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-link:focus-visible .moedes-forum-news__item-title{
	color: var(--moedes-title-active-color);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-meta{
	gap: 5px;
	font-size: 11px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__badge{
	flex: 0 0 auto;
	padding: 1px 4px;
	border: 1px solid var(--moedes-news-accent);
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * 0.5);
	background: var(--moedes-forum-surface-muted);
	color: var(--moedes-news-accent);
	font-size: 10px;
	line-height: 1.2;
}

@supports (color: color-mix(in srgb, #000 50%, #fff)) {body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__badge{
		border-color: color-mix(in srgb, var(--moedes-news-accent) 55%, transparent);
		background: color-mix(in srgb, var(--moedes-news-accent) 12%, transparent);
	}}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__empty{
	margin: 0;
	color: var(--moedes-news-muted);
	font-size: 13px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__featured-link:focus-visible,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-link:focus-visible{
	outline: 2px solid var(--moedes-news-accent);
	outline-offset: 2px;
}

@media (max-width: 767px) {body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news{
		padding: 12px;
	}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-link{
		grid-template-columns: 78px minmax(0, 1fr);
		gap: 9px;
	}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-news__item-cover{
		width: 78px;
		height: 54px;
	}}/*
 * Vertical anime/news cards. The supplied reference uses a simple editorial
 * stack: a short heading followed by full-width image strips with white titles
 * anchored to the bottom edge. No card shadows or motion are added.
 */
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news{
	--moedes-anime-accent: var(--moedes-forum-accent, var(--focus-color, #2f6fed));
	--moedes-anime-border: var(--moedes-forum-border, var(--main-border-color, #e6eaf0));
	--moedes-anime-surface: var(--moedes-forum-surface, var(--main-bg-color, #fff));
	--moedes-anime-muted: var(--moedes-forum-muted, var(--muted-2-color, #7a8493));
	--moedes-anime-hover-brightness: .78;
	display: grid;
	gap: 12px;
	padding: 14px;
	border: 1px solid var(--moedes-anime-border);
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
	background: var(--moedes-anime-surface);
	color: var(--moedes-forum-text);
}body:is(.moedes-content-navigation, .moedes-content-list) .zib-widget-wrap:has(.moedes-forum-anime-news){
	margin-bottom: var(--moedes-forum-widget-gap);
}body:is(.moedes-content-navigation, .moedes-content-list) .sidebar > .zib-widget-wrap:has(.moedes-forum-anime-news):last-child{
	margin-bottom: 0;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__header{
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__title{
	margin: 0;
	color: var(--moedes-title-color);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__more{
	flex: 0 0 auto;
	padding: 5px 9px;
	border: 1px solid var(--moedes-anime-border);
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
	color: var(--moedes-forum-muted);
	font-size: 12px;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__more:hover,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__more:focus-visible{
	border-color: var(--moedes-anime-accent);
	color: var(--moedes-anime-accent);
	text-decoration: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__list{
	display: grid;
	gap: 9px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__item{
	min-width: 0;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__link{
	display: block;
	color: inherit;
	text-decoration: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__cover{
	display: block;
	position: relative;
	aspect-ratio: 14 / 5;
	overflow: hidden;
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * .7);
	background: var(--moedes-forum-surface-muted);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__cover img,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__cover .moedes-forum-recommendations__placeholder{
	display: block;
	width: 100%;
	height: 100%;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__cover img{
	object-fit: cover;
	transition: filter 180ms ease;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__link:hover .moedes-forum-anime-news__cover img,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__link:focus-visible .moedes-forum-anime-news__cover img{
	filter: brightness(var(--moedes-anime-hover-brightness));
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__cover .moedes-forum-recommendations__placeholder{
	display: grid;
	place-items: center;
	color: var(--moedes-anime-muted);
	font-size: 24px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__overlay{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: flex-end;
	min-height: 58%;
	padding: 24px 10px 9px;
	background: linear-gradient(180deg, transparent, rgba(15, 23, 42, .82));
	pointer-events: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__item-title{
	display: -webkit-box;
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-shadow: 0 1px 2px rgba(15, 23, 42, .48);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__link:hover .moedes-forum-anime-news__item-title{
	color: #fff;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__link:focus-visible{
	outline: 2px solid var(--moedes-anime-accent);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__cover img{
		transition: none;
	}}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__empty{
	margin: 0;
	color: var(--moedes-anime-muted);
	font-size: 13px;
}

@media (max-width: 767px) {body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news{
		padding: 12px;
	}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__title{
		font-size: 17px;
	}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-news__item-title{
		font-size: 13px;
	}}/*
 * Full-width anime notice panel. The feature panel stays above the numbered
 * rows while hover/focus only swaps its existing image/title/link.
 */
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice{
	--moedes-notice-accent: var(--moedes-forum-accent, var(--focus-color, #2f6fed));
	--moedes-notice-border: var(--moedes-forum-border, var(--main-border-color, #e6eaf0));
	--moedes-notice-surface: var(--moedes-forum-surface, var(--main-bg-color, #fff));
	--moedes-notice-muted: var(--moedes-forum-muted, var(--muted-2-color, #7a8493));
	--moedes-notice-feature-height: 150px;
	display: grid;
	gap: 10px;
	padding: 14px;
	border: 1px solid var(--moedes-notice-border);
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
	background: var(--moedes-notice-surface);
	color: var(--moedes-forum-text);
}body:is(.moedes-content-navigation, .moedes-content-list) .zib-widget-wrap:has(.moedes-forum-anime-notice){
	margin-bottom: var(--moedes-forum-widget-gap);
}body:is(.moedes-content-navigation, .moedes-content-list) .sidebar > .zib-widget-wrap:has(.moedes-forum-anime-notice):last-child{
	margin-bottom: 0;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__header{
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__title{
	margin: 0;
	color: var(--moedes-title-color);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__more{
	flex: 0 0 auto;
	color: var(--moedes-notice-muted);
	font-size: 12px;
	line-height: 1.3;
	text-decoration: none;
	white-space: nowrap;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__more:hover,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__more:focus-visible{
	color: var(--moedes-notice-accent);
	text-decoration: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__list{
	display: grid;
	gap: 4px;
	min-width: 0;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__layout{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
	align-items: start;
	min-width: 0;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__item{
	min-width: 0;
	min-height: 30px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__item-link{
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	gap: 6px;
	min-width: 0;
	align-items: center;
	color: var(--moedes-forum-text);
	font-size: 14px;
	line-height: 30px;
	text-decoration: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__item-number{
	display: block;
	width: 24px;
	color: var(--moedes-notice-muted);
	font-size: 13px;
	font-variant-numeric: tabular-nums;
	line-height: 30px;
	text-align: center;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__item-title{
	display: block;
	overflow: hidden;
	color: var(--moedes-title-color);
	text-overflow: ellipsis;
	white-space: nowrap;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__item-link:hover,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__item-link:focus-visible{
	color: var(--moedes-title-active-color);
	text-decoration: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__item.is-active .moedes-forum-anime-notice__item-number,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__item-link:hover .moedes-forum-anime-notice__item-number,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__item-link:focus-visible .moedes-forum-anime-notice__item-number{
	color: var(--moedes-title-active-color);
	font-weight: 600;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__item.is-active .moedes-forum-anime-notice__item-title{
	color: var(--moedes-title-active-color);
	font-weight: 600;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__item-link:hover .moedes-forum-anime-notice__item-title,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__item-link:focus-visible .moedes-forum-anime-notice__item-title{
	color: var(--moedes-title-active-color);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__featured{
	min-width: 0;
	height: var(--moedes-notice-feature-height);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__featured-link{
	display: block;
	color: inherit;
	text-decoration: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__featured-cover{
	display: block;
	position: relative;
	height: var(--moedes-notice-feature-height);
	overflow: hidden;
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * .7);
	background: var(--moedes-forum-surface-muted);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__featured-cover img,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__featured-cover .moedes-forum-recommendations__placeholder,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__featured-placeholder{
	display: block;
	width: 100%;
	height: 100%;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__featured-cover img{
	object-fit: cover;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__featured-cover .moedes-forum-recommendations__placeholder{
	display: grid;
	place-items: center;
	color: var(--moedes-notice-muted);
	font-size: 24px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__featured-placeholder{
	display: grid;
	place-items: center;
	color: var(--moedes-notice-muted);
	font-size: 24px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__featured-overlay{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: flex-end;
	min-height: 58%;
	padding: 24px 10px 9px;
	background: linear-gradient(180deg, transparent, rgba(15, 23, 42, .82));
	pointer-events: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__featured-title{
	display: -webkit-box;
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-shadow: 0 1px 2px rgba(15, 23, 42, .48);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__featured-link:focus-visible{
	outline: 2px solid var(--moedes-notice-accent);
	outline-offset: 2px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__empty{
	margin: 0;
	color: var(--moedes-notice-muted);
	font-size: 13px;
}

@media (max-width: 767px) {body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice{
		padding: 12px;
	}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__title{
		font-size: 17px;
	}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__item-link{
		font-size: 13px;
	}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__layout{
		grid-template-columns: 1fr;
	}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__featured,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-anime-notice__featured-cover{
		height: var(--moedes-notice-feature-height);
	}}/*
 * Latest-release list. Each row is a two-column editorial line: a compact
 * category chip and a single-line title. State colors are semantic and kept
 * in local variables so the theme can override them without selector stacks.
 */
body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release{
	--moedes-latest-accent: var(--moedes-forum-accent, var(--focus-color, #2f6fed));
	--moedes-latest-border: var(--moedes-forum-border, var(--main-border-color, #e6eaf0));
	--moedes-latest-surface: var(--moedes-forum-surface, var(--main-bg-color, #fff));
	--moedes-latest-muted: var(--moedes-forum-muted, var(--muted-2-color, #7a8493));
	--moedes-latest-tag-width: 84px;
	--moedes-latest-anime: #f08a18;
	--moedes-latest-new: #5b9d1b;
	--moedes-latest-game: #ef6262;
	display: grid;
	gap: 12px;
	padding: 14px;
	border: 1px solid var(--moedes-latest-border);
	border-radius: var(--moedes-forum-radius, var(--main-radius, 8px));
	background: var(--moedes-latest-surface);
	color: var(--moedes-forum-text);
}body:is(.moedes-content-navigation, .moedes-content-list) .zib-widget-wrap:has(.moedes-forum-latest-release){
	margin-bottom: var(--moedes-forum-widget-gap);
}body:is(.moedes-content-navigation, .moedes-content-list) .sidebar > .zib-widget-wrap:has(.moedes-forum-latest-release):last-child{
	margin-bottom: 0;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__header{
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__title{
	display: inline-flex;
	min-width: 0;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: var(--moedes-title-color);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__title .fa{
	color: var(--moedes-latest-accent);
	font-size: 18px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__more{
	flex: 0 0 auto;
	color: var(--moedes-latest-muted);
	font-size: 12px;
	line-height: 1.3;
	text-decoration: none;
	white-space: nowrap;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__more:hover,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__more:focus-visible{
	color: var(--moedes-latest-accent);
	text-decoration: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__list{
	display: grid;
	gap: 8px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__item{
	min-width: 0;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__link{
	display: grid;
	grid-template-columns: var(--moedes-latest-tag-width) minmax(0, 1fr);
	gap: 8px;
	min-width: 0;
	align-items: center;
	color: var(--moedes-forum-text);
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__tag{
	display: inline-flex;
	width: var(--moedes-latest-tag-width);
	min-width: 0;
	box-sizing: border-box;
	height: 22px;
	align-items: center;
	justify-content: center;
	padding: 0 4px;
	overflow: visible;
	border: 1px solid currentColor;
	border-radius: calc(var(--moedes-forum-radius, var(--main-radius, 8px)) * 0.5);
	font-size: 12px;
	line-height: 1;
	text-overflow: clip;
	white-space: nowrap;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__tag-text{
	display: block;
	overflow: visible;
	min-width: 0;
	text-overflow: clip;
	white-space: nowrap;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__tag.is-anime{
	color: var(--moedes-latest-anime);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__tag.is-new{
	color: var(--moedes-latest-new);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__tag.is-game{
	color: var(--moedes-latest-game);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__item-title{
	display: block;
	overflow: hidden;
	color: var(--moedes-title-color);
	text-overflow: ellipsis;
	white-space: nowrap;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__link:hover,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__link:focus-visible{
	color: var(--moedes-title-active-color);
	text-decoration: none;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__link:hover .moedes-forum-latest-release__item-title,body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__link:focus-visible .moedes-forum-latest-release__item-title{
	color: var(--moedes-title-active-color);
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__link:focus-visible{
	outline: 2px solid var(--moedes-latest-accent);
	outline-offset: 2px;
	border-radius: 3px;
}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__empty{
	margin: 0;
	color: var(--moedes-latest-muted);
	font-size: 13px;
}

@media (max-width: 767px) {body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release{
		padding: 12px;
	}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__title{
		font-size: 16px;
	}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release__link{
		font-size: 13px;
	}body:is(.moedes-content-navigation, .moedes-content-list) .moedes-forum-latest-release{
		--moedes-latest-tag-width: 78px;
	}}