/*
        ORGANISATION PAGE
    */

    h2 {
        font-size: var(--fs-md);
    }
    @media (max-width: 768px) {
        h2 {
        font-size: var(--fs-sm);
        }
    }

    .logos {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--space-xl);
        margin-block: var(--space-3xl);
        padding: 0;
        list-style: none;
    }

    .logo-item {
        display: flex;
    }

    .logo {
        display: flex;
        width: 100%;
        min-height: clamp(8rem, 14vw, 12rem);
        align-items: center;
        justify-content: center;
        padding: var(--space-lg);
    }

    .logo img {
        width: 100%;
        height: 100%;
        max-height: 9rem;
        object-fit: contain;
        transition: opacity .2s var(--transition);
    }

    .logo:hover img,
    .logo:focus-visible img {
        opacity: .65;
    }

    .logo:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: 4px;
    }

    .organisation-overview > * + * {
        margin-top: var(--space-md);
    }

    @media (max-width: 768px) {
        .logos {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: var(--space-md);
        }

        .logo {
            min-height: 7rem;
            padding: var(--space-md);
        }
    }


    #credits * {
        font-size: var(--fs-md);
    }

    @media (max-width: 769px){
        #credits * {
        font-size: var(--fs-sm);
        }
    }

    #credits {
        grid-column: 1 / 7;
        grid-row: 3 / 4;
        margin-top: var(--space-3xl);
        padding: 0 !important;
    }

    #credits > div:first-child {
        /* grid-column: 1 / 4; */
    }

    #credits > div:last-child {
        /* grid-column: 4 / 7; */
    }

    .credit-activity{
        text-transform: capitalize;
    }

    /* stack credits sections on mobile */
    @media (max-width: 768px) {
        #credits {
            font-size: var(--fs-sm);
            display: block;
        }
        #credits > div:first-child,
        #credits > div:last-child {
            margin-bottom: var(--space-5xl);
            grid-column: auto;
        }
        #credits * {
            font-size: var(--fs-sm);
        }
    }

    #credits ul {
        list-style: none;
        padding: 0;
    }

    #credits ul li{
        margin-bottom: var(--space-md);
        line-height: 103%;
    }

    .readeable-text{
        margin-bottom: var(--space-md);
    }

    .tab-panel h2 {
        /* font-size: var(--fs-lg); */
        margin: var(--space-md);
    }

    /* year tabs */
    .tabs {
        grid-column: 1 / 7;
        margin-top: var(--space-md);
    }
    .tab-list {
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-xs);
    }
    .tab-label {
        border: 0;
        background: transparent;
        color: inherit;
        font: inherit;
        padding: .5rem 1rem;
        cursor: pointer;
    }
    .tab-label:hover {
        opacity: .9;
    }
    .tab-label[aria-selected="true"] {
        background: var(--bg-main);
        color: var(--accent);
        border-bottom: 2px solid var(--accent);
    }
    .tab-label:focus-visible {
        outline: 2px solid var(--bg-main);
        outline-offset: 2px;
    }
    .tab-panels {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        border-top: 1px solid var(--bg-main);
        padding-top: var(--space-md);
        width: 100%;
        grid-column: 1 / 7;
    }
    .tab-panel {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: var(--space-2xl);
        grid-column: 1 / 7;
    }
    .tab-panel[hidden] {
        display: none;
    }
    .tab-panel > div:first-child {
        grid-column: 1 / 4;
    }
    .tab-panel > div:last-child {
        grid-column: 4 / 7;
    }

    @media (max-width: 768px) {
        .tab-panel {
            display: block;
        }

        .tab-panel > div + div {
            margin-top: var(--space-2xl);
        }
    }