/* Heading styles */
h1 {
	font-size: 2.25rem;
	/* Reduced from 2.5rem (40px) to 36px */
	font-weight: 600;
	color: rgb(3, 84, 76);
	/* Darker obsidian-like shade */
	margin-bottom: 1.5rem;
	line-height: 1.2;
	text-align: center;
}

h2 {
	font-size: 1.875rem;
	/* 30px */
	font-weight: 600;
	color: #005b52;
	/* Slightly lighter but still dark */
	margin: 2rem 0 1rem;
	line-height: 1.3;
}

h3 {
	font-size: 1.5rem;
	/* 24px */
	font-weight: 500;
	color: #2a3b3d;
	/* Darker shade for hierarchy */
	margin: 1.5rem 0 0.75rem;
	line-height: 1.4;
}

/* Paragraph styles */
main p {
	font-size: 1rem;
	/* 16px */
	margin-bottom: 1.25rem;
	color: #1a1a1a;
	/* Obsidian-like black for text */
	max-width: 800px;
	/* Limits line length for readability */
}

/* Table styles */
.beautiful-table , table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.5rem 0;
	overflow-x: auto;
}

/* List styles */
.arrow-list {
	list-style: none;
	margin: 1rem 0 1.5rem 1.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	h1 {
		font-size: 1.875rem;
		/* Reduced from 2rem (32px) to 30px */
	}

	h2 {
		font-size: 1.5rem;
		/* 24px */
	}

	h3 {
		font-size: 1.25rem;
		/* 20px */
	}

	p {
		font-size: 0.9375rem;
		/* 15px */
	}

	main {
		padding-inline: 0;
	}
}

@media (max-width: 480px) {
	h1 {
		font-size: 1.5rem;
		/* Reduced from 1.75rem (28px) to 24px */
	}

	h2 {
		font-size: 1.25rem;
		/* 20px */
	}

	h3 {
		font-size: 1.125rem;
		/* 18px */
	}

	p {
		font-size: 0.875rem;
		/* 14px */
	}

	.beautiful-table {
		font-size: 0.8125rem;
		/* 13px */
	}

	.arrow-list {
		margin-left: 1rem;
	}
}