@import url("/brand/palette.css?v=20261002-palette-1");

/* Shared brand marks remain legible in light and dark themes. */
:root{--site-logo-width:216px;--site-header-height:calc(var(--site-logo-width) * 64 / 270);--site-nav-gap:10px}
.site-brand-logo{display:block!important;width:var(--site-logo-width)!important;max-width:100%!important;height:auto!important;object-fit:contain!important}

.admin-brand-heading{display:flex;align-items:center;gap:12px}.admin-brand-heading h1{margin:0}.admin-brand-heading .eyebrow{margin:0 0 4px}
@media(max-width:600px){:root{--site-logo-width:180px}}

.admin-brand-heading img{flex:none;width:40px;height:40px}.recovery-entry{display:block;margin:14px 0;color:inherit;text-decoration:underline}

/* Brand colors shared by desktop and mobile. */
:focus-visible { outline-color: var(--wx-focus); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--wx-primary); }

/* Keep the fixed header sized to the logo, with an exact gap before navigation. */
.top,.top > .wrap{height:var(--site-header-height);line-height:var(--site-header-height)}
.top .logo{flex:0 0 var(--site-logo-width);width:var(--site-logo-width)!important;line-height:0}
.navbar{margin-top:calc(var(--site-header-height) + var(--site-nav-gap))}

/* The footer shares the current logo, with sizing isolated from the fixed header. */
#footer .footlogo > a{display:flex;align-items:center;height:100%;line-height:0}
#footer .footlogo .site-footer-logo{display:block;width:160px;max-width:100%;height:auto}
@media(max-width:620px){#footer .footlogo .site-footer-logo{width:145px}}