/* One footer-link treatment for every marketing page.
   Brand teal, weight 500, no underline until hover or focus.
   text-decoration is set on .site-footer a (not only :visited) so a
   visited URL cannot fall back to the browser underline.
   The current page is a brighter teal only, same weight: the dark-footer
   match for the top nav's color-only current mark. */

.site-footer a,
.site-footer .footer-links a,
.site-footer .footer-contact a {
  color: var(--cyan, #06b6d4);
  font-weight: 500;
  text-decoration: none;
  text-decoration-color: currentColor;
  text-underline-offset: 3px;
}

.site-footer a:link,
.site-footer a:visited,
.site-footer .footer-links a:link,
.site-footer .footer-links a:visited,
.site-footer .footer-contact a:link,
.site-footer .footer-contact a:visited {
  color: var(--cyan, #06b6d4);
  font-weight: 500;
  text-decoration: none;
  text-decoration-color: currentColor;
}

.site-footer a:hover,
.site-footer .footer-links a:hover,
.site-footer .footer-contact a:hover {
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-underline-offset: 3px;
}

.site-footer a:focus-visible,
.site-footer .footer-links a:focus-visible,
.site-footer .footer-contact a:focus-visible {
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-underline-offset: 3px;
  outline: 2px solid #22d3ee;
  outline-offset: 3px;
}

.site-footer a[aria-current="page"],
.site-footer .footer-links a[aria-current="page"] {
  color: #22d3ee;
  font-weight: 500;
  text-decoration: none;
  text-decoration-color: currentColor;
}

.site-footer a[aria-current="page"]:link,
.site-footer a[aria-current="page"]:visited,
.site-footer .footer-links a[aria-current="page"]:link,
.site-footer .footer-links a[aria-current="page"]:visited {
  color: #22d3ee;
  font-weight: 500;
  text-decoration: none;
  text-decoration-color: currentColor;
}

.site-footer a[aria-current="page"]:hover,
.site-footer a[aria-current="page"]:focus-visible,
.site-footer .footer-links a[aria-current="page"]:hover,
.site-footer .footer-links a[aria-current="page"]:focus-visible {
  color: #22d3ee;
  font-weight: 500;
}
