/* Preserve the complete supplied 814 x 365 artwork, without cropping. */
a.mongo-education-brand { display:flex; align-items:center; min-width:0; flex-shrink:0; }
img.mongo-education-logo { display:block; width:100%; height:auto; aspect-ratio:1873 / 840; object-fit:contain; border-radius:0; background:transparent; box-shadow:none; }
.edu-brand.mongo-education-brand, .portal-brand.mongo-education-brand,
.learning-brand.mongo-education-brand, .tutor-brand.mongo-education-brand,
.transport-brand.mongo-education-brand { padding-inline:0; width:100%; }
.platform-brand.mongo-education-brand, .brand.mongo-education-brand { width:190px; max-width:100%; }
.platform-brand img.mongo-education-logo { width:100%; height:auto; }
.public-brand.mongo-education-brand { width:138px; max-width:100%; }
.public-footer-brand { width:260px; max-width:100%; }
a.mongo-education-brand:focus-visible { outline:3px solid #d9b969; outline-offset:4px; border-radius:8px; }
@media(max-width:600px) {
  .platform-brand.mongo-education-brand, .brand.mongo-education-brand { width:156px; }
  .public-brand.mongo-education-brand { width:124px; }
}
/* Preserve the landing header's intended hidden actions on narrow screens.
   Its legacy .btn display rule otherwise overrides the .hidden utility. */
@media(max-width:639px) {
  #nav .btn.hidden { display:none; }
}

/* Independent pages use the complete artwork, never legacy square logo sizes. */
img.mongo-education-compact-logo { width:190px; max-width:100%; height:auto; flex-shrink:0; }
.admin-login-card img.mongo-education-logo, .admin-portal-topbar img.mongo-education-logo,
.checkout-topbar img.mongo-education-logo, .brand img.mongo-education-logo { width:190px; max-width:100%; height:auto; }
.mongo-technical-brand { margin-block:0 20px; max-width:100%; }
@media(max-width:600px) {
  img.mongo-education-compact-logo, .admin-login-card img.mongo-education-logo,
  .admin-portal-topbar img.mongo-education-logo, .checkout-topbar img.mongo-education-logo,
  .brand img.mongo-education-logo { width:156px; }
  .admin-portal-topbar { flex-wrap:wrap; }
}


/* Complete artwork remains uncropped. Wider navigation keeps both wordmarks readable.
   Each module retains its original mobile-open/close and workspace breakpoint. */
.edu-sidebar, .education-module-page .edu-sidebar, .portal-sidebar, .transport-sidebar {
  width:min(340px, calc(100vw - 32px)); padding-inline:12px;
}
.edu-brand.mongo-education-brand, .portal-brand.mongo-education-brand,
.transport-brand.mongo-education-brand { gap:0; flex:0 0 auto; }
.edu-brand img.mongo-education-logo, .portal-brand img.mongo-education-logo,
.transport-brand img.mongo-education-logo { max-width:100%; flex-shrink:0; }
@media(min-width:901px) {
  body:not(.education-module-page) .education-workspace, .portal-workspace { margin-right:340px; }
}
@media(min-width:1081px) { .education-module-page .education-workspace { margin-right:340px; } }
@media(max-width:1080px) { .education-module-page .edu-sidebar:not(.is-open) { right:-360px; } }
@media(min-width:961px) { .transport-workspace { margin-right:340px; } }
img.mongo-education-logo-light { aspect-ratio:1875 / 839; filter:none; }

/* Some permitted journeys retain the original LMS/tutoring shell. Keep its
   compact tablet rail, but enlarge the complete wordmark in full/mobile menus. */
.learning-brand.mongo-education-brand, .tutor-brand.mongo-education-brand { gap:0; flex:0 0 auto; }
.learning-brand img.mongo-education-logo, .tutor-brand img.mongo-education-logo { max-width:100%; flex-shrink:0; }
@media(min-width:1121px) {
  .learning-sidebar { width:340px; padding-inline:12px; }
  .learning-workspace { margin-right:340px; }
}
@media(min-width:1181px) {
  .tutor-sidebar { width:340px; padding-inline:12px; }
  .tutor-workspace { margin-right:340px; }
}
@media(max-width:780px) {
  .learning-sidebar { width:min(340px, calc(100vw - 32px)); padding-inline:12px; }
  .learning-sidebar:not(.is-open) { right:-360px; }
}
@media(max-width:700px) {
  .tutor-sidebar { width:min(340px, calc(100vw - 32px)); padding-inline:12px; }
  .tutor-sidebar:not(.is-open) { right:-360px; }
}