/* Layout */
.page-node-type-bt48-pub-publication .layout-content .region-sidebar:empty + .region-content {
    width: 100%;
}

.page-node-type-bt48-pub-cover-page .layout-content,
.page-node-type-bt48-pub-publication .layout-content {
    max-width: 85em;
    margin: 0 auto;
    overflow: visible;
    padding: 0 2em;
    
    .region-content {
        margin: 2em 0;
    }
}

.node--type-bt48-pub-cover-page.node--view-mode-full img {
    float: right;
    margin: 0 0 2rem 2rem;
}


.page-node-type-bt48-pub-publication h1 .parent a {
    font-weight: 900;
    text-decoration: none;
    font-size: 1.5rem;
    opacity: 0.7;
    display: block;
    margin-bottom: 0.5em;
}

.page-node-type-bt48-pub-publication .region-sidebar {
    width: 100%;
    margin-top: 1em;
    margin-right: 1em;
    margin-left: 1em;   
}

@media screen and (min-width: 60em) {
    .page-node-type-bt48-pub-publication .region-sidebar {
        position: sticky;
        top: 2rem;
        width: calc(30% - 2em);
        margin-top: 2rem;
        margin-left: 2em;
        margin-right: 0;
    }
}

ul.list li.file {
    margin-bottom: 2rem;
}

.accessible ul.list li.file .node {
    position: relative;
}

.file .attachment {
    box-shadow: inset 0 0 0px 4px #cecece;
    margin-left: -2rem;
    aspect-ratio: 3 / 4;
    height: auto;
    width: auto;
    height: fit-content;
    background-color: white;
}

.file .attachment.attachment--html path {
fill: #cecece;
}

.file h3 {
margin: 0 0 0.5rem;
}

.node--type-bt48-pub-publication.node--view-mode-teaser,
.media--type-bt48-pub-document {
    display: flex;

    .text {
        margin-left: 2rem;
    }
}

.media--type-bt48-pub-document:before {
    content: "";
    width: 99px;
    height: max-content;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0px 4px #cecece;
    color: #cecece;
    font-weight: 900;
    font-size: 1.5rem;
    aspect-ratio: 3 / 4;
}

.media--type-bt48-pub-document:has(a[href*='.pdf']):before {
content: "PDF";
}

.media--type-bt48-pub-document:has(a[href*='.doc']):before {
content: "DOCX";
}

.media--type-bt48-pub-document:has(a[href*='.xls']):before {
content: "XLSX";
}

.media--type-bt48-pub-document:has(a[href*='.odt']):before {
content: "ODT";
}

.media--type-bt48-pub-document > div {
    max-width: calc(100% - 11rem);
}

.media--type-bt48-pub-document details {
display: none;
cursor: pointer;
margin-top: 0.5rem;
border: 0;
max-width: 50ch;
max-width: min(100%, 50ch);
}

.media--type-bt48-pub-document details summary {
text-decoration: underline;
padding: 0 0 0.5rem;
}

.media--type-bt48-pub-document details .info {
    border-left: 0.25rem solid #cecece;
    padding-left: 0.75rem;
    padding: 0.5rem 0 0.5rem 0.75rem;
    font-size: 1.125rem;
}

.media--type-bt48-pub-document .inaccessible + details {
display: block;
}

.downloads .meta {
    text-transform: uppercase;
    padding: 0 0 0.25rem!important;
    border: 0 !important;
    margin: 0 !important;
}

.downloads .meta + span {
    margin-top: 0.5rem;
    display: block;
}

.downloads .meta .page-count {
text-transform: initial;
}

.downloads .meta .page-count:empty {
    display: none;
}

.downloads .meta .page-count:before {
    content: ", ";
}

/* Book Nav */
.book-navigation--publication {
    display: flex;
    gap: 2rem;
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0 0 2rem;
    justify-content: space-between;
}

ul.book-navigation--publication > li {
    flex-grow: 1;
    background: var(--primary);
    color: white;
    padding: 0;
    max-width: 45%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-radius: 0.33em;
}

