/* Keep footer payment marks monochrome, including hover/focus. */
footer > .container > div:first-child,
footer > .container > div:first-child:hover,
footer > .container > div:first-child:focus-within {
  filter: grayscale(1) !important;
  opacity: .5 !important;
  transition: none !important;
}
/* Coda's SVG has a wide empty right edge; close that artificial gap. */
footer > .container > div:first-child svg:nth-last-child(2) { margin-right: -54px; }
footer > .container > div:first-child svg:last-child {
  height: 28px !important;
  max-width: none !important;
  flex-shrink: 0;
}
@media (max-width: 639px) {
  footer > .container > div:first-child svg:nth-last-child(2) { margin-right: -42px; }
  footer > .container > div:first-child svg:last-child { height: 24px !important; }
}