.public-site, .portal-body, .fi-body { --powerspike-yellow: #dfbd32; --powerspike-ink: #17191c; }
.site-brand-logo { display: inline-flex; align-items: center; flex: 0 0 auto; width: 8.25rem; height: 2.75rem; max-width: 100%; line-height: 1; }
.site-brand-logo img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; }
.site-brand-logo-ar { gap: .5rem; }
.site-brand-logo-ar .site-brand-emblem { flex: 0 0 auto; width: 2.75rem; height: 2.75rem; }
.site-brand-wordmark { font-family: "Segoe UI", Tahoma, Arial, sans-serif; font-size: 1.35rem; font-weight: 500; white-space: nowrap; line-height: 1.4; }
.ip-footer .site-brand-logo-ar .site-brand-emblem { width: 2rem; height: 2rem; }
.ip-footer .site-brand-logo-ar .site-brand-wordmark { font-size: 1rem; }
@media (max-width: 640px) { .ip-header .site-brand-logo-ar { gap: .35rem; } .ip-header .site-brand-logo-ar .site-brand-emblem { width: 2rem; height: 2rem; } .ip-header .site-brand-wordmark { font-size: 1.1rem; } }
@media (max-width: 480px) { .ip-footer .site-brand-logo-ar { gap: .25rem; } .ip-footer .site-brand-logo-ar .site-brand-emblem { width: 1.5rem; height: 1.5rem; } .ip-footer .site-brand-logo-ar .site-brand-wordmark { font-size: .9rem; } }
.site-brand-logo .site-brand-logo-dark { display: none; }
html.dark .site-brand-logo .site-brand-logo-light,
html[data-color-mode="dark"] .site-brand-logo .site-brand-logo-light,
.fi-sidebar .site-brand-logo .site-brand-logo-light { display: none; }
html.dark .site-brand-logo .site-brand-logo-dark,
html[data-color-mode="dark"] .site-brand-logo .site-brand-logo-dark,
.fi-sidebar .site-brand-logo .site-brand-logo-dark { display: block; }
.ip-brand .site-brand-logo { width: 10.5rem; height: 3.5rem; }
.portal-brand .site-brand-logo { width: 9rem; height: 3rem; }
.fi-logo:has(.site-brand-logo) { display: flex; align-items: center; }
.fi-logo .site-brand-logo img { height: 100%; max-height: 2.75rem; }
/* Charcoal navigation uses the white wordmark in both appearance modes. */
.portal-topbar .site-brand-logo .site-brand-logo-light,
.fi-topbar .site-brand-logo .site-brand-logo-light { display: none !important; }
.portal-topbar .site-brand-logo .site-brand-logo-dark,
.fi-topbar .site-brand-logo .site-brand-logo-dark { display: block !important; }
.guest-brand { display: flex; justify-content: center; margin: 0 auto 1.5rem; width: fit-content; }
.guest-brand .site-brand-logo { width: 12rem; height: 4rem; }
@media (max-width: 480px) {
    .portal-brand .site-brand-logo { width: 7.5rem; height: 2.5rem; }
}