ul.book-navigation--publication > li p {
    text-transform: uppercase;
    font-size: 0.875em;
    font-weight: 900;
    opacity: 0.7;
    margin: 0 0 0.5em;
    width: 100%;
    display: flex;
    position: absolute;
    top: 1rem;
    left: 1rem;
}

ul.book-navigation--publication > li a {
    color: white;
    display: flex;
    padding: 3em 1em 1em;
    z-index: 1;
    width: 100%;
    justify-content: flex-start;
}

ul.book-navigation--publication > li:hover,
ul.book-navigation--publication > li:focus-within {
    background-color: var(--primaryDark);
}

ul.book-navigation--publication > li.next-link,
ul.book-navigation--publication > li.next-link a,
ul.book-navigation--publication > li.next-link p {
    justify-content: flex-end;
}

ul.book-navigation--publication > li.next-link p {
    left: inherit;
    right: 1rem;
}

.node--type-bt48-pub-publication .node__links {
    margin-bottom: 2rem;
}

.node--type-bt48-pub-publication .node__links .links {
    display: flex;
    gap: 1rem;
}

.node--type-bt48-pub-publication .node__links .links a {
    border: 2px solid;
    padding: 0.75em 1.5em;
    border-radius: 1em;
    text-decoration: none;
    display: inline-flex;
    gap: 0.5em;
}

.node--type-bt48-pub-publication .node__links .links a[href*='export'],
.node--type-bt48-pub-publication .node__links .links a[href*='node/add'] {
    padding-left: 1em;
}

.node--type-bt48-pub-publication .node__links .links a[href*='export']:before {
    font-family: 'icomoon';
    content: "\e923";
}

.node--type-bt48-pub-publication .node__links .links a[href*='node/add']:before {
    font-family: 'icomoon';
    content: "\e922";
}

/* Book Sidebar Nav */
#block-pha-booknavigation {
    background: var(--white);
    margin-bottom: 2rem;
    padding: 0 0 0.25rem;
    box-shadow: 0 4px 4px rgba(0,0,0,0.15);
}

#block-pha-booknavigation h2 {
    padding: 1rem 1rem 0.5rem 1.75rem;
}

#block-pha-booknavigation > ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
    display: block;

    &.menu-tree > li {
        > a {
            font-size: 1.5em;
            padding: 1rem 1rem 1rem 2rem;
            display: block;
            border-top: 4px solid var(--primaryDark);
            color: var(--primaryDark);

            &:before {
                display: none;
            }
        }
    }

    &.menu-tree ul {
        list-style: none;
        padding-left: 2em;
        padding-right: 1em;

        > li {
            position: relative;
            margin-bottom: 0.5rem;

            a:before {
                content: "\e903";
                left: -1.25em;
            }
        }
    }
}

#block-pha-booknavigation > ul a {
    text-decoration: none;
    font-weight: 500;
}

#block-pha-booknavigation > ul a.is-active {
    color: black;
    font-weight: 700;
}

#block-pha-booknavigation > ul a:before {
    font-family: 'icomoon';
    content: "\e905";
    position: absolute;
    left: 0;
}

/* Internal links */
#block-pha-views-block-internal-publication-navigation-block-1 {
    background: var(--white);
    margin-bottom: 2rem;
    padding: 0 0 0.25rem;
    box-shadow: 0 4px 4px rgba(0,0,0,0.15);
}

#block-pha-views-block-internal-publication-navigation-block-1 h2 {
    padding: 1rem 1rem 0.5rem 1.75rem;
    border-bottom: 4px solid var(--primary);
    background-color: var(--primary);
    color: white;
    border-top: 0;
    margin-bottom: 1rem;
}

#block-pha-views-block-internal-publication-navigation-block-1 ol {
    margin: 0 1rem 0 2.25em;
    padding: 0;
    display: block;
}

#block-pha-views-block-internal-publication-navigation-block-1 ol li {
    position: relative;
    margin-bottom: 0.75em;
    padding-left: 0.5rem;
}

