.PublicRelationListViewDetailPage__container {
    position: relative;
}

.PublicRelationListViewDetailPage__title {
    display: block;
    margin: 0.75rem 0;
    padding-bottom: 1.06rem;
    width: 100%;
    border-bottom: 0.125rem solid #f5f5f5;
    font-size: 1.5rem;
    font-weight: 700;
}

.PublicRelationListViewDetailPage__title:after {
    position: absolute;
    display: block;
    content: "";
    margin-top: 1rem;
    width: 7rem;
    height: 0.25rem;
    background-color: #155d2d;
}

.PublicRelationListViewDetailPage__list {
    padding: 0;
}

.PublicRelationListViewDetailPage__item {
    list-style: none;
    margin-bottom: 1rem;
}

.PublicRelationListViewDetailPage__key {
    display: block;
    font-weight: 600;
}

.PublicRelationListViewDetailPage__value--functions ul {
    list-style: none;
    padding: 0;
}

.PublicRelationListViewDetailPage__value--linkedIn .icon {
    width: 19px;
    height: 19px;
    margin: 0;
    padding: .2rem;
    font-size: .8rem;
    border-radius: .2rem;
    color: #fff;
    background-color: #0a66c2;
}

.relation__image {
    display: block;
    height: 100px;
    width: 100px;
    overflow: hidden;
    background: #eee url('profile-placeholder.png') no-repeat center;
    background-size: cover;
}

.relation__image img {
    display: block;
}

.PublicRelationListViewDetailPage__value {
    margin-left: 0;
}

@media (min-width: 500px) {
    .PublicRelationListViewDetailPage__item {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 1rem;
    }

    .PublicRelationListViewDetailPage__item--fullWidth {
        grid-template-columns: 1fr;
    }

    .PublicRelationListViewDetailPage__value {
        grid-column: 2;
    }

    .u-visuallyHidden + .PublicRelationListViewDetailPage__value:not(.relation__image) {
        grid-column: 1;
    }

    .PublicRelationListViewDetailPage__key {
        font-weight: normal;
    }
}

@media (min-width: 768px) {
    .PublicRelationListViewDetailPage__container {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
    }
    .PublicRelationListViewDetailPage__column {
        flex: 1 1 48%;
    }
}