/* Utility classes that might be missing from your base Tailwind */
	.bg-gray-750 {
		background-color: #2d3748;
	}
	.text-gray-250 {
		color: #e5e7eb;
	}
	/* Style overrides for the markdown content */
	.about-content h1 {
		font-size: 1.875rem;
		font-weight: 700;
		color: #e5e7eb; /* text-gray-250 */
		margin-bottom: 1.5rem;
		padding-bottom: 1.5rem;
		padding-top: 1rem;
		border-bottom: 1px solid #4b5563; /* border-gray-600 */
		/* 	display: none; Hide the first h1 as we're already displaying it above */
	}

	.about-content h2 {
		font-size: 1.5rem;
		font-weight: 600;
		color: #e5e7eb; /* text-gray-250 */
		margin-top: 2rem;
		margin-bottom: 1rem;
	}

	.about-content h3 {
		font-size: 1.25rem;
		font-weight: 500;
		color: #60a5fa; /* text-blue-400 */
		margin-top: 1.5rem;
		margin-bottom: 0.75rem;
	}

	.about-content p {
		margin-bottom: 1rem;
		color: #f3f4f6; /* text-gray-100 */
	}

	.about-content ul {
		margin-bottom: 1.5rem;
		margin-left: 1.5rem;
		list-style-type: disc;
	}

	.about-content ol {
		margin-bottom: 1.5rem;
		margin-left: 1.5rem;
		list-style-type: decimal;
	}

	.about-content ul li, .about-content ol li {
		color: #f3f4f6; /* text-gray-100 */
		margin-bottom: 0.5rem;
	}

	.about-content a {
		color: #60a5fa; /* text-blue-400 */
	}

	.about-content a:hover {
		text-decoration: underline;
	}

	.about-content blockquote {
		border-left: 4px solid #60a5fa; /* border-blue-400 */
		padding-left: 1rem;
		font-style: italic;
		margin: 1rem 0;
	}

	.about-content hr {
		margin: 2rem 0;
		border-color: #4b5563; /* border-gray-600 */
	}