.campus-logo{display:inline-flex;width:205px;height:65px;flex-shrink:0;align-items:center;letter-spacing:normal;max-width:100%}
.campus-logo img{display:none;width:100%;height:100%;object-fit:contain;object-position:left center}
.campus-logo .brand-classic-light{display:block}
html[data-color-mode=dark] .campus-logo .brand-classic-light{display:none}
html[data-color-mode=dark] .campus-logo .brand-classic-dark{display:block}
html[data-appearance-theme=green] .campus-logo img{display:none}
html[data-appearance-theme=green][data-color-mode=light] .campus-logo .brand-green-light{display:block}
html[data-appearance-theme=green][data-color-mode=dark] .campus-logo .brand-green-dark{display:block}
/* These containers have a permanently dark background in either screen mode. */
:is(.sidebar,.site-head,.login-art,body>header) .campus-logo img{display:none!important}
:is(.sidebar,.site-head,.login-art,body>header) .campus-logo .brand-classic-dark{display:block!important}
html[data-appearance-theme=green] :is(.sidebar,.site-head,.login-art,body>header) .campus-logo .brand-classic-dark{display:none!important}
html[data-appearance-theme=green] :is(.sidebar,.site-head,.login-art,body>header) .campus-logo .brand-green-dark{display:block!important}
.sidebar>.brand{padding:0;min-height:78px}.login-brand .campus-logo{width:300px;height:94px}
body>header .campus-logo,.site-head .campus-logo{width:180px;height:56px}
.campus-profile-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid var(--border,#b9d1cc);border-radius:12px;font:600 14px system-ui;color:var(--text,#173b43);background:var(--surface,#fff)}
.nav-list .campus-profile-link{margin-top:8px;background:transparent;color:inherit}.site-head .campus-profile-link{font-size:12px;min-height:36px}
@media(max-width:600px){.campus-logo{width:180px;height:57px}.login-brand .campus-logo{width:240px;height:76px}.site-head .campus-logo{width:160px;height:50px}}

/* A single image per logo: safe even before preferences arrive. */
html .campus-logo img.campus-logo-image{display:block!important;width:100%;height:100%;max-width:100%;object-fit:contain}
