/* Core Learn LMS: course outline (1.3.0). Uses the academy brand tokens. */
.clms-syllabus {
	--s-border: var(--clms-border, #e4e4e7);
	--s-ink: var(--clms-ink, #0a192f);
	--s-muted: var(--clms-muted, #52525b);
	--s-brand: var(--clms-primary, #ff6b00);
	--s-brand-soft: var(--clms-primary-soft, #fff1e6);
	--s-on-brand: var(--clms-on-primary, #0a192f);
	--s-brand-text: var(--clms-primary-text, #0a192f);
	margin: 0 0 28px;
	padding: 20px 22px;
	background: #fff;
	color: var(--s-ink);
	border: 1px solid var(--s-border);
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(9, 9, 11, 0.04), 0 8px 24px rgba(9, 9, 11, 0.06);
}

.clms-syllabus__header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 20px;
	margin-bottom: 14px;
}

.clms-syllabus__title { margin: 0 0 2px; font-size: 1.25rem; line-height: 1.3; }
.clms-syllabus__totals, .clms-syllabus__progress { margin: 0; font-size: 0.95rem; color: var(--s-muted); }
.clms-syllabus__progress { font-weight: 600; color: var(--s-brand-text); }

.clms-syllabus__continue {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 10px 20px;
	border-radius: 12px;
	background: var(--s-brand);
	color: var(--s-on-brand);
	font-weight: 700;
	text-decoration: none;
}

.clms-syllabus__continue:hover { filter: brightness(0.95); }
.clms-syllabus__continue:focus-visible, .clms-syllabus a.clms-syllabus__link:focus-visible { outline: 3px solid var(--s-ink); outline-offset: 2px; }

.clms-syllabus__list { list-style: none; margin: 0; padding: 0; }

.clms-syllabus__item {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 12px;
	min-height: 52px;
	padding: 10px 4px;
	border-top: 1px solid var(--s-border);
}

.clms-syllabus__item:first-child { border-top: 0; }
.clms-syllabus__icon { display: inline-flex; color: var(--s-brand-text); }
.clms-syllabus__body { display: flex; flex-direction: column; min-width: 0; }
.clms-syllabus__link { font-weight: 600; color: var(--s-ink); text-decoration: none; overflow-wrap: anywhere; }
.clms-syllabus a.clms-syllabus__link { color: var(--s-brand-text); }
.clms-syllabus a.clms-syllabus__link:hover { text-decoration: underline; }
.clms-syllabus__meta { font-size: 0.85rem; color: var(--s-muted); }
.clms-syllabus__state { display: inline-flex; align-items: center; gap: 8px; font-size: 0.85rem; color: var(--s-muted); }
.clms-syllabus__lock { display: inline-flex; color: var(--s-muted); }
.clms-syllabus__done { display: inline-flex; padding: 3px; border-radius: 999px; background: #1a7f37; color: #fff; }
.clms-syllabus__badge { padding: 3px 10px; border-radius: 999px; background: var(--s-brand-soft); color: var(--s-brand-text); font-weight: 700; }
.clms-syllabus__item.is-locked .clms-syllabus__link, .clms-syllabus__item.is-locked .clms-syllabus__icon { color: var(--s-muted); }

@media (max-width: 480px) {
	.clms-syllabus { padding: 16px; }
	.clms-syllabus__continue { width: 100%; justify-content: center; }
}