/*
        ORGANISATION PAGE
    */

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

    .logos {
        display: block;
        grid-column: 1 / 6;
        margin-block: var(--space-3xl)
    }
    .logos img {
        width: 100%;
    }


    #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);
    }

    #panel-2026 * h2, #panel-2025 * h2 {
        /* font-size: var(--fs-lg); */
        margin: var(--space-md);
    }

    /* tabs for years (pure css) */
    .tabs {
        grid-column: 1 / 7;
        margin-top: var(--space-md);
    }
    .tabs input[type="radio"] {
        display: none;
    }
    .tab-label {
        display: inline-block;
        padding: .5rem 1rem;
        margin-right: .5rem;
        cursor: pointer;
    }
    .tab-label:hover {
        opacity: .9;
    }
    .tabs input[type="radio"]:checked + .tab-label {
        background: var(--bg-main);
        color: var(--accent);
        border-bottom: 2px solid var(--accent);
    }
    .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: none;
        gap: var(--space-2xl);
        grid-column: 1 / 7;
    }
    .tab-panel > div:first-child {
        grid-column: 1 / 4;
    }
    .tab-panel > div:last-child {
        grid-column: 4 / 7;
    }
    #tab-2026:checked ~ .tab-panels #panel-2026,
    #tab-2025:checked ~ .tab-panels #panel-2025 {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }