/* Brand Guide download controls and path-only full-logo previews. */
#logo-lockup-colors .nup-logo::before,
#logo-lockup-colors .nup-logo::after {
  -webkit-mask-image: url("assets/brand/full-logo-outline.svg");
  mask-image: url("assets/brand/full-logo-outline.svg");
}

.logo-downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.logo-downloads a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 62px;
  padding: 8px 12px;
  border: 1px solid #AFC5D3;
  border-radius: 8px;
  background: #FFFFFF;
  color: #1D5273;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  transition: background-color .2s ease, border-color .2s ease;
}

.logo-downloads a:hover {
  background: #E6F5FF;
  border-color: #286F9D;
}

.logo-downloads a:focus-visible,
.logo-bundle-link:focus-visible {
  outline: 3px solid #1D5273;
  outline-offset: 3px;
}

.logo-bundle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  margin: 0 0 24px;
}

.logo-bundle-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 8px;
  background: #286F9D;
  color: #FFFFFF;
  font-weight: 800;
  text-decoration: none;
}

.logo-bundle-link:hover { background: #1D5273; }
.logo-bundle p { margin: 0; color: #5B666E; font-size: 13px; }

@media (prefers-reduced-motion: reduce) {
  .logo-downloads a { transition: none; }
}

@media (forced-colors: active) {
  .logo-downloads a,
  .logo-bundle-link { border: 1px solid LinkText; background: Canvas; color: LinkText; }
}