/**
 * AI Professional Course — lesson design system.
 * Scoped to .sw-lesson so nothing else inherits it.
 * Palette: AWI orange #ff6600 / navy #0f0568 / blue #220bb1. Font: Inter.
 */

.sw-lesson {
	max-width: 760px;
	margin: 0 auto;
	font-size: 1rem;
	line-height: 1.65;
}

/* Step cards: hover lift + check fill on toggle (JS optional) */
.sw-lesson li[style*="border-left:5px solid #ff6600"] {
	transition: box-shadow .18s ease, transform .18s ease;
}
.sw-lesson li.sw-step-card {
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
}
.sw-lesson li.sw-step-card:focus-visible {
	outline: 3px solid #220bb1;
	outline-offset: 2px;
}
.sw-lesson li[style*="border-left:5px solid #ff6600"]:hover {
	box-shadow: 0 6px 18px rgba(15, 5, 104, .10);
	transform: translateY(-1px);
}
.sw-lesson li[style*="border-left:5px solid #ff6600"].done {
	background: #f0fdf4;
	border-left-color: #019e7c;
}
.sw-lesson li[style*="border-left:5px solid #ff6600"].done > span[aria-hidden] {
	background: #019e7c;
	border-color: #019e7c;
	position: relative;
}
.sw-lesson li[style*="border-left:5px solid #ff6600"].done > span[aria-hidden]::after {
	content: "✓";
	color: #fff;
	font-size: .8rem;
	font-weight: 800;
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Reading rhythm */
.sw-lesson p { margin: .7rem 0; }
.sw-lesson a { word-break: break-word; }

/* Responsive video */
.sw-lesson iframe { max-width: 100%; }

/* Quiz/lesson content images round off */
.sw-lesson img { border-radius: 12px; height: auto; }

/* Mobile */
@media (max-width: 480px) {
	.sw-lesson { font-size: .95rem; }
	.sw-lesson li[style*="border-left:5px solid #ff6600"] { padding: .85rem .9rem; gap: .7rem; }
}