/* 2026 appearance; shared structure and interactions come from prosilver. */
.recenttopic-index {
	font-size: inherit;
}

.recenttopic-tabs,
.recenttopic-list,
.recenttopic-row,
.recenttopic-empty {
	border-color: #d8d1c8;
}

.recenttopic-list,
.recenttopic-row,
.recenttopic-empty {
	background: var(--style-2026-color-page, #fbfaf7);
}

.recenttopic-row:hover {
	background: #f3e8df;
}

.recenttopic-avatar {
	border-color: var(--style-2026-color-page, #fbfaf7);
}

.recenttopic-row:hover .recenttopic-avatar {
	border-color: #f3e8df;
}

.recenttopic-title {
	font-size: 1.15em;
}

.recenttopic-meta,
.recenttopic-time {
	font-size: 0.92em;
}

@media (min-width: 701px) {
	.recenttopic-index {
		font-size: 1.12em;
	}

	.recenttopic-tabs {
		margin-bottom: 10px;
	}

	.recenttopic-tab {
		padding: 10px 14px;
		font-size: 1.08em;
	}

	.recenttopic-row {
		grid-template-columns: minmax(0, 1fr) minmax(94px, auto) minmax(154px, auto);
		gap: 20px;
		min-height: 68px;
		padding: 16px 10px;
	}

	.recenttopic-title {
		font-size: 1.6em;
		line-height: 1.28;
	}

	.recenttopic-meta {
		gap: 6px 12px;
		font-size: 1.1em;
	}

	.recenttopic-avatar {
		width: 38px;
		height: 38px;
		margin-left: -9px;
	}

	.recenttopic-stats {
		grid-template-columns: minmax(54px, auto) minmax(94px, auto);
		gap: 14px;
		font-size: 1.07em;
	}

	.recenttopic-time {
		font-size: 1em;
	}
}


/* Keep Latest still, including appended rows. Override the theme's inline GSAP scroll effects. */
.recenttopic-index .recenttopic-row,
.recenttopic-index .recenttopic-avatar img {
	opacity: 1 !important;
	transform: none !important;
}