/**
 * Broader homepage style refinements: category badges, links,
 * the tip-submission banner, the post-list title, and other
 * small polish items beyond the filter bar.
 */

.post-categories,
.post-categories .cat-item {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.post-categories .cat-item a {
	display: inline-block !important;
	box-sizing: border-box !important;
	background: #cf2e2e !important;
	border: none !important;
	border-radius: 20px !important;
	padding: 4px 12px !important;
	margin: 0 4px 4px 0 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

.post-link-button {
	color: #cf2e2e !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

.post-link-button:hover {
	color: #a82424 !important;
}

.ss-tip-banner {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 14px 18px !important;
	margin: 20px 0 !important;
	background: #f7f7f7 !important;
	border: none !important;
	border-left: 4px solid #cf2e2e !important;
	border-radius: 6px !important;
}

.ss-tip-banner-text {
	flex: 1 !important;
	min-width: 200px !important;
	font-size: 14px !important;
	color: #333333 !important;
}

.ss-tip-banner-link {
	flex-shrink: 0 !important;
	font-weight: 600 !important;
	color: #cf2e2e !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.ss-tip-banner-link:hover {
	color: #a82424 !important;
}

@media (max-width: 600px) {
	.ss-tip-banner {
		flex-wrap: wrap !important;
	}
}

.ss-section-title {
	font-size: 20px !important;
	font-weight: 700 !important;
	margin: 0 0 16px !important;
	color: #1a1a1a !important;
}
@media (max-width: 600px) {
	.site-title,
	.site-title a {
		font-size: 26px !important;
	}

	.site-description {
		font-size: 13px !important;
	}
}