/* Personal Stories Single Post Template
 * Reuses News template CSS (.holder, .col-text, .col-image, .content, etc.)
 * This file only adds minimal styles for two-column text layout
 */

/* Two Column Text Fields Layout */
.text-columns-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.text-column {
	/* Inherits typography from .content styles */
}

/* Post Carousel Section */
section.post-carousel-section {
	padding-top: 40px;
	margin-top: 40px;
}
.personal-stories {
	border-bottom: 1px solid #000;
	margin-bottom: 73px;
}
/* Empty carousel placeholder */
.post-carousel-item--empty {
	visibility: hidden;
}

/* Responsive Design */
@media (max-width: 768px) {
	.text-columns-wrapper {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}