/* ==========================================================================
   Footer — demo-only, appears on all pages
   ========================================================================== */

.demo-footer {
  background-color: var(--color-neutral-900);
  color: var(--color-neutral-500);
  font-size: var(--font-size-sm);
  text-align: center;
  padding-block: 2.5rem;
}

.demo-footer a {
  color: var(--color-neutral-300);
  text-decoration: none;
}

.demo-footer a:hover {
  color: #fff;
}

.demo-footer__links {
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-block-end: 1.5rem;
}

.demo-footer p {
  max-inline-size: none;
  margin-inline: auto;
}

.demo-footer__eu-badge {
  margin-block-start: .75rem;
  font-size: .8rem;
  font-style: italic;
  opacity: .65;
}