/* Keep the existing header slot and scroll behavior; contain the supplied square logo. */
header .brand,header:not(.scrolled) .brand{width:104px;height:48px;display:flex;align-items:center;justify-content:flex-start}
header .course-brand-logo{display:block;width:48px;height:48px;max-width:none;object-fit:contain}
header.scrolled .brand{width:48px;height:48px;justify-content:center;background:transparent;border-radius:0}
/* Keep enrolment visible beside the menu throughout mobile scrolling. */
@media(max-width:600px){
 header .brand,header:not(.scrolled) .brand{width:44px;height:44px;flex-shrink:0}
 header .course-brand-logo{width:40px;height:40px}
 header .contact{display:inline-flex;min-height:44px;padding:10px 14px;font-size:12px;line-height:20px;margin-left:auto;margin-right:8px;white-space:nowrap}
 header .menu{min-width:44px;min-height:44px;flex-shrink:0}
 header.scrolled{background:#faf1fff5;border:1px solid #dfcce9;box-shadow:0 6px 20px #31005512;border-radius:18px;padding:6px 10px;backdrop-filter:blur(12px)}
}