/* ===== RESET & BASE ===== */
		* { margin: 0; padding: 0; box-sizing: border-box; }

		body {
			font-family: 'Inter', sans-serif;
			background-color: #fff;
			color: #252525;
			-webkit-font-smoothing: antialiased;
			min-height: 100vh;
			overflow-x: hidden;
		}

		/* ===== CBS HEADER ===== */
		.site-header {
			background-color: #fff;
			position: sticky;
			top: 0;
			z-index: 100;
			box-shadow: 0 1px 4px rgba(0,0,0,0.08);
		}

		.logo-img {
			height: 26px;
			display: block;
		}

		.icon-btn {
			background: none;
			border: none;
			color: #333;
			font-size: 1.15rem;
			cursor: pointer;
			padding: 8px;
			border-radius: 50%;
			transition: background 0.2s, color 0.2s;
			line-height: 1;
		}

		.icon-btn:hover {
			background: #f0f0f0;
			color: #000;
		}

		/* Header Mobile */
		.mobile-top-bar {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 10px 16px;
			height: 52px;
		}

		.desktop-top-bar {
			display: none;
		}

		/* CBS accent bar under header */
		.header-accent {
			height: 3px;
			background: linear-gradient(90deg, #c40000 0%, #e63946 50%, #c40000 100%);
		}

		/* ===== ARTICLE AREA ===== */
		.main-content {
			background-color: #fff;
			padding: 20px 0 0;
			max-width: 800px;
			margin: 0 auto;
		}

		/* --- BREAKING NEWS BANNER --- */
		.breaking-news-banner {
			max-width: 800px;
			margin: 0 auto;
			padding: 10px 16px;
			display: flex;
			align-items: center;
			gap: 14px;
			border-bottom: 1px solid #e8e8e8;
		}

		.breaking-news-label {
			display: inline-flex;
			align-items: center;
			background: #f2f2f2;
			padding: 6px 16px;
			font-size: 13px;
			font-weight: 700;
			color: #252525;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			white-space: nowrap;
			border-left: 4px solid #c40000;
		}

		.breaking-news-date {
			font-size: 13px;
			color: #252525;
			font-weight: 400;
		}

		/* --- ARTICLE HEADER --- */
		.article-header {
			max-width: 800px;
			margin: 0 auto;
			padding: 20px 16px 0;
		}

		.article-category {
			font-size: 12px;
			font-weight: 700;
			color: #c40000;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			margin-bottom: 12px;
			display: inline-block;
		}

		.article-title {
			font-family: 'Inter', sans-serif;
			font-size: 32px;
			font-weight: 800;
			line-height: 1.2;
			color: #000;
			margin: 0 0 16px 0;
		}

		.article-meta {
			display: flex;
			align-items: center;
			gap: 16px;
			padding: 12px 0;
			border-top: 1px solid #e8e8e8;
			margin-bottom: 0;
			flex-wrap: wrap;
		}

		.article-date {
			font-size: 13px;
			color: #6b6b6b;
		}

		.article-author {
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.author-avatar {
			width: 32px;
			height: 32px;
			border-radius: 50%;
			flex-shrink: 0;
			object-fit: cover;
		}

		.author-name {
			font-size: 13px;
			font-weight: 700;
			color: #252525;
		}

		.author-role {
			font-size: 11px;
			color: #6b6b6b;
		}

		/* --- ARTICLE BODY --- */
		.article-body {
			max-width: 800px;
			margin: 0 auto;
			padding: 24px 16px 0;
			font-size: 18px;
			line-height: 1.75;
			color: #333;
		}

		.article-body p {
			font-size: 18px;
			line-height: 1.75;
			color: #333;
			margin-bottom: 20px;
		}

		.article-body b, .article-body strong {
			color: #1a1a1a;
			font-weight: 700;
		}

		.article-body img.hero-img {
			width: 100%;
			border-radius: 4px;
			margin: 0 0 24px;
		}

		.article-body hr {
			border: none;
			border-top: 1px solid #e5e5e5;
			margin: 32px 0;
		}

		/* ===== INTERVIEW SECTION ===== */
		.interview-section {
			margin: 32px 0;
		}

		.interview-turn {
			margin-bottom: 28px;
		}

		.speaker-img {
			width: 100%;
			border-radius: 6px;
			display: block;
			margin-bottom: 14px;
		}

		.speaker-label {
			font-size: 14px;
			color: #666;
			margin-bottom: 10px;
			padding-bottom: 8px;
			border-bottom: 1px solid #e5e5e5;
		}

		.speaker-label b {
			color: #252525;
			font-size: 15px;
		}

		.interview-turn .speaker-text {
			font-size: 17px;
			line-height: 1.7;
			color: #333;
			margin-bottom: 10px;
		}

		.interview-turn .speaker-text:last-child {
			margin-bottom: 0;
		}

		/* ===== CTA SECTION ===== */
		.cta-section {
			text-align: center;
			margin: 40px 0;
		}

		.cta-section img {
			width: 100%;
			border-radius: 4px;
			margin-bottom: 16px;
		}

		.cta-link {
			display: block;
			color: #2563eb;
			font-size: 18px;
			font-weight: 700;
			text-decoration: underline;
			margin-bottom: 16px;
		}

		.cta-button {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			box-sizing: border-box;
			width: 90%;
			max-width: 640px;
			min-height: 56px;
			padding: 16px 28px;
			font-family: 'Inter', sans-serif;
			font-size: clamp(16px, 3.5vw, 21px);
			font-weight: 800;
			line-height: 1.25;
			letter-spacing: 0.04em;
			color: #fff !important;
			text-decoration: none !important;
			border: 1px solid rgba(255,255,255,0.22);
			border-radius: 10px;
			background: linear-gradient(180deg, #d43030 0%, #c40000 42%, #a00000 100%);
			box-shadow: 0 5px 0 #7a0000, 0 10px 22px rgba(196,0,0,0.42), 0 14px 32px rgba(0,0,0,0.14);
			transition: filter 0.2s ease, box-shadow 0.2s ease;
			animation: cta-pulse 1.15s ease-in-out infinite alternate;
		}

		.cta-button:hover {
			background: linear-gradient(180deg, #e04040 0%, #d43030 42%, #b30000 100%);
			filter: brightness(1.02);
			box-shadow: 0 6px 0 #6a0000, 0 12px 28px rgba(196,0,0,0.52), 0 18px 40px rgba(0,0,0,0.16);
		}

		@keyframes cta-pulse {
			from { transform: scale(1); }
			to { transform: scale(1.035); }
		}

		/* ===== BLOCKQUOTE ===== */
		.article-blockquote {
			background-color: #f8f8f8;
			border-left: 4px solid #c40000;
			padding: 20px 24px;
			margin: 28px 0;
			font-style: italic;
			color: #555;
			font-size: 17px;
			line-height: 1.6;
			border-radius: 0 4px 4px 0;
		}

		/* ===== SPONSORED SECTION ===== */
		.sponsored-section {
			margin: 40px 0;
			padding-top: 20px;
			border-top: 1px solid #e5e5e5;
		}

		.sponsored-header {
			display: flex;
			justify-content: space-between;
			align-items: baseline;
			margin-bottom: 20px;
		}

		.sponsored-header h3 {
			font-size: 14px;
			font-weight: 700;
			color: #1a1a1a;
		}

		.sponsored-header span {
			font-size: 12px;
			color: #2563eb;
		}

		.sponsored-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 20px;
		}

		.sponsored-item {
			cursor: pointer;
			text-decoration: none;
			color: #1a1a1a;
			display: block;
		}

		.sponsored-item:hover { text-decoration: none; }

		.sponsored-item img {
			width: 100%;
			height: 140px;
			object-fit: cover;
			border-radius: 4px;
			margin-bottom: 8px;
		}

		.sponsored-item p {
			font-size: 13px;
			font-weight: 600;
			line-height: 1.4;
			color: #1a1a1a;
		}

		.sponsored-item:hover p { color: #c40000; }

		/* ===== COMMENTS ===== */
		.comments-wrapper {
			margin-top: 40px;
		}

		/* ===== FOOTER ===== */
		.site-footer {
			padding: 40px 20px;
			background: #fafafa;
			color: #949494;
			margin-top: 40px;
		}

		.site-footer-inner {
			max-width: 740px;
			margin: 0 auto;
			text-align: center;
		}

		.site-footer nav {
			margin-bottom: 16px;
		}

		.site-footer nav a {
			color: #949494;
			font-size: 14px;
			text-decoration: underline;
		}

		.site-footer nav span {
			color: #949494;
			margin: 0 8px;
		}

		.site-footer p {
			font-size: 13px;
			line-height: 20px;
			color: #949494;
		}

		/* ===== MOBILE RESPONSIVE ===== */
		@media (max-width: 768px) {
			.article-title { font-size: 24px; }
			.article-body, .article-body p { font-size: 16px; }
			.interview-box { padding: 16px; }
			.speaker-avatar { width: 40px; height: 40px; }
			.breaking-news-banner { padding: 8px 12px; gap: 10px; }
			.breaking-news-label { font-size: 11px; padding: 3px 12px; }
			.sponsored-grid { grid-template-columns: repeat(2, 1fr); }
		}

		@media (max-width: 480px) {
			.sponsored-grid { grid-template-columns: 1fr; }
		}

		/* ===== DESKTOP HEADER ===== */
		@media (min-width: 768px) {
			.mobile-top-bar { display: none; }

			.desktop-top-bar {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 0 40px;
				height: 56px;
				max-width: 1200px;
				margin: 0 auto;
			}

			.d-nav-left {
				display: flex;
				align-items: center;
				gap: 0;
			}

			.d-nav-left a {
				color: #333;
				text-decoration: none;
				font-size: 0.85rem;
				font-weight: 600;
				padding: 16px 14px;
				transition: color 0.2s, background 0.15s;
				position: relative;
				letter-spacing: 0.01em;
			}

			.d-nav-left a:hover {
				color: #c40000;
				background: #fafafa;
			}

			.d-nav-left a i {
				font-size: 0.65rem;
				margin-left: 4px;
				opacity: 0.5;
			}

			.d-nav-right {
				display: flex;
				align-items: center;
				gap: 8px;
			}

			.d-nav-right .icon-btn {
				font-size: 1rem;
			}

			.article-header { padding: 20px 20px 0; }
			.article-body { padding: 24px 20px 0; }
		}