/* Shared replacement logo asset. Keep the source art and its navy/gold tones intact. */
.brand-logo-image {
    display: block;
    flex: 0 0 auto;
    width: 63px;
    height: 63px;
    object-fit: contain;
    border-radius: 8px;
}
.logo > .brand-logo-image,
.header-logo > .brand-logo-image { width: 63px; height: 63px; }
.sidebar-logo > .brand-logo-image { width: 48px; height: 48px; }
.footer-brand .brand-logo-image { width: 63px; height: 63px; }
.brand-logo-cover { width: 114px; height: 114px; border-radius: 16px; }
.brand-logo-modal { width: 84px; height: 84px; margin: 0 auto 12px; }
.brand-logo-gateway { width: 72px; height: 72px; border-radius: 10px; }
.content-brand > .brand-logo-image { width: 51px; height: 51px; }
.content-footer .brand-logo-image { width: 48px; height: 48px; }
.logo-text { font-size: 1.25em; line-height: 1.15; }
.sidebar-logo .logo-text { font-size: 20px; }
.brand-logo-cover + .cover-brand-text .cover-brand-name { font-size: 44px; }
.content-brand { font-size: 25px; }
.content-footer .content-brand { font-size: 19px; }
@media (max-width: 600px) {
    .logo > .brand-logo-image,
    .header-logo > .brand-logo-image { width: 54px; height: 54px; }
    .sidebar-logo > .brand-logo-image { width: 45px; height: 45px; }
    .brand-logo-cover { width: 87px; height: 87px; }
    .brand-logo-modal { width: 78px; height: 78px; }
    .brand-logo-cover + .cover-brand-text .cover-brand-name { font-size: 27px; }
    .content-brand { font-size: 20px; }
    .content-footer .content-brand { font-size: 16px; }
}