/* SkilBrill Course Engine front-end styles — lean, mobile-first. */
.sbce-nap-bar {
	display: flex;
	gap: 1rem;
	justify-content: center;
	align-items: center;
	background: #0C1A3A;
	color: #fff;
	padding: .45rem 1rem;
	font-size: .9rem;
}
.sbce-nap-bar a { color: #F5C518; font-weight: 600; text-decoration: none; }
.sbce-overlay { margin-top: 2rem; }
.sbce-city-unique { margin: 2rem 0; padding: 1rem 1.25rem; background: #f8fafc; border-left: 4px solid #0C1A3A; }
.sbce-course {
	max-width: 1140px;
	margin: 0 auto;
	padding: 1.5rem 1rem 3rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: #1a1a1a;
	line-height: 1.6;
}
.sbce-breadcrumb {
	font-size: .85rem;
	color: #6b7280;
	margin-bottom: 1rem;
}
.sbce-breadcrumb a { color: #2563eb; text-decoration: none; }
.sbce-header h1 {
	font-size: clamp(1.6rem, 4vw, 2.4rem);
	line-height: 1.2;
	margin: 0 0 .5rem;
}
.sbce-tagline { font-size: 1.1rem; color: #4b5563; margin: 0 0 1rem; }
.sbce-hero img { width: 100%; height: auto; border-radius: 12px; }
.sbce-intro { margin: 1rem 0; }

.sbce-facts { margin: 1.5rem 0; }
.sbce-facts h2 { font-size: 1.35rem; }
.sbce-facts-table { width: 100%; border-collapse: collapse; }
.sbce-facts-table th, .sbce-facts-table td {
	border: 1px solid #e5e7eb;
	padding: .55rem .75rem;
	text-align: left;
	vertical-align: top;
}
.sbce-facts-table th { background: #f9fafb; width: 30%; }

.sbce-tldr, .sbce-who, .sbce-syllabus, .sbce-comparison, .sbce-ig,
.sbce-outcomes, .sbce-faq, .sbce-related, .sbce-locations, .sbce-cta {
	margin: 2rem 0;
}
.sbce-who-list, .sbce-outcomes-list, .sbce-related-list, .sbce-city-links {
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: .75rem;
}
.sbce-who-list li, .sbce-outcomes-list li {
	background: #f9fafb;
	border-radius: 8px;
	padding: .75rem 1rem;
}
.sbce-related-list li, .sbce-city-links li { padding: .4rem 0; }
.sbce-related-list a, .sbce-city-links a { color: #2563eb; text-decoration: none; }

.sbce-modules { list-style: none; counter-reset: mod; padding: 0; }
.sbce-module {
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	padding: 1rem;
	margin: .75rem 0;
	display: grid;
	grid-template-columns: 40px 1fr;
	gap: .75rem;
}
.sbce-module-index {
	font-weight: 700;
	color: #2563eb;
	font-size: 1.2rem;
}
.sbce-module-group {
	display: inline-block;
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #6b7280;
	background: #eef2ff;
	border-radius: 999px;
	padding: .15rem .6rem;
	margin-bottom: .25rem;
}
.sbce-module h4 { margin: .2rem 0 .5rem; font-size: 1.05rem; }
.sbce-module ul { margin: 0; padding-left: 1.2rem; }
.sbce-lab { background: #ecfdf5; }

.sbce-compare-table { width: 100%; border-collapse: collapse; }
.sbce-compare-table th, .sbce-compare-table td {
	border: 1px solid #e5e7eb;
	padding: .6rem .75rem;
	text-align: left;
	vertical-align: top;
}
.sbce-compare-table thead th { background: #1f2937; color: #fff; }

.sbce-cta {
	background: linear-gradient(135deg, #2563eb, #7c3aed);
	color: #fff;
	border-radius: 14px;
	padding: 1.5rem;
	text-align: center;
}
.sbce-cta h2 { color: #fff; }
.sbce-cta a { color: #fff; }
.sbce-btn-enroll {
	display: inline-block;
	margin-top: .75rem;
	background: #fff;
	color: #2563eb;
	font-weight: 700;
	padding: .7rem 1.6rem;
	border-radius: 999px;
	text-decoration: none;
}

/* Admin */
.sbce-admin .sbce-metrics-card { background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:1rem 1.25rem; margin:1.5rem 0; }
.sbce-metric-list { list-style:disc; padding-left:1.4rem; }
.sbce-metric-list li { margin:.2rem 0; }
.sbce-stale { color:#b45309; font-weight:600; }
.sbce-fresh { color:#15803d; font-weight:600; }
.sbce-admin code { background:#f3f4f6; padding:.1rem .35rem; border-radius:4px; }
.sbce-guide { background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:1rem 1.25rem; margin-top:1.5rem; }
.sbce-guide code { background:#f3f4f6; padding:.1rem .35rem; border-radius:4px; }