.timeline-container { position: relative; margin: 0 auto; max-width: 1024px; padding: 2rem 0; }
	.timeline-item-content p { color: #4b5563; line-height: 1.6; margin: 0; }
	.timeline-image { margin-top: 1rem; max-width: 100%; height: auto; border-radius: 0.5rem; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
	.timeline-title { font-weight: 700; font-size: 1.15rem; color: #1f2937; margin-bottom: 0.5rem; }

	/* --- CRISS-CROSS VIEW --- */
	.timeline-view-criss-cross .timeline-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background-color: #e5e7eb; transform: translateX(-50%); display: none; }
	.timeline-view-criss-cross .timeline-item { position: relative; margin-bottom: 3rem; padding: 0 1rem; }
	.timeline-view-criss-cross .timeline-dot { position: absolute; left: 50%; top: 1.25rem; width: 1.25rem; height: 1.25rem; border-radius: 9999px; background-color: #ffffff; border: 4px solid #e5e7eb; transform: translateX(-50%); z-index: 10; transition: border-color 0.3s ease; display: none; }
	.timeline-view-criss-cross .timeline-item:hover .timeline-dot { border-color: #3b82f6; }
	.timeline-view-criss-cross .timeline-item-heading .date { font-size: 1.25rem; font-weight: 700; color: #2563eb; margin: 0; }
	.timeline-view-criss-cross .timeline-item-content { margin-top: 1rem; }

	@media (min-width: 768px) {
		.timeline-view-criss-cross .timeline-line, .timeline-view-criss-cross .timeline-dot { display: block; }
		.timeline-view-criss-cross .timeline-item { padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }
		.timeline-view-criss-cross .timeline-item-content { margin-top: 0; }
		.timeline-view-criss-cross .timeline-item:nth-child(odd) .timeline-item-heading { grid-column: 1; text-align: right; }
		.timeline-view-criss-cross .timeline-item:nth-child(odd) .timeline-item-content { grid-column: 2; text-align: left; }
		.timeline-view-criss-cross .timeline-item:nth-child(even) .timeline-item-heading { grid-column: 2; text-align: left; }
		.timeline-view-criss-cross .timeline-item:nth-child(even) .timeline-item-content { grid-column: 1; grid-row: 1; text-align: right; }
	}

	/* --- GRID VIEW --- */
	.timeline-view-grid { padding: 1rem 0; }
	.timeline-view-grid .timeline-line, .timeline-view-grid .timeline-dot { display: none !important; }
	.timeline-view-grid .timeline-item { display: flex; border: 1px solid #111; margin-bottom: -1px; background: #fff; }
	.timeline-view-grid .timeline-item-heading { flex: 0 0 160px; border-right: 1px solid #111; padding: 1.5rem 1rem; display: flex; justify-content: center; align-items: flex-start; }
	.timeline-view-grid .timeline-item-heading .date { font-size: 1.1rem; font-weight: 700; color: #8A1538; margin: 0; }
	.timeline-view-grid .timeline-item-content { flex: 1; padding: 1.5rem; text-align: left; }

	@media (max-width: 600px) {
		.timeline-view-grid .timeline-item { flex-direction: column; }
		.timeline-view-grid .timeline-item-heading { flex: auto; border-right: none; border-bottom: 1px solid #111; padding: 1rem; justify-content: flex-start; }
		.timeline-view-grid .timeline-item-content { padding: 1rem; }
	}