@layer components {
    .friend-links { background: var(--steel-50); padding: var(--space-6) 0; border-top: 1px solid var(--border); }
    .friend-links .container { display: flex; align-items: center; gap: var(--space-4); flex-wrap: wrap; font-size: var(--text-xs); }
    .friend-links .label { font-weight: 600; color: var(--steel-700); white-space: nowrap; }
    .friend-links a { color: var(--steel-500); }
    .friend-links a:hover { color: var(--primary-600); }
}