/* Academy branding is scoped to plugin components. */
:is(.mj-ui, .mj-main) {
	--mj-brand: var(--bosla-primary, #3066ff);
	--mj-brand-600: color-mix(in srgb, var(--bosla-primary, #3066ff), #101828 18%);
	--mj-brand-700: color-mix(in srgb, var(--bosla-primary, #3066ff), #101828 28%);
	--mj-brand-50: color-mix(in srgb, var(--bosla-primary, #3066ff) 8%, white);
	--mj-ink: var(--bosla-heading, #101828);
	--mj-ink-2: var(--bosla-text, #475467);
	--mj-muted: var(--bosla-text, #475467);
	color: var(--bosla-text, #475467);
}
:is(.mj-ui, .mj-main) :is(h1,h2,h3) { color: var(--bosla-heading, #101828); }
:is(.mj-ui, .mj-main) .mj-progress__bar { background: var(--bosla-progress, #3066ff); }
:is(.mj-ui, .mj-main) .mj-dashboard__head { background: linear-gradient(120deg, #101828, var(--bosla-primary, #3066ff)); }
:is(.mj-ui, .mj-main) .mj-dashboard__head h1 { color: white; }
.bosla-account-brand { display:flex; align-items:center; gap:12px; font-size:20px; color:var(--bosla-heading, #101828); }
.bosla-account-brand img { border-radius:14px; object-fit:contain; }
.mj-catalog.bosla-catalog-list .mj-course-grid { grid-template-columns:minmax(0,1fr); }
.bosla-catalog-list .mj-course-card { display:grid; grid-template-columns:minmax(160px,28%) minmax(0,1fr); }
.bosla-catalog-list .mj-course-card__media { height:100%; }
@media(max-width:600px) {
	.bosla-catalog-list .mj-course-card { display:flex; flex-direction:column; }
}