/* Numerical Archive visible brand — isolated patch V2 */

a.brand:has(.na-brand-assets) {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  text-decoration: none !important;
}

.na-brand-assets {
  display: block;
  width: 224px;
  max-width: 224px;
  line-height: 0;
  flex: 0 0 224px;
}

.na-brand-logo {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  object-fit: contain;
}

.na-brand-logo-white {
  display: none;
}

/* Dark footer areas use the transparent white logo. */
.site-footer .na-brand-logo-light,
.footer .na-brand-logo-light {
  display: none;
}

.site-footer .na-brand-logo-white,
.footer .na-brand-logo-white {
  display: block;
}

/* Footer logo can be slightly wider. */
.site-footer .na-brand-assets,
.footer .na-brand-assets {
  width: 232px;
  max-width: 232px;
  flex-basis: 232px;
}

/* Medium screens */
@media (max-width: 1180px) {
  .na-brand-assets {
    width: 194px;
    max-width: 194px;
    flex-basis: 194px;
  }
}

/* Mobile: use icon only for a clean header. */
@media (max-width: 720px) {
  .site-header .na-brand-assets,
  .header .na-brand-assets {
    width: 46px;
    height: 46px;
    max-width: 46px;
    flex-basis: 46px;
    background: url("/assets/brand/brand-icon.svg?v=2") center/contain no-repeat;
  }

  .site-header .na-brand-logo,
  .header .na-brand-logo {
    display: none !important;
  }

  .site-footer .na-brand-assets,
  .footer .na-brand-assets {
    width: 205px;
    max-width: 205px;
    height: auto;
    flex-basis: 205px;
    background: none;
  }

  .site-footer .na-brand-logo-white,
  .footer .na-brand-logo-white {
    display: block !important;
  }
}