/* Course outline — focus mode (current lesson only), no flicker */

.outline-lesson.bg-surface-gray-3 {
	border-left: 3px solid #10375c;
	background: #e8eef5 !important;
	font-weight: 600;
}

.outline-lesson.bg-surface-gray-3 a {
	color: #10375c;
}

.lms-outline-focus-toggle {
	padding: 10px 16px 12px;
	border-bottom: 1px solid #e2e8f0;
	background: #f8fafc;
}

.lms-outline-focus-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	background: #fff;
	color: #10375c;
	font-size: 13px;
	font-weight: 600;
	font-family: inherit;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.lms-outline-focus-btn:hover {
	background: #e8eef5;
	border-color: #10375c;
}

/* After ready: hide non-current items in focus mode */
html.lms-outline-ready.lms-outline-focus-on .lms-outline-dim {
	display: none !important;
}

html.lms-outline-ready.lms-outline-focus-on .lms-outline-active-chapter > button {
	pointer-events: none;
}

html.lms-outline-ready.lms-outline-focus-on .lms-outline-active-chapter .outline-lesson.bg-surface-gray-3 {
	border-radius: 8px;
	margin: 4px 8px 8px;
}