.contact-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: nowrap; justify-content: space-evenly; align-items: center; gap: 0; width: 100%; }
.contact-item { display: inline-flex; align-items: center; gap: 8px; margin: 0; white-space: nowrap; flex: 1 1 0; justify-content: center; min-width: 0; }
.icon { width: 16px; height: 16px; color: var(--accent); flex: 0 0 16px; }
.contact-item a { color: var(--accent); text-decoration: none; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contact-item a:hover { text-decoration: underline; }