/* Ensures favicon displays correctly */
link[rel="icon"] {
  image-rendering: optimizeQuality;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Prevent favicon squishing on mobile */
@media (max-width: 768px) {
  link[rel="icon"], 
  link[rel="apple-touch-icon"] {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
}

/* Ensure proper favicon appearance on high-DPI displays */
@media (-webkit-min-device-pixel-ratio: 2), 
       (min-resolution: 192dpi) {
  link[rel="icon"] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/* Ensure the favicon maintains its white and black color scheme */
link[rel="icon"] {
  filter: contrast(100%) brightness(100%);
}