/* Shared MAMUN branding. */
.brand.mamun-brand{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;padding:0;background:transparent;color:#10253e;border:0;border-radius:0;text-decoration:none;line-height:1;flex-shrink:0;letter-spacing:0}
.mamun-brand .brand-mamun{display:flex;flex-direction:row;align-items:center;gap:8px}
.mamun-brand img{display:block;object-fit:contain;max-width:none}
.mamun-brand .brand-mamun img{width:28px;height:28px}
.mamun-brand .brand-mamun>span{font:700 17px/1.2 'Avenir Next','Segoe UI',sans-serif;letter-spacing:1px;color:inherit}


.sidebar>.mamun-brand{margin:0 0 32px;align-self:center;color:#f5f8ff}
.login-story>.mamun-brand{align-self:flex-start;margin-bottom:44px;color:#f5f8ff}

.mobile-brand,.login-mobile-brand{display:none}
.site-header>.mamun-brand{gap:16px}
@media(max-width:850px){.sidebar>.mamun-brand{display:none}.mobile-brand{display:block}.topbar{padding:12px 20px;gap:16px}.topbar .breadcrumb{margin-right:auto}.topbar .server-state{display:none}}
@media(max-width:600px){.login-mobile-brand{display:block;margin-bottom:28px}.topbar{padding:12px 14px;gap:12px;flex-wrap:nowrap}.topbar .breadcrumb{font-size:0;letter-spacing:0}.topbar .breadcrumb span{font-size:12px;margin:0}.topbar-right{gap:0}.mamun-brand .brand-mamun img{width:24px;height:24px}.mamun-brand .brand-mamun>span{font-size:15px;letter-spacing:.8px}.mamun-brand .brand-mamun{gap:6px}.brand.mamun-brand{gap:10px}}

.site-footer{flex-wrap:wrap;gap:12px}.site-footer>span{min-width:0;overflow-wrap:anywhere}

/* Keep the portal masthead and order content on the same grid. */
.site-header,.site-header~main,.site-header~.site-footer{width:calc(100% - 64px);max-width:1120px;margin-inline:auto}
.site-header{padding:26px 0 22px;gap:24px;border-bottom:1px solid #e5e9ed}
.site-header .brand-mamun{gap:12px}
.site-header .brand-mamun img{width:40px;height:40px}
.site-header .brand-mamun>span{font-size:24px;letter-spacing:1.2px}
.site-header~.site-footer{padding-inline:0}
@media(max-width:760px){
  .site-header,.site-header~main,.site-header~.site-footer{width:calc(100% - 40px)}
  .site-header{padding:20px 0 18px;gap:16px}
  .site-header .brand-mamun{gap:10px}
  .site-header .brand-mamun img{width:34px;height:34px}
  .site-header .brand-mamun>span{font-size:21px;letter-spacing:1px}
}
@media(max-width:520px){
  .site-header,.site-header~main,.site-header~.site-footer{width:calc(100% - 32px)}
  .site-header .brand-mamun img{width:32px;height:32px}
  .site-header .brand-mamun>span{font-size:20px}
}