/**
 * Text Section Block Styles
 * 
 * Additional CSS styles for the Text Section block
 * 
 * @package Master
 * @version 1.0.0
 */

.text-section-block {
	position: relative;
}

.text-section-block .container {
	position: relative;
	z-index: 1;
}

/* Prose styles for better typography */

.text-section-block .prose h1,
.text-section-block .prose h2,
.text-section-block .prose h3,
.text-section-block .prose h4,
.text-section-block .prose h5,
.text-section-block .prose h6 {
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 1rem;
}

.text-section-block .prose p {
	margin-bottom: 1.5rem;
}

.text-section-block .prose ul,
.text-section-block .prose ol {
	margin-bottom: 1.5rem;
	padding-left: 1.5rem;
}

.text-section-block .prose li {
	margin-bottom: 0.5rem;
}

.text-section-block .prose a {
	color: #2563eb;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.text-section-block .prose a:hover {
	color: #1d4ed8;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.text-section-block .container {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

/* Animation support */
.text-section-block .fade-in-up {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.text-section-block .fade-in-up.animated {
	opacity: 1;
	transform: translateY(0);
}