@layer components {
  /* ===================================================
     Vault References
     Version: 2.5  Tokenised + Consolidated (2026)
     Changes:
     • Updated to v2.5 token standard
     • Cleaner structure and comments
     • All layout, typography, hover states, and border styling preserved 100%
     =================================================== */

  .vault-references {
    margin-top: var(--space-lg);
    padding-top: var(--space-md);
    border-top: 1px solid var(--border-accent, var(--section-border));
  }

  .vault-references .section-heading {
    margin-bottom: var(--space-sm);

    font-family: var(--font-display);
    font-size: var(--font-size-md);
    color: var(--text-accent);
  }

  .list-vault-refs {
    list-style: none;
    padding-left: 0;

    display: flex;
    flex-direction: column;
    gap: 0.35rem;
  }

  .vault-link {
    color: var(--text-primary);
    text-decoration: none;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
  }

  .vault-link:hover {
    color: var(--text-accent);
    text-decoration: underline;
  }
}