.node--type-contract.node--view-mode-full,
.node--type-funding-page.node--view-mode-full,
.node--type-grant.node--view-mode-full,
.node--type-tender.node--view-mode-full {
    div.banner {
        background: #efefef;
        padding: 2rem 0;
        margin-bottom: 0rem;
        display: flex;
        flex-wrap: wrap;
    
        > .inner {
            max-width: 85em;
            margin: 0 auto;
            padding: 2em;
            display: flex;
            width: 100%;
            flex-wrap: nowrap;

            .intro {
                flex-grow: 1;
                max-width: 50rem;
                max-width: min(100%, 50rem);
            }
        }
    }

    > .content {
        margin: 2em auto;
        padding: 0 2em;

        > .primary {
            background-color: white;
            padding: 2em 0;
            box-shadow: 0 4px 4px rgba(0,0,0,0.15);
            margin-bottom: 2rem;

            > .field,
            > .attachments {
                padding-left: 2rem;
                padding-right: 2rem;
                margin-bottom: 1rem;

                .field__label {
                    font-size: 1.25rem;
                    line-height: inherit;
                    color: var(--primaryDark);
                }
            }

            .attachments {
                background: white;
                border: 1em solid white;
                border-radius: 14px;
                overflow: hidden;
                box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
                margin: 1rem 0;
                max-width: 100ch;
                max-width: min(100%, 100ch);

                table {
                    margin: 0;
                }

                table tbody {
                    border: 0 !important;
                    td {
                        border: 0;
                        padding: 0.5rem 0.5rem 0.5rem 0;

                        a {
                            text-decoration: none;
                            &:hover,
                            &:focus-visible {
                                text-decoration: underline;
                            }
                        }
                    }
                }
            }

            > .field-name-field-sections {
                padding-left: 0;
                padding-right: 0;
            }
            
        }
    }

    @media screen and (min-width: 60em) {
        > .content {
            max-width: 85em;
            display: flex;
            justify-content: space-between;
            flex-wrap: nowrap;
            width: 100%;

            > .primary {
                max-width:  60em;
                max-width: min(100%, 60em);
                margin-right: 2em;
                margin-bottom: 0;
                padding: 2em;
                width: 100%;
            }
        }
    }

    .node-links {
        padding: 1rem 2rem;
    }

    .field--name-node-changed-date {
        display: flex;
        align-items: center;
        padding: 0.5em 1.5em;
        background: rgba(255, 255, 255, 0.5);
        width: fit-content;
        border-radius: 2em;
        border: 2px solid #e3e3e3;

        .field__label {
            line-height: 1.5;
            font-weight: 300;
            /* text-transform: uppercase; */
            font-size: 0.875em;
            letter-spacing: 0.25px;
            opacity: 0.7;
        }
    }
}