/* Typography Match */
			body {
				font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
				background-color: #ffffff;
				color: #000;
				-webkit-font-smoothing: antialiased;
			}

			/* --- HEADER STYLES --- */
			.cnn-header-wrapper {
				position: sticky;
				top: 0;
				z-index: 50;
				background: white;
			}

			.cnn-header-inner {
				max-width: 1280px;
				margin: 0 auto;
				padding: 0 16px;
				height: 54px;
				/* Image height seems compact */
				display: flex;
				align-items: center;
				justify-content: space-between;
			}

			.nav-link {
				font-size: 14px;
				font-weight: 700;
				color: #000;
				text-decoration: none;
				margin-right: 16px;
			}

			.nav-link:hover {
				color: #555;
			}

			.btn-signin {
				border: 1px solid #ccc;
				border-radius: 4px;
				/* More rectangular in the image */
				padding: 4px 12px;
				font-size: 13px;
				font-weight: 700;
				color: #000;
				background: white;
				white-space: nowrap;
				border-radius: 8px;
			}

			.btn-signin:hover {
				background-color: #f9f9f9;
			}

			.thick-black-line {
				height: 2px;
				background-color: #000;
				width: 100%;
			}

			/* --- TICKER SECTION --- */
			.ticker-container {
				max-width: 1280px;
				margin: 0 auto;
				padding: 24px 16px 0 16px;
				/* Top padding */
			}

			.ticker-grid {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 30px;
				padding-bottom: 24px;
				border-bottom: 1px solid #e6e6e6;
				/* The thin grey line */
				position: relative;
			}

			.ticker-item {
				display: flex;
				align-items: flex-start;
				gap: 12px;
				cursor: pointer;
				position: relative;
				padding-bottom: 10px;
				/* Space for the bar */
			}

			.ticker-circle {
				width: 50px;
				height: 50px;
				border-radius: 50%;
				object-fit: cover;
				flex-shrink: 0;
				background-color: #ddd;
			}

			.ticker-meta {
				margin-top: -2px;
			}

			.ticker-label {
				color: #CC0000;
				font-size: 10px;
				font-weight: 700;
				text-transform: uppercase;
				letter-spacing: 0.5px;
				margin-bottom: 4px;
				display: block;
			}

			.ticker-headline {
				font-size: 16px;
				line-height: 1.25;
				color: #000;
				font-weight: 400;
			}

			/* The Red Bar under the active item */
			.red-bar {
				position: absolute;
				bottom: -25px;
				/* Pushes it down to align with the container border */
				left: 0;
				width: 100%;
				height: 4px;
				background-color: #CC0000;
				z-index: 10;
			}

			/* --- MAIN LAYOUT --- */
			.content-grid {
				justify-content: center;
				display: flex;
				gap: 40px;
				max-width: 1280px;
				margin: 30px auto;
				padding: 0 16px;
			}

			.sidebar {
				width: 260px;
				flex-shrink: 0;
			}

			.feed-main {
				flex-grow: 1;
			}

			/* Feed Line Styles */
			.feed-timeline {
				border-left: 1px solid #e6e6e6;
				margin-left: 5px;
				padding-left: 25px;
			}

			.post-container {
				position: relative;
				padding-bottom: 40px;
				border-bottom: 1px solid #e6e6e6;
				margin-bottom: 30px;
			}

			.timeline-dot {
				width: 10px;
				height: 10px;
				background: #000;
				border-radius: 50%;
				border: 2px solid white;
				box-shadow: 0 0 0 1px #e6e6e6;
				position: absolute;
				left: -31px;
				/* Center on line */
				top: 5px;
			}

			.timeline-dot.breaking {
				background: #CC0000;
				width: 14px;
				height: 14px;
				left: -33px;
				top: 3px;
				border: none;
				box-shadow: none;
			}

			/* Sidebar Header */
			.sidebar-title {
				border-top: 4px solid #000;
				padding-top: 10px;
				font-size: 18px;
				font-weight: 700;
				margin-bottom: 20px;
			}

			.collapse {
				visibility: visible !important;
			}