/* /src/layouts/Footer.css */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.footer a[href] {
  color: var(--color-link);
  display: block;
  padding: calc(var(--spacing, 0.25rem) * 0.5) var(--spacing, 0.25rem);
  margin-inline: calc(var(--spacing, 0.25rem) * -1);
  --offset: 0.4em;
  --underline-offset-distance: 0.2em;
  color: inherit;
  text-underline-offset: var(--offset, var(--underline-offset-distance));
  text-decoration: underline 0.015em transparent;
  transition: --offset 300ms, text-decoration-color 200ms;
  &:hover, &:focus-visible {
    --offset: 0.2em;
    text-decoration-color: var(--color-brand);
  }
  @supports not (background: paint(something)) {
    & {
      transition: text-underline-offset 300ms, text-decoration-color 200ms;
    }
    &:hover, &:focus-visible {
      text-underline-offset: var(--underline-offset-distance);
    }
  }
  &:hover {
    color: var(--color-link-light);
  }
}
.footer:is(.dark *) a[href] {
  color: var(--color-neutral-light);
}
.footer .logo {
  max-width: calc(var(--col));
}