/* Wrapper for content + sidebar layout */
.content-with-sidebar-wrapper {
	display: flex;
	gap: 3rem;
	align-items: flex-start;
	margin: 3rem 0;
}

/* Main content takes up remaining space */
.main-content-area {
	flex: 1;
	min-width: 0; /* Prevents flex item from overflowing */
}

/* Sidebar wrapper - fixed width on the right */
.sidebar-post-card-wrapper {
	flex: 0 0 350px;
	position: sticky;
	top: 3rem;
}

/* The actual card */
.sidebar-post-card {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	background: #fff;
}

.sidebar-post-card-image {
	width: 100%;
	aspect-ratio: 16/9;
	overflow: hidden;
}

.sidebar-post-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sidebar-post-card-content {
	padding: 1.5rem;
}

.sidebar-post-card-content h3 {
	margin: 0 0 1rem;
	font-size: 1.25rem;
	line-height: 1.3;
}

.sidebar-post-card-excerpt {
	margin-bottom: 1rem;
	color: #666;
	font-size: 0.9rem;
	line-height: 1.5;
}

.sidebar-post-card-excerpt p {
	margin: 0;
}

.sidebar-post-card-link {
	width: max-content;
}

/* Responsive: stack on mobile */
@media (max-width: 768px) {
	.content-with-sidebar-wrapper {
		flex-direction: column;
	}
	
	.sidebar-post-card-wrapper {
		flex: 1 1 auto;
		width: 100%;
		position: static;
	}
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
	.sidebar-post-card-wrapper {
		flex: 0 0 320px;
	}
	
	.content-with-sidebar-wrapper {
		gap: 1.5rem;
	}
}