.cf-news-section {
			max-width: 1200px;
			margin: 0 auto;
			color: #111;
		}

		.cf-news-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 24px;
			gap: 20px;
		}

		.cf-news-header h2 {
			font-size: 22px;
			font-weight: 700;
			margin: 0;
		}

		.cf-news-header a {
			font-size: 14px;
			color: #888;
			text-decoration: none;
		}

		.cf-news-header a:hover {
			color: #555;
		}

		.cf-news-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 15px;
			align-items: stretch;
		}

		.cf-news-grid > * {
			height: 98.5%;
		}

		.cf-thumb {
			position: relative;
			width: 100%;
			aspect-ratio: 16 / 9;
			overflow: hidden;
			background: #eaeaea;
			border-radius: 14px 14px 0 0;
		}

		.cf-thumb img {
			width: 100%;
			object-fit: cover;
			display: block;
		}

		.cf-thumb-placeholder {
			display: block;
			width: 100%;
			height: 100%;
			background: #eaeaea;
		}

		.cf-feature {
			background: #fff;
			border-radius: 16px;
			overflow: hidden;
			box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
			border: 1px solid #f0f0f0;
		}

		.cf-feature-content {
			padding: 14px 22px 22px 15px;
			display: flex;
			flex-direction: column;
			gap: 8px;
		}

		.cf-feature-title {
			font-size: 22px;
			line-height: 1.4;
			margin: 0 0 10px;
			color: #111;
			font-weight: 700;
		}

		.cf-feature-title a {
			color: inherit;
			text-decoration: none;
		}

		.cf-feature-title a:hover {
			color: #6b4b2c;
		}

		.cf-excerpt {
			font-size: 14px;
			color: #555;
			line-height: 1.6;
			margin: 0;
		}

		.cf-feature-content {
			position: relative;
			z-index: 1;
		}

		.cf-meta {
			margin-top: 10px;
			font-size: 12px;
			color: #888;
			display: flex;
			gap: 16px;
			align-items: center;
		}

		.cf-meta-date,
		.cf-meta-count {
			display: inline-flex;
			align-items: center;
			gap: 6px;
		}

		.cf-meta-date::before {
			content: "🗓";
			font-size: 12px;
		}

		.cf-meta-count::before {
			content: "👁";
			font-size: 12px;
		}

		.cf-date {
			position: absolute;
			top: 14px;
			left: 14px;
			background: #fff;
			padding: 8px 10px;
			border-radius: 10px;
			text-align: center;
			font-weight: 600;
			box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
		}

		.cf-date strong {
			display: block;
			font-size: 18px;
		}

		.cf-date span {
			font-size: 11px;
			color: #666;
			text-transform: uppercase;
		}

		.cf-list {
			display: flex;
			flex-direction: column;
			gap: 16px;
			height: 100%;
		}

		.cf-item {
			display: flex;
			gap: 14px;
			background: #fff;
			padding: 14px;
			border-radius: 14px;
			box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
			border: 1px solid #f2f2f2;
		}

	.cf-item-thumb {
		position: relative;
		width: 50%;
		min-width: 180px;
		max-width: 240px;
		aspect-ratio: 16 / 9;
		overflow: hidden;
		border-radius: 12px;
		flex-shrink: 0;
	}

.cf-item-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
}

		.cf-item-overlay {
			position: absolute;
			inset: 0;
			background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			padding: 8px;
			color: #fff;
		}

		.cf-item-overlay span {
			font-size: 11px;
			letter-spacing: 1px;
			text-transform: uppercase;
		}

		.cf-item-overlay strong {
			font-size: 13px;
		}

		.cf-item-content h4 {
			font-size: 14px;
			line-height: 1.4;
			margin: 0 0 6px;
		}

		.cf-item-content h3 {
			font-size: 14px;
			line-height: 1.4;
			margin: 0 0 6px;
		}

		.cf-item-content h4 a {
			color: inherit;
			text-decoration: none;
		}

		.cf-item-content h4 a:hover {
			color: #6b4b2c;
		}

		.cf-item-content .cf-excerpt {
			font-size: 13px;
			color: #666;
		}

		.cf-badge {
			align-self: flex-start;
			display: inline-flex;
			padding: 4px 10px;
			border-radius: 12px;
			background: #c77a2a;
			color: #fff;
			font-size: 12px;
			font-weight: 600;
			text-decoration: none;
			margin-bottom: 6px;
		}

		.cf-item-content {
			display: flex;
			flex-direction: column;
			gap: 6px;
			flex: 1;
		}

		.cf-item-content .cf-meta {
			margin-top: 4px;
		}

		@media (max-width: 900px) {
			.cf-news-grid {
				grid-template-columns: 1fr;
			}
		}

		@media (max-width: 640px) {
			.cf-news-header {
				flex-direction: column;
				align-items: flex-start;
			}

			.cf-item {
				flex-direction: column;
			}

			.cf-item-thumb {
				width: 100%;
				max-width: none;
				aspect-ratio: 16 / 9;
			}
		}