/* Keep the header brand mark readable across navigation states. */
header a[href="index.html"]:first-of-type > span:first-child {
  color: #1A1A1A !important;
}

header a[href="index.html"]:first-of-type > span:first-child > span {
  color: #6a1b9a !important;
}

header a[href="index.html"]:first-of-type > span:first-child > span:first-child {
  color: #1A1A1A !important;
}

header a[href="index.html"]:first-of-type > span:first-child > span:last-child {
  color: #6a1b9a !important;
}

header.hero-nav-readable.bg-transparent a[href="index.html"]:first-of-type > span:first-child,
header[class*="bg-[#1A1A1A]"] a[href="index.html"]:first-of-type > span:first-child,
header.bg-\[\#1A1A1A\] a[href="index.html"]:first-of-type > span:first-child {
  color: #fff !important;
}

header.hero-nav-readable.bg-transparent a[href="index.html"]:first-of-type > span:first-child > span:first-child:nth-last-child(2),
header[class*="bg-[#1A1A1A]"] a[href="index.html"]:first-of-type > span:first-child > span:first-child:nth-last-child(2),
header.bg-\[\#1A1A1A\] a[href="index.html"]:first-of-type > span:first-child > span:first-child:nth-last-child(2) {
  color: #fff !important;
}

.language-flag {
  display: inline-block;
  width: 1.25rem;
  height: 0.875rem;
  flex: 0 0 auto;
  border-radius: 2px;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(26, 26, 26, 0.12);
}