/*-- -------------------------- -->
<---     General Information    -->
<--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {

    #general-information {
        padding: var(--sectionPadding);
    }

    #general-information .cs-container {
        width: 100%;
        max-width: 80rem;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: clamp(2rem, 4vw, 3rem);
    }

    #general-information .cs-content {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    /* ---- Document list ---- */

    #general-information .cs-doc-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    #general-information .cs-doc-link {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1.25rem 1.5rem;
        background: #fff;
        border: 0.0625rem solid #e5e8ef;
        border-radius: 0.625rem;
        text-decoration: none;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    #general-information .cs-doc-link:hover {
        border-color: var(--navy);
        box-shadow: 0 0 0 0.1875rem rgba(10, 22, 40, 0.06);
    }

    #general-information .cs-doc-link:hover .cs-doc-download {
        color: var(--navy);
        transform: translateY(0.125rem);
    }

    /* Icon badge */
    #general-information .cs-doc-icon {
        width: 2.75rem;
        height: 2.75rem;
        min-width: 2.75rem;
        background: #edf1fb;
        border-radius: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--navy);
    }

    #general-information .cs-doc-icon svg {
        width: 1.25rem;
        height: 1.25rem;
    }

    /* Text block */
    #general-information .cs-doc-body {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 0.125rem;
    }

    #general-information .cs-doc-number {
        font-size: 0.6875rem;
        font-weight: 600;
        letter-spacing: 0.06em;
        color: var(--signingGold);
        line-height: 1;
    }

    #general-information .cs-doc-title {
        font-family: var(--headerFont);
        font-size: clamp(0.9375rem, 1.5vw, 1rem);
        font-weight: 700;
        color: var(--navy);
        line-height: 1.3;
    }

    #general-information .cs-doc-desc {
        font-size: 0.8125rem;
        color: var(--silver);
        line-height: 1.4;
    }

    /* Download arrow */
    #general-information .cs-doc-download {
        color: #b0b8c9;
        transition: color 0.2s ease, transform 0.2s ease;
    }

    #general-information .cs-doc-download svg {
        width: 1.25rem;
        height: 1.25rem;
        display: block;
    }
}

/* Tablet - 768px */
@media only screen and (min-width: 48rem) {

    #general-information .cs-doc-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.875rem;
    }
}

/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {

    #general-information {
        padding: 2rem clamp(2rem, 4vw, 3.5rem) clamp(3rem, 5vw, 4.5rem);
    }

    #general-information .cs-container {
        max-width: 100%;
    }
}