@layer bbSchoolCards {
/* Compact school directory; course readers and dialogs keep their existing layout. */
.bb-learning-hub {gap:22px!important}
.bb-learning-hub > .bb-directory-heading {padding:15px!important;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)!important;background:var(--bb-surface,var(--card))!important;box-shadow:none!important;border-radius:18px!important}
.bb-learning-hub > .bb-directory-heading h1 {font-size:28px!important;line-height:1.3!important;margin:0 0 8px!important}
.bb-learning-hub > .bb-directory-heading p {font-size:14px!important;line-height:1.6!important;margin:0 0 8px!important}
.bb-learning-hub > .bb-directory-heading small {display:inline-block!important;align-self:flex-start!important;width:fit-content!important;max-width:100%!important;font-size:12px!important;line-height:1.5!important;color:var(--ink)!important;background:color-mix(in srgb,var(--ink) 7%,transparent)!important;padding:4px 9px!important;border-radius:999px!important}
.bb-learning-hub > .bb-directory-group {padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.bb-learning-hub .bb-directory-group-heading {margin:0 0 14px!important;padding:10px 12px!important;background:var(--bb-surface,var(--card))!important;border-radius:12px!important}
.bb-learning-hub .bb-directory-group-heading h2 {font-size:18px!important;line-height:1.4!important;margin:0!important}
.bb-learning-hub .bb-directory-group-heading p {font-size:13px!important;line-height:1.5!important;margin:5px 0 0!important}
.bb-learning-hub .bb-directory-group-heading small {font-size:12px!important;white-space:nowrap}
.bb-learning-hub .bb-learning-courses,
.bb-learning-hub .bb-ea-stages {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:0!important;padding:0!important}
.bb-learning-hub .bb-learning-courses > .bb-mv-entry,
.bb-learning-hub .bb-ea-stages > .bb-ea-stage {display:flex!important;flex-direction:column!important;position:relative!important;align-items:stretch!important;justify-content:flex-start!important;min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important;width:auto!important;padding:0!important;margin:0!important;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent)!important;border-radius:18px!important;background:var(--bb-surface,var(--card))!important;color:var(--ink)!important;box-shadow:0 4px 14px #00000012!important;overflow:hidden!important;text-align:start!important;isolation:isolate;}
.bb-learning-hub .bb-learning-courses > .bb-mv-entry > img,
.bb-learning-hub .bb-ea-stages > .bb-ea-stage > img {display:block!important;position:static!important;inset:auto!important;width:100%!important;height:86px!important;min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:center!important;opacity:1!important;filter:none!important;transform:none!important;aspect-ratio:auto!important;flex:none!important;border-radius:0!important}
.bb-learning-hub .bb-mv-entry-shade {display:none!important}
.bb-learning-hub .bb-learning-courses > .bb-mv-entry > .bb-mv-entry-content,
.bb-learning-hub .bb-ea-stage > .bb-directory-course-content {position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:6px!important;min-width:0!important;padding:13px!important;flex:1!important;color:var(--ink)!important;text-shadow:none!important;}
.bb-learning-hub .bb-mv-entry-content > strong,
.bb-learning-hub .bb-directory-course-content > strong {font-size:17px!important;line-height:1.4!important;letter-spacing:0!important;margin:0!important;min-height:2.8em!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;color:var(--ink)!important;text-shadow:none!important;}
.bb-learning-hub .bb-mv-eyebrow,
.bb-learning-hub .bb-directory-course-meta {font-size:12px!important;line-height:1.5!important;letter-spacing:0!important;margin:0!important;color:var(--ink)!important;opacity:.76;white-space:normal!important}
.bb-learning-hub .bb-mv-entry-content > span:not(.bb-mv-eyebrow):not(.bb-mv-entry-link),
.bb-learning-hub .bb-ea-hint {display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;min-height:3.1em!important;font-size:13px!important;line-height:1.55!important;letter-spacing:0!important;margin:0!important;color:var(--ink)!important;opacity:.85;text-shadow:none!important;}
.bb-learning-hub .bb-mv-entry-link,
.bb-learning-hub .bb-directory-course-link {background:transparent!important;border-radius:0!important;width:100%!important;max-width:none!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;font-size:13px!important;line-height:1.5!important;font-weight:600!important;padding:8px 0 0!important;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)!important;margin-top:auto!important;color:var(--ink)!important;text-shadow:none!important;}
.bb-learning-hub .bb-mv-entry-link > span,
.bb-learning-hub .bb-directory-course-link > span {font-size:16px!important;line-height:1!important}
.bb-learning-hub .bb-learning-events-link {padding:16px!important}
@media(min-width:760px){.bb-learning-hub .bb-learning-courses,.bb-learning-hub .bb-ea-stages{grid-template-columns:repeat(4,minmax(0,1fr))!important}.bb-learning-hub .bb-learning-courses > .bb-mv-entry > img,.bb-learning-hub .bb-ea-stages > .bb-ea-stage > img{height:100px!important}}

}