/* Extracted from lib.css — loaded conditionally via functions.php */

/* ── Sidebar layouts (TT25 PHP templates) ───────────────────── */

/* Lesson layout: sidebar left, content right */

.lib-lesson-layout {
	display: flex;
	align-items: flex-start;
	gap: 2rem;
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 1.5rem;
}

.lib-lesson-sidebar {
	flex: 0 0 260px;
	min-width: 0;
}

.lib-lesson-main {
	flex: 1;
	min-width: 0;
}

@media (max-width: 768px) {
	.lib-lesson-layout {
		flex-direction: column;
	}
	.lib-lesson-sidebar {
		flex: none;
		width: 100%;
	}
}

/* ─── Archive / Single post layout ─────────────────────────────── */

.lib-archive-layout,
.lib-single-layout {
	display: flex;
	align-items: flex-start;
	gap: 3rem;
	max-width: 1200px;
	margin: 0 auto;
	padding: 3rem 2rem;
}

.lib-archive-main,
.lib-single-main {
	flex: 1;
	min-width: 0;
}

.lib-archive-sidebar,
.lib-single-sidebar {
	flex: 0 0 268px;
	min-width: 0;
	order: -1;
}

@media (max-width: 900px) {
	.lib-archive-layout,
	.lib-single-layout {
		flex-direction: column;
		padding: 2rem 1.25rem;
		gap: 2rem;
	}
	.lib-archive-sidebar,
	.lib-single-sidebar {
		flex: none;
		width: 100%;
		position: static;
		max-height: none;
		order: 1;
	}
}