/* Existing styles */
body {
  font-family: Arial, sans-serif;
  margin: 40px;
  background-color: #bcbcbc;
}
h1 {
  color: #333;
}
.image-list {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.image-list li {
  margin: 10px 0;
}
.image-list a {
  text-decoration: none;
  color: #1a73e8;
}
.image-list a:hover {
  text-decoration: underline;
}
.image-list img {
  width: 120px;
  height: auto;
  border: 1px solid #ddd;
  /* ...existing code... */
}

/* New classes for Branding Standards */
.image-list .logo {
  width: 150px;
  border-radius: 4px;
  padding: 5px;
  background-color: #bcbcbc;
  /* Additional logo-specific styles */
}

.image-list .icon {
  width: 80px;
  /* Additional icon-specific styles */
}

.image-list .favicon {
  width: 32px;
  /* Additional favicon-specific styles */
}

/* Error message styling */
.error-message {
  color: red;
  margin-top: 20px;
}

/* Accessibility Enhancements */
.image-list img:focus-visible {
  outline: 2px solid var(--mui-palette-primary-main);
}