header.contributor .contributor-img {
    max-height: 14rem;
    width: auto;
    border-radius: 0.25rem;
}

nav.toc-horizontal.simple ul {
    justify-content: start;
}

nav.toc-horizontal ul {
    display: flex;
    flex-direction: row;
    gap: .25rem;
    list-style-type: none;
    padding: 0.5rem 0rem;
    font-size: var(--text-xs);
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
}

#sectionBiography {
    background: var(--base-03);
    border-bottom: 0.5px solid var(--border-base);
}

section.full-width {
    padding: 1rem;
    position: relative;
}

#sectionBiography .wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

#sectionBiography h2 {
    margin-bottom: .75rem;
}

h2 {
    font-size: var(--text-2xl);
}

.text-toggle.clip {
    max-height: 137px;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.text-toggle {
    max-height: unset;
    margin-bottom: .75rem;
}

#sectionBiography .text-toggle-link {
    font-size: var(--text-sm);
}

.text-toggle.clip + .text-toggle-link, .text-toggle.unclip + .text-toggle-link {
    display: block;
}

.text-toggle + .text-toggle-link {
    display: none;
    color: var(--primary);
    transition: all 0.2s ease-in-out;
}

p {
    font-size: var(--text-sm);
    line-height: 1.625;
}

.side-panel {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

#sectionBiography .social-links {
    order: 1;
    display: flex;
    gap: 0.125rem;
    width: fit-content;
}

#sectionBrowse.contributor-browse {
    padding:1rem !important;
}

#sectionBrowse.contributor-browse .wrapper {
    gap: 1.5rem;
}





@media (min-width: 640px) {

    nav.toc-horizontal ul {
        font-size: var(--text-base);
    }

    h2 {
        font-size: var(--text-3xl);
    }

    p {
        font-size: var(--text-base);
        line-height: 1.75;
    }
}

@media (min-width: 768px) {

    section.full-width {
        padding: 1.5rem;
    }
}

@media (min-width: 1024px) {

    section.full-width {
        padding: 3rem 4rem;
    }
}

@media (min-width: 1280px) {

    #sectionBiography .wrapper {
        flex-direction: row;
        gap: 5rem;
    }

    .primary-content {
        flex-basis: 70%;
    }

    .side-panel {
        flex-basis: 30%;
        margin-top: 3rem;
    }

    #sectionBiography .side-panel .social-links, #sectionBiography .side-panel .related-links {
        order: unset;
    }

}

    @media (min-width: 1536px) {

        nav.toc-horizontal ul {
            width: 90rem;
            margin-left: auto;
            margin-right: auto;
        }

        section.full-width {
            padding: 3rem 0;
            position: relative;
        }

            section.full-width .wrapper {
                margin-left: auto;
                margin-right: auto;
                max-width: 90rem;
            }


    }