@layer bbSchoolCards {
/* A compact page heading, with the course total in its upper-right corner. */
.bb-learning-hub > .bb-directory-heading {
 display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
 align-items:start!important;gap:8px 10px!important;padding:14px!important;
}
.bb-learning-hub > .bb-directory-heading h1 {
 grid-column:1!important;grid-row:1!important;margin:0!important;min-width:0!important;
 overflow-wrap:anywhere!important;
}
.bb-learning-hub > .bb-directory-heading small {
 grid-column:2!important;grid-row:1!important;justify-self:end!important;
 align-self:start!important;width:auto!important;max-width:140px!important;
 margin:3px 0 0!important;text-align:right!important;white-space:normal!important;
}
.bb-learning-hub > .bb-directory-heading p {
 grid-column:1 / -1!important;grid-row:2!important;margin:0!important;
}
/* Each suite has one continuous surface containing its heading, progress and cards. */
.bb-learning-hub > .bb-directory-group {
 padding:14px!important;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)!important;
 border-radius:18px!important;background:var(--bb-surface,var(--card))!important;
 box-shadow:none!important;min-width:0!important;
}
.bb-learning-hub .bb-directory-group .bb-directory-group-summary {
 background:transparent!important;border:0!important;border-radius:0!important;
 padding:0!important;margin:0 0 16px!important;box-shadow:none!important;
}
.bb-learning-hub .bb-directory-group .bb-event-academy {
 padding:0!important;margin:0!important;background:transparent!important;
 border:0!important;border-radius:0!important;gap:0!important;
}
.bb-learning-hub .bb-directory-group .bb-learning-courses > .bb-mv-entry,
.bb-learning-hub .bb-directory-group .bb-ea-stages > .bb-ea-stage {
 background:transparent!important;box-shadow:none!important;
}
}