.links-page { padding: 1.5rem 0 3rem; }

.links-section { margin-top: 2rem; }

.links-section__title {
    font-size: 1.15rem;
    color: var(--color-primary);
    margin-bottom: 0.5rem;
}

.links-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(440px, 100%), 1fr));
    column-gap: 2.5rem;
    border-top: 1px solid var(--color-border);
}

.links-item {
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--color-border);
}

.links-item__link {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    color: var(--color-text);
    text-decoration: none;
}

.links-item__name { font-weight: 600; flex: 1; }
.links-item__link:hover .links-item__name { color: var(--color-primary); text-decoration: underline; }

.links-item__meta {
    font-size: 0.85rem;
    color: var(--color-text-muted);
    white-space: nowrap;
}

.links-item__arrow { color: var(--color-text-muted); }

.links-item__desc {
    margin: 0.2rem 0 0;
    font-size: 0.9rem;
    color: var(--color-text-secondary);
}

.links-empty { color: var(--color-text-muted); margin-top: 2rem; }

/* Profile picture or platform mark at the start of each row */
.links-item__pic {
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--color-surface-alt);
}
.links-item__pic--mark {
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: 1rem;
    color: #fff;
    background: var(--color-primary);
}
.links-item__pic--mark.is-instagram { background: linear-gradient(45deg, #f9ce34, #ee2a7b 55%, #6228d7); font-size: 0.85rem; }
.links-item__pic--mark.is-youtube { background: #ff0033; }
.links-item__pic--mark.is-tiktok { background: #111; }
.links-item__pic--mark.is-facebook { background: #1877f2; font-family: Arial, sans-serif; font-size: 1.35rem; }
.links-item__pic--mark.is-x { background: #111; }
.links-item__pic--mark.is-web { background: var(--color-surface-alt); color: var(--color-text); }
.links-item__desc { margin-left: calc(44px + 0.75rem); }