#block-pha-views-block-internal-publication-navigation-block-1 ol a {
    text-decoration: none;
    font-weight: 500;
}

#block-pha-views-block-internal-publication-navigation-block-1 ol a.is-active {
    color: black;
    font-weight: 700;
}

/* Cover Page */
.node--type-bt48-pub-cover-page.node--view-mode-full .field_bt48_pub_summary {
    font-size: 1.25rem;
    max-width: 80ch;
    max-width: min(100%, 80ch);
}

.node--type-bt48-pub-cover-page.node--view-mode-full .text > .meta {
    margin: 0 0 1rem;
    padding: 1rem 1rem 1rem 0;

    .field {
        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;
        gap: 0.5em;

        .field-label-inline {
            line-height: 1.5;
            font-weight: 300;
            /* text-transform: uppercase; */
            font-size: 0.875em;
            letter-spacing: 0.25px;
            opacity: 0.7;
            padding: 0;
            border: 0;
        }

        + .field {
            margin-top: 0.5rem;
        }
    }
    
    .field__label {
        font-weight: 300;
    }
}

.node--type-bt48-pub-cover-page section.additional {
    max-width: 80ch;
    max-width: min(100%, 80ch);
}

/* Paragraph Styling */
.paragraph {
    padding: 0rem 0 1rem;
}

