@layer components {
  /* Block: site-footer */
  .site-footer {
    margin-top: var(--space-xl);
    padding: var(--space-md) 0;
    background: transparent;
    text-align: center;
    border-top: 1px solid var(--color-bg-tertiary);
  }

  .site-footer__nav {
    margin-bottom: var(--space-xs);
    font-size: var(--font-size-sm);
  }

  .site-footer__nav a {
    color: var(--color-text-muted);
    text-decoration: none;
  }

  .site-footer__nav a:hover {
    text-decoration: underline;
  }

  .site-footer__copyright {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
  }
}