/* BUILD 1.0.0 — 2026-08-26 — lesson player */
.drhoda-watch { padding-block: 3rem 5rem; }
.drhoda-watch-grid {
	display: grid;
	gap: 2rem;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
}
@media (min-width: 1024px) { .drhoda-watch-grid { grid-template-columns: minmax(0, 1.7fr) 20rem; } }
.drhoda-watch-main { min-width: 0; }
.drhoda-watch-media,
.drhoda-watch-placeholder {
	overflow: hidden;
	border-radius: 2rem;
	border: 1px solid hsl(var(--drhoda-blush, 8 51% 87%) / 0.6);
	background: hsl(var(--drhoda-cream, 20 43% 94%) / 0.5);
}
.drhoda-watch-placeholder {
	display: grid;
	place-items: center;
	min-height: 16rem;
	padding: 2rem;
	text-align: center;
	font-size: 0.9rem;
	color: hsl(var(--drhoda-muted-fg, 79 8% 42%));
}
.drhoda-lesson-frame { position: relative; padding-top: 56.25%; }
.drhoda-lesson-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.drhoda-lesson-video { width: 100%; height: auto; display: block; background: #000; }
.drhoda-lesson-image { width: 100%; height: auto; display: block; }
.drhoda-watch-section { margin: 1.5rem 0 0; font-size: 0.8rem; color: hsl(var(--drhoda-nude, 20 33% 68%)); }
.drhoda-watch-title {
	margin: 0.4rem 0 0;
	font-size: 1.5rem;
	font-weight: 800;
	color: hsl(var(--drhoda-olive-deep, 79 13% 33%));
}
.drhoda-watch-content { margin-top: 1.25rem; font-size: 1rem; line-height: 2; color: hsl(var(--drhoda-muted-fg, 79 8% 42%)); }
.drhoda-watch-nav {
	margin-top: 2rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: space-between;
	border-top: 1px solid hsl(var(--drhoda-blush, 8 51% 87%) / 0.6);
	padding-top: 1.5rem;
}
.drhoda-watch-aside {
	min-width: 0;
	border-radius: 2rem;
	border: 1px solid hsl(var(--drhoda-blush, 8 51% 87%) / 0.6);
	background: hsl(var(--drhoda-card, 0 0% 100%));
	padding: 1.5rem;
}
@media (min-width: 1024px) { .drhoda-watch-aside { position: sticky; top: 6rem; max-height: 80vh; overflow-y: auto; } }
.drhoda-watch-course {
	margin: 0 0 1.25rem;
	font-size: 1.1rem;
	font-weight: 800;
	color: hsl(var(--drhoda-olive-deep, 79 13% 33%));
}
.drhoda-watch-section-block { margin-bottom: 1.25rem; }
.drhoda-watch-section-title {
	margin: 0 0 0.5rem;
	font-size: 0.85rem;
	font-weight: 700;
	color: hsl(var(--drhoda-nude, 20 33% 68%));
}
.drhoda-watch-lessons { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 0.25rem; }
.drhoda-watch-lesson {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	border-radius: 0.9rem;
	padding: 0.6rem 0.75rem;
	font-size: 0.85rem;
	color: hsl(var(--drhoda-olive-deep, 79 13% 33%));
	text-decoration: none;
	transition: background-color 0.25s ease;
}
.drhoda-watch-lesson:hover { background: hsl(var(--drhoda-cream, 20 43% 94%)); }
.drhoda-watch-lesson.is-active { background: hsl(var(--drhoda-blush, 8 51% 87%) / 0.7); font-weight: 600; }
.drhoda-watch-lesson-icon { color: hsl(var(--drhoda-nude, 20 33% 68%)); display: inline-flex; flex-shrink: 0; }