/* Keep published names, skill tags and portfolio links within narrow screens. */
.profile-card,
.profile-name-title {
    min-width: 0;
}

.profile-card,
.modal-content {
    overflow-wrap: anywhere;
}

.skill-tag {
    max-width: 100%;
}

.profile-card:focus-visible,
.close-modal:focus-visible {
    outline: 2px solid var(--accent-cyan);
    outline-offset: 4px;
}