.paragraph.lowlight {
    background: #f7f7f7;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.paragraph.highlight {
    background: var(--primary);
    color: white;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.paragraph.highlight ul li:before {
    color: white;
}

.paragraph.highlight h2,
.paragraph.highlight h3,
.paragraph.highlight h4,
.paragraph.highlight a {
    color: white;
}

/* Standard */
.paragraph--type-bt48-pub-para-basic ul {
    list-style: none;
    padding: 0;
}

.paragraph--type-bt48-pub-para-basic ul li {
    list-style-type: none;
    margin-bottom: 8px;
    position: relative;
    padding-left: 1.5rem;
    line-height: 1.5;
}

.paragraph--type-bt48-pub-para-basic ul li:before {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  position: relative;
  margin-right: 0.5rem;
  color: var(--primary);
  position: absolute;
  left: -0.25rem;
  top: 0.2em;
  font-weight: 900;
  font-size: 1.25rem;
}


/* Accordions */
.paragraph--type-bt48-pub-para-accordion details,
.paragraph--type-bt48-pub-para-video details {
    background: var(--background);
    padding: 1.25rem 2rem;
    margin: 0 0 1rem;
    text-transform: inherit;
    box-shadow: inset 0.5rem 0 var(--primary);
}

.paragraph--type-bt48-pub-para-accordion details summary:after,
.paragraph--type-bt48-pub-para-video details summary:after {
    font-family: 'icomoon';
    content: "\e903";
    color: var(--primary);
    font-size: 2.5rem;
    top: -1rem;
    right: -1rem;
    display: flex;
    height: 1.5rem;
    align-items: center;
    line-height: 1;
}

.paragraph--type-bt48-pub-para-accordion details summary,
.paragraph--type-bt48-pub-para-video details summary {
    position: relative;
    font-size: 1.6rem;
    color: var(--primary);
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    padding: 0.5rem;
}

.paragraph--type-bt48-pub-para-accordion details summary:hover,
.paragraph--type-bt48-pub-para-accordion details summary:focus-visible,
.paragraph--type-bt48-pub-para-video details summary:hover,
.paragraph--type-bt48-pub-para-video details summary:focus-visible {
    color: var(--primary);
}

.paragraph--type-bt48-pub-para-accordion details[open] summary,
.paragraph--type-bt48-pub-para-video details[open] summary {
    margin: -1.25rem -2rem 1rem;
    background: var(--primary);
    color: white;
    padding: 1.75rem 2.5rem;
}

.paragraph--type-bt48-pub-para-accordion details[open],
.paragraph--type-bt48-pub-para-video details[open] {
    box-shadow: none;
}

.paragraph--type-bt48-pub-para-accordion .ui-accordion-header-active:after,
.paragraph--type-bt48-pub-para-accordion details[open] summary:after,
.paragraph--type-bt48-pub-para-video details[open] summary:after {
    font-family: 'icomoon';
    content: "\e906";
    color: #fff;
}

.paragraph--type-bt48-pub-para-accordion details h2,
.paragraph--type-bt48-pub-para-video details h2 {
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
}

.paragraph--type-bt48-pub-para-accordion details h3,
.paragraph--type-bt48-pub-para-video details h3 {
    font-size: 1rem;
    margin-bottom: 0.75rem;
}

.paragraph--type-bt48-pub-para-accordion details ul,
.paragraph--type-bt48-pub-para-video details ul {
    list-style: none;
    padding: 0;
}

.paragraph--type-bt48-pub-para-accordion details ul li,
.paragraph--type-bt48-pub-para-video details ul li {
    list-style-type: none;
    margin-bottom: 8px;
    position: relative;
    padding-left: 1.5rem;
    line-height: 1.5;
}

.paragraph--type-bt48-pub-para-accordion details ul li:before,
.paragraph--type-bt48-pub-para-video details ul li:before {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  position: relative;
  margin-right: 0.5rem;
  color: var(--primary);
  position: absolute;
  left: -0.25rem;
  top: 0.1667rem;
  font-weight: 900;
  font-size: 1.25rem;
}

/* Video */
.paragraph--type-bt48-pub-para-video .media {
    background-color: var(--background);
    padding: 1rem;
}

.page-node-type-bt48-pub-cover-page .ui-dialog {
    max-width: 60ch !important;
    max-width: min(100%, 60ch) !important;
    width: 100% !important;
}

/* Accessible request form */
.webform-submission-accessible-format-request-form {
    max-width: 1370px;
    margin: 0 auto;
    padding: 0 1em;
    accent-color: var(--primary);
}
.webform-submission-accessible-format-request-form label {
    display: block;
    margin-bottom: 0.5rem;
}

.webform-submission-accessible-format-request-form fieldset.webform-entity-checkboxes--wrapper  {
    border: 2px solid;
    padding: 1rem;
    border-radius: 1rem;
    background-color: var(--background);
    max-width: fit-content;
}

.webform-submission-accessible-format-request-form fieldset.webform-entity-checkboxes--wrapper legend {
    display: none;
}

.webform-submission-accessible-format-request-form fieldset.webform-entity-checkboxes--wrapper .form-checkboxes .form-item {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.webform-submission-accessible-format-request-form fieldset.webform-entity-checkboxes--wrapper .form-checkboxes input {
    width: 2rem;
    height: 2rem;
}

.webform-submission-accessible-format-request-form fieldset.webform-entity-checkboxes--wrapper .form-checkboxes label {
    margin: 0;
}

/* Cover Page Paragraphs */
.paragraph--type-accessible-publications-listing .node--type-bt48-pub-cover-page.node--view-mode-listing {
    border: 1px solid var(--borderGrey);
    padding: 1em;
    border-radius: 1em;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    margin-bottom: 2em;
}

.paragraph--type-accessible-publications-listing .node--type-bt48-pub-cover-page.node--view-mode-listing img {
    height: min-content;
    margin-bottom: 1em;
}

.paragraph--type-accessible-publications-listing .node--type-bt48-pub-cover-page.node--view-mode-listing .downloads > .list-flex {
    gap: 1em;
}

.paragraph--type-accessible-publications-listing .node--type-bt48-pub-cover-page.node--view-mode-listing .downloads > .list-flex .file {
    width: 100%;
    border: 2px solid #efefef;
    padding: 1em;
    border-radius: 1em;
    background: #f7f7f7;
}

.paragraph--type-accessible-publications-listing .node--type-bt48-pub-cover-page.node--view-mode-listing .downloads > .list-flex .file h3 {
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.2;
}

.paragraph--type-accessible-publications-listing .node--type-bt48-pub-cover-page.node--view-mode-listing .downloads > .list-flex .file .meta,
.paragraph--type-accessible-publications-listing .node--type-bt48-pub-cover-page.node--view-mode-listing .downloads > .list-flex .file .field,
.paragraph--type-accessible-publications-listing .node--type-bt48-pub-cover-page.node--view-mode-listing .downloads > .list-flex .file p.info {
    font-size: 1.5rem;
}

@media screen and (min-width: 60em) {
    .paragraph--type-accessible-publications-listing .node--type-bt48-pub-cover-page.node--view-mode-listing {
        display: flex;

        img {
            order: 1;
            margin-left: 1em;
            margin-bottom: 0;
        }
    }

    .paragraph--type-accessible-publications-listing .node--type-bt48-pub-cover-page.node--view-mode-listing .downloads > .list-flex .file {
        max-width: calc(50% - 0.5em);
    }
}

@media screen and (min-width: 85em) {
    .paragraph--type-accessible-publications-listing .node--type-bt48-pub-cover-page.node--view-mode-listing .downloads > .list-flex .file {
        max-width: calc(33.33% - 0.667em);
    }
}

/* PHA Specific */

/* Legacy Pubs */
.page-node-type-publication .layout-content {
    
}

.node--type-bt48-pub-cover-page.node--view-mode-full {
    .summary {
        margin: 0 0 2rem;

        .text {
            max-width: 80ch;
            max-width: min(100%, 80ch);
        }

        img {
            order: 1;
            padding: 0.5em;
            background-color: white;
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
        }
    }
}

.node--type-bt48-pub-cover-page.node--view-mode-search-result,
.node--type-publication.node--view-mode-search-result {
    img {
        padding: 1em;
        background-color: white;
        margin-bottom: 1em;
        box-shadow: 0 4px 4px rgba(0,0,0,0.15);
        max-width: 220px;
        max-height: 220px;
    }
}

@media screen and (min-width: 60em) {
    .node--type-bt48-pub-cover-page.node--view-mode-full {
        .summary {
            display: flex;
            gap: 2rem;
            justify-content: space-between;
        }
    }

    .node--type-bt48-pub-cover-page.node--view-mode-search-result,
    .node--type-publication.node--view-mode-search-result{
        img {
            float: right;
            margin: 0 0 1em 1em;
        }
    }
}

.page-node-type-bt48-pub-publication {
    main.layout-content {
        display: flex;
        flex-wrap: wrap;
    
        .region-content {
            width: 70%;

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

                .parent .cover-page:has(a) + .parent-title {
                    display: none;
                }

                .view-accessible-publication-header {
                    padding: 0 2em;
                }

                .field--name-field-bt48-pub-summary {
                    padding: 1em 2em;
                }
            }
        }

        .region-sidebar {
            width: 28%;
            margin-left: 2%;
            height: max-content;
        }
    }
}

/* PHA Specific Styling */
html:has(body.page-node-type-bt48-pub-publication) {
  scroll-padding-top: var(--scroll-offset, 8rem);
}

.page-node-type-bt48-pub-publication {
    .primary .views-element-container:has(.view-accessible-publication-header) {
        position: sticky;
        top: 0;
        background-color: white;
        z-index: 2;
        box-shadow: 0 8px 8px 8px white;

        h1 {
            padding-top: 1rem;
            padding-bottom: 1rem;
            margin-top: -1rem;
            position: relative;
            &:after {
                position: absolute;
                bottom: -4px;
                left: 0;
                height: 4px;
                background: #6366f1;
                background-color: var(--primary);
                transform-origin: left;
                animation: progress-grow linear;
                animation-timeline: scroll(root);
                content: "";
                width: 100%;
                border-radius: 8px;
            }
        }
    }

    .primary .view-table-of-contents-publication {
        margin: 0 2rem 1rem;
        background: var(--background);
        border-radius: 8px;
        padding: 1rem;

        h2 {
            font-size: 1.25rem;
            margin: 0 0 0.75rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid var(--primary);
        }

        ul {
            list-style: none;
            padding: 0;
            max-width: 50rem;
            max-width: min(100%, 50rem);

            li {
                list-style-type: none;
                margin-bottom: 0.5rem;
                position: relative;
                padding-left: 1rem;
                line-height: 1.5;

                &:before {
                    font-family: 'icomoon' !important;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e908";
                    position: relative;
                    top: 1px;
                    margin-right: 0.5rem;
                    color: var(--primaryLight);
                    position: absolute;
                    left: -0.25rem;
                    top: 0.33rem;
                    font-weight: 900;
                }        
            }
        }
    }

    .primary {
        nav {
            margin: 2rem 2rem 0;
        }

        ul.links.inline {
            margin: 0 2rem;

            li {
                padding: 0;
            }
        }
    }
}

.paragraph.paragraph--type-standard-content.blue {
    border-radius: 1rem;
    .para-section {
        > h2,
        > .field {
            color: white;
        }
    }
}

/* Legacy Publications */
.node--type-publication.node--view-mode-full {
    div.banner {
        background: #fff;
        padding: 2rem 0;
        margin-bottom: 0rem;
        
        > .inner {
            max-width: 85em;
            margin: 0 auto;
            padding: 0 2em;
            width: 100%;
            flex-wrap: nowrap;

            .field--name-field-main-topics {
                display: flex;
                flex-wrap: wrap;
                gap: 1rem;
                margin-bottom: 1.5rem;

                a {
                    background-color: var(--backgroundBlue);
                    color: var(--primary);
                    border-radius: 4px;
                    padding: 0.5rem 1.25rem; 
                    display: block;
                    text-decoration: none;

                    &:focus-visible,
                    &:hover {
                        background-color: var(--primary);
                        color: var(--white);
                    }
                }
            }

            h1 {
                max-width: 50ch;
                max-width: min(100%, 50ch);
                line-height: 1.15;
            }

            .masthead {
                margin: 0.5em 0 1em;
                font-size: 1rem;
                color: var(--text);
                font-weight: 400;
                border-top: 1px solid var(--background);
                padding-top: 0.5rem;
                display: block;
                @media screen and (min-width: 60em) {
                    display: flex;
                }

                .field--type-datetime {
                    color: var(--primaryDark);
                    font-weight: 700;
                    margin-right: 1rem;

                    &.reviewed {
                        color: var(--text);
                        opacity: 0.6;
                    }
                }
            }

            .field--name-field-featured-text {
                max-width: 80ch;
                max-width: min(100%, 80ch);
            }
        }
    }

    .content {
        margin: 2em auto;
        padding: 0 1em;
        display: block;
        justify-content: space-between;
        flex-wrap: nowrap;

        .primary {
            .para-section {
                padding-left: 0;
                padding-right: 0;
            }

            .field-group-table.group_details {
                table {
                    border-bottom: 1px solid var(--backgroundAlt);

                    tr {
                        border-top: 1px solid var(--backgroundAlt);
                    }
                    th, td {
                        border: 0;
                    }
                }
            }
            .node-links {
                border: 0;
            }

            .publication-details .field__label {
                font-size: 1rem;
            }

            .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;
                            }
                        }
                    }
                }
            }

            section.downloads {
                margin-bottom: 2rem;
                h2 {
                    margin-bottom: 0.5rem;
                }
            }

            ul.downloads__list {
                list-style: none;
                margin: 0;
                padding: 0;

                li {
                    border: 1px solid var(--backgroundAlt);
                    background: white;
                    border-radius: 0.75rem;
                    
                    .download-row {
                        display: flex;
                        gap: 1rem;
                        width: 100%;
                        text-decoration: none;
                        color: var(--primary);
                        padding: 1rem;
                        align-items: flex-start;
                        flex-direction: column;
                        @media screen and (min-width: 60em) {
                            flex-direction: row;
                            align-items: center;
                        }

                        &:hover,
                        &:focus-visible {
                            color: var(--primaryDark);
                            background-color: var(--backgroundBlueAlt);

                            .download-row__title {
                                text-decoration: underline;
                            }
                        }
                    }

                    .download-row__type {
                        background: var(--highlightNavy);
                        line-height: 2;
                        padding: 0.75rem;
                        border-radius: 0.5rem;
                        color: white;
                        font-weight: 700;
                        display: none;
                        @media screen and (min-width: 60em) {
                            display: inline-block;
                        }
                    }

                    .download-row__text {
                        display: inline-flex;
                        flex-direction: column;
                        flex-grow: 1;

                        .download-row__title {
                            font-weight: 700;
                            font-size: 1.25em;
                        }

                        span.download-row__meta {
                            font-weight: 400;
                            color: var(--text);
                            opacity: 0.6;
                        }
                    }

                    span.download-row__action {
                        background: var(--primary);
                        color: white;
                        padding: 0.75rem 1rem;
                        display: inline-block;
                        border-radius: 0.5rem;

                        &:hover,
                        &:focus-visible {
                            background-color: var(--highlightTeal);
                        }
                    }

                    + li {
                        margin-top: 1rem;
                    }
                }
            }
        }

        .secondary {
            margin-top: 2rem;
            
            img {
                border-radius: 0.5rem;
                margin-bottom: 1rem;
                background-color: white;
                max-width: 100%;
                float: none;
            }

             .paragraph--type-standard-content {
                background:transparent;
                color: var (--text);
                padding: 1.5rem 0rem 1rem;
                margin-bottom: 1.5rem;
                border: 1px solid var(--backgroundAlt);
                border-radius: 0.75rem;

                .para-section {
                    padding: 0 1rem;
                }

                .para-section > h2,
                .para-section > .field {
                    color: var(--text);
                }

                .para-section > h2 {
                    font-size: 1.25rem;
                }

                a.button {
                    background-color: var(--primary);
                    border-color: var(--primary);

                    &:hover,
                    &:focus-visible {
                        background-color: var(--highlightTeal);
                        color: white;
                    }
                }
                &.blue {
                    background: var(--primaryDark);
                    color: var(--white);
                    padding: 1.5rem 0rem 1rem;
                    margin-bottom: 1.5rem;

                    .para-section > h2,
                    .para-section > .field {
                        color: var(--white);

                        a {
                            color: white;
                        }

                        a.button {
                            background-color: white;
                            border-color: white;
                            color: var(--primary);

                            &:hover,
                            &:focus-visible {
                                background-color: var(--highlightTeal);
                                color: white;
                            }
                        }
                    }

                    .para-section > h2 {
                        font-size: 1.25rem;
                    }

                    
                }

                &.grey {
                    background: var(--backgroundAlt);
                    color: var(--text);
                    padding: 1.5rem 0rem 1rem;
                    margin-bottom: 1.5rem;
                    border: 1px solid var(--borderGrey);

                    .para-section > h2,
                    .para-section > .field {
                        color: var(--text);
                    }

                    .para-section > h2 {
                        font-size: 1.25rem;
                    }

                    a.button {
                        background: var(--primary);
                        border-color: var(--primary);

                        &:hover,
                        &:focus-visible {
                            background-color: var(--highlightTeal);
                            color: white;
                        }
                    }
                }

                &.white {
                    background: var(--white);
                    color: var(--text);
                    padding: 1.5rem 0rem 1rem;
                    margin-bottom: 1.5rem;
                    border: 1px solid var(--backgroundAlt);

                    .para-section > h2,
                    .para-section > .field {
                        color: var(--text);
                    }

                    .para-section > h2 {
                        font-size: 1.25rem;
                    }

                    a.button {
                        background-color: var(--primary);
                        border-color: var(--primary);

                        &:hover,
                        &:focus-visible {
                            background-color: var(--highlightTeal);
                            color: white;
                        }
                    }
                }
            }
        }

        /* Paragraph Styling */
        .primary {
            .paragraph--type-standard-content {
                &.blue {
                    background: var(--backgroundBlueAlt);
                    color: var(--text);
                    padding: 1.5rem 2rem 1rem;
                    margin-bottom: 1.5rem;

                    .para-section > h2,
                    .para-section > .field {
                        color: var(--text);
                    }

                    .para-section > h2 {
                        font-size: 1.25rem;
                    }
                }

                &.grey {
                    background: var(--backgroundAlt);
                    color: var(--text);
                    padding: 1.5rem 2rem 1rem;
                    margin-bottom: 1.5rem;

                    .para-section > h2,
                    .para-section > .field {
                        color: var(--text);
                    }

                    .para-section > h2 {
                        font-size: 1.25rem;
                    }
                }

                &.white {
                    background: var(--white);
                    color: var(--text);
                    padding: 1.5rem 2rem 1rem;
                    margin-bottom: 1.5rem;

                    .para-section > h2,
                    .para-section > .field {
                        color: var(--text);
                    }

                    .para-section > h2 {
                        font-size: 1.25rem;
                    }
                }
            }

            blockquote {
                border: none;
                font-style: normal;
                padding: 1rem 0;
                border-top: 4px solid var(--primary);
                border-bottom: 1px solid var(--backgroundAlt);
                color: var(--primaryDark);
                font-weight: 600;
                line-height: 1;
                margin-bottom: 1.5rem;

                p {
                    line-height: 1.5 !important;
                }

                p + p:last-child {
                    font-size: 1rem;
                    font-weight: 400;
                    color: var(--text);
                }

            }
        }

        .secondary {
            .paragraph--type-standard-content {
                background:transparent;
                color: var (--text);
                padding: 1.5rem 0rem 1rem;
                margin-bottom: 1.5rem;
                border: 1px solid var(--backgroundAlt);
                border-radius: 0.75rem;

                .para-section {
                    padding: 0 1rem;
                }

                .para-section > h2,
                .para-section > .field {
                    color: var(--text);
                }

                .para-section > h2 {
                    font-size: 1.25rem;
                }

                a.button {
                    background-color: var(--primary);
                    border-color: var(--primary);

                    &:hover,
                    &:focus-visible {
                        background-color: var(--highlightTeal);
                        color: white;
                    }
                }
                &.blue {
                    background: var(--primaryDark);
                    color: var(--white);
                    padding: 1.5rem 0rem 1rem;
                    margin-bottom: 1.5rem;

                    .para-section > h2,
                    .para-section > .field {
                        color: var(--white);

                        a {
                            color: white;
                        }
                    }

                    .para-section > h2 {
                        font-size: 1.25rem;
                    }

                    a.button {
                        background-color: white;
                        border-color: white;

                        &:hover,
                        &:focus-visible {
                            background-color: var(--highlightTeal);
                            color: white;
                        }
                    }
                }

                &.grey {
                    background: var(--backgroundAlt);
                    color: var(--text);
                    padding: 1.5rem 0rem 1rem;
                    margin-bottom: 1.5rem;
                    border: 1px solid var(--borderGrey);

                    .para-section > h2,
                    .para-section > .field {
                        color: var(--text);
                    }

                    .para-section > h2 {
                        font-size: 1.25rem;
                    }

                    a.button {
                        background: var(--primary);
                        border-color: var(--primary);

                        &:hover,
                        &:focus-visible {
                            background-color: var(--highlightTeal);
                            color: white;
                        }
                    }
                }

                &.white {
                    background: var(--white);
                    color: var(--text);
                    padding: 1.5rem 0rem 1rem;
                    margin-bottom: 1.5rem;
                    border: 1px solid var(--backgroundAlt);

                    .para-section > h2,
                    .para-section > .field {
                        color: var(--text);
                    }

                    .para-section > h2 {
                        font-size: 1.25rem;
                    }

                    a.button {
                        background-color: var(--primary);
                        border-color: var(--primary);

                        &:hover,
                        &:focus-visible {
                            background-color: var(--highlightTeal);
                            color: white;
                        }
                    }
                }
            }
        }
    }

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

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

            .secondary {
                width: 23em;
                height: max-content;
                position: sticky;
                top: 2em;
                margin-top: 0;
            }
        }
    }
}