:root {
    --lg-height: 332px;
    --lg-height-single: 400px;
    --lg-tablet-height: 280px;
    --lg-mobile-height: 255px;
    --lg-mobile-height-sm: 215px;
    --lg-height-vmax: 28vmax;
}

#ftl-home .author {
    color: var(--acc-ffffff-gray);
}

#ftl-home .container-fluid.body {
    margin: 0 auto 0 auto;
    z-index: 0;
}

#ftl-home .container-decoration {
    margin-top: 15px;
    background: white;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    border-radius: 10px;
}

#ftl-home .title-container {
    margin-bottom: 10px;
}

#ftl-home .title-container .title {
    display: inline-block;
    color: var(--title-color);
    font-weight: 600;
    margin-right: 10px;
    font-size: 32px;
    margin-top: 10px;
}

#ftl-home .title-container .title-date {
    display: inline-block;
    font-size: 28px;
    color: var(--brand-gray-text);
    font-weight: 200;
}
#ftl-home .all-links {
    display: block;
    float: right;
    margin-top: 15px;
    padding-right: 15px;
    font-size: 20px;
}
#ftl-home .all-links a {
    color: var(--acc-f5f5f6-blue-1);
}
@media screen and (max-width: 849px) {
    #ftl-home .all-links {
        float: unset;
        width: 100%;
        text-align: right;
    }
}
@media screen and (max-width: 768px) {
    #ftl-home .all-links {
        margin-top: 10px;
        text-align: left;
    }
}
#ftl-home .collection-ribbon {
    margin: 0;
    padding: 3px 26px;
    background-color: var(--acc-ffffff-blue-1);
    color: white;
    width: 150px;
    position: absolute;
    top: 10px;
    left: -8px;
    transform: translateX(-41%) translateY(-136%) rotate(-45deg);
    transform-origin: top right;
    opacity: 100%;
    z-index: 1;
    text-align: center;
    user-select: none;
}
#ftl-home .lg-resource-container {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    padding-bottom: 15px;
}

#ftl-home .lg-resource-block {
    height: 100%;
    position: relative;
    width: 50%;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
}
#ftl-home .lg-resource-block .collection-ribbon {
    width: 225px;
    font-size: 18px;
}
#ftl-home .middle-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px dashed var(--border-dash-color);
    border-bottom: 1px dashed var(--border-dash-color);
}
#ftl-home .middle-left-assets {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 50%;
}

#ftl-home .middle-right-assets {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 50%;
}

@media screen and (max-width: 550px) {
    #ftl-home .md-resource-block {
        flex-direction: column-reverse !important;
    }
    #ftl-home .md-resource-block img[data-title-hover] {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 15px !important;
    }
    #ftl-home .md-resource-details {
        padding-right: 0 !important;
        min-width: 100%;
    }
}

@media screen and (max-width: 919px) {
    #ftl-home .middle-left-assets,
    #ftl-home .middle-right-assets {
        width: 100%;
        margin-bottom: 15px;
    }
    #ftl-home .md-resource-details .title {
        font-size: max(1.75vmax, 24px) !important;
    }
    #ftl-home .md-resource-details .description {
        -webkit-line-clamp: 4;
        margin-bottom: 10px;
    }
    #ftl-home .md-resource-details .asset-dl-btn {
        margin-top: auto;
    }
    #ftl-home .md-resource-block.refcard {
        max-height: 480px;
    }
}

@media screen and (min-width: 551px) and (max-width: 919px) {
    #ftl-home .md-resource-block img[data-title-hover] {
        margin-right: 0 !important;
    }
}

#ftl-home .md-resource-block {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

#ftl-home .md-resource-details {
    display: flex;
    flex-direction: column;
    padding-right: 30px;
}

#ftl-home .md-resource-details .title {
    font-size: min(24px, max(1.75vmax, 20px));
    color: var(--title-color);
    font-weight: 500;
}

#ftl-home .md-resource-details .description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    font-size: min(17px, max(14px, 1.5vmax));
    color: var(--brand-gray-text);
    line-height: 24px;
}

#ftl-home .md-resource-block.trendreport .md-resource-details .description {
    color: var(--accessibility-text-color);
}

#ftl-home .md-resource-block img[data-title-hover] {
    max-width: 250px;
    max-height: 320px;
    border: 1px solid var(--border-dash-color);
    border-radius: 6px;
}

#ftl-home .asset-dl-btn {
    background-color: var(--acc-ffffff-blue-2);
    color: white;
    border: none;
    padding: 5px 12px 4px 12px;
    border-radius: 6px;
    min-height: 40px;
    font-size: min(17px, max(1.1vmax, 14px));
}

#ftl-home .asset-dl-btn:hover {
    filter: brightness(1.2);
}

@media screen and (min-width: 700px) and (max-width: 799px) {
    #ftl-home .lg-resource-container:not(.has-tr) .lg-resource-block.article,
    #ftl-home .lg-resource-container:not(.has-tr) .lg-resource-block.refcard {
        min-width: 49%;
        max-width: 49%;
    }
    #ftl-home .lg-resource-container.has-tr .lg-resource-block.article,
    #ftl-home .lg-resource-container.has-tr .lg-resource-block.refcard {
        min-width: 100%;
        max-width: 100%;
    }
    #ftl-home .lg-resource-container.has-tr .lg-resource-block.article .resource-overlay,
    #ftl-home .lg-resource-container.has-tr .lg-resource-block.refcard .resource-overlay,
    #ftl-home .lg-resource-container.has-tr .lg-resource-block.article img,
    #ftl-home .lg-resource-container.has-tr .lg-resource-block.refcard img {
        min-height: var(--lg-height-single) !important;
        max-height: var(--lg-height-single) !important;
        height: var(--lg-height-single) !important;
    }
    #ftl-home .lg-resource-container.has-tr .lg-resource-block.article img,
    #ftl-home .lg-resource-container.has-tr .lg-resource-block.refcard img {
        margin-left: 50%;
        transform: translateX(-50%) translateY(-13%) scale(1.315)
    }
}

@media screen and (max-width: 699px) {
    #ftl-home .lg-resource-block {
        min-width: min(100%, max(330px, 75%));
        max-width: min(100%, max(330px, 75%));
        margin-left: auto;
        margin-right: auto;
    }

    #ftl-home .lg-resource-container .lg-resource-block:not(:first-child):not(.trendreport) {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px dashed var(--border-dash-color);
    }
}

@media screen and (min-width: 551px) and (max-width: 699px) {
    #ftl-home .lg-resource-block {
        max-width: 100% !important;
        min-width: 100% !important;
    }
}

#ftl-home .lg-resource-block .resource-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: min(17px, max(15px, 1.25vmax));
    line-height: 24px;
    color: var(--acc-ffffff-gray);
    margin-top: 10px;
    margin-bottom: 10px;
}

#ftl-home .lg-resource-block .resource-overlay,
#ftl-home .sm-resource-block .sm-resource-overlay {
    position: relative;
    background: black;
    display: block;
}

#ftl-home .lg-resource-block .resource-overlay {
    min-height: var(--lg-height);
    max-height: var(--lg-height);
}

#ftl-home .sm-resource-block .sm-resource-overlay {
    min-height: 100%;
    max-height: 100%;
}

#ftl-home .lg-resource-block .resource-overlay img {
    padding: 0;
    margin-bottom: 0;
    width: unset;
    height: var(--lg-height);
    min-height: var(--lg-height);
    max-height: var(--lg-height);
    margin-left: 50%;
    transform: translateX(-50%) translateY(-13%) scale(1.45);
}
#ftl-home .sm-resource-block .sm-resource-overlay img {
    padding: 0;
    margin-bottom: 0;
    object-fit: fill;
    object-position: center;
    width: 100%;
    min-height: 100%;
    max-height: 100%;
}

#ftl-home .lg-resource-block .resource-overlay,
#ftl-home .lg-resource-block .resource-overlay img {
    min-height: var(--lg-height);
    max-height: var(--lg-height);
}

@media screen and (min-width: 900px) and (max-width: 1050px) {
    #ftl-home .lg-resource-block.trendreport > img,
    #ftl-home .lg-resource-block.refcard .resource-overlay,
    #ftl-home .lg-resource-block.article .resource-overlay {
        min-height: var(--lg-tablet-height) !important;
        max-height: var(--lg-tablet-height) !important;
    }
    #ftl-home .lg-resource-block.refcard .resource-overlay img,
    #ftl-home .lg-resource-block.article .resource-overlay img {
        min-height: var(--lg-tablet-height) !important;
        max-height: var(--lg-tablet-height) !important;
        transform: translateX(-50%) translateY(-13%) scale(1.315);
    }
    #ftl-home .md-resource-block.trendreport .md-resource-details .description {
        -webkit-line-clamp: 3;
    }
}
@media screen and (min-width: 920px) and (max-width: 1050px) {
    #ftl-home .middle-right-assets .md-resource-block.trendreport > img[data-title-hover],
    #ftl-home .middle-right-assets .md-resource-block.refcard > img[data-title-hover],
    #ftl-home .middle-right-assets .md-resource-block.article img[data-title-hover] {
        width: 195px !important;
        max-width: 195px !important;
    }

    #ftl-home .middle-right-assets .md-resource-block.refcard > img[data-title-hover],
    #ftl-home .middle-right-assets .md-resource-block.article img[data-title-hover] {
        max-height: 158px !important;
    }
}

@media screen and (min-width: 1051px) and (max-width: 1250px) {
    #ftl-home .lg-resource-block.trendreport > img,
    #ftl-home .lg-resource-block.refcard .resource-overlay,
    #ftl-home .lg-resource-block.article .resource-overlay {
        min-height: var(--lg-height) !important;
        max-height: var(--lg-height) !important;
    }
    #ftl-home .lg-resource-block.refcard .resource-overlay img,
    #ftl-home .lg-resource-block.article .resource-overlay img {
        min-height: var(--lg-height) !important;
        max-height: var(--lg-height) !important;
        transform: translateX(-50%) translateY(-13%) scale(1.35);
    }
}

@media screen and (min-width: 1051px) {
    #ftl-home .lg-resource-block.trendreport > img[data-title-hover],
    #ftl-home .md-resource-block.refcard > img[data-title-hover],
    #ftl-home .md-resource-block.article img[data-title-hover] {
        min-width: 250px !important;
        max-width: 250px !important;
    }
    #ftl-home .md-resource-block.refcard > img[data-title-hover] {
        max-height: 180px !important;
    }
}

@media screen and (min-width: 551px) and (max-width: 649px) {
    #ftl-home .lg-resource-block.refcard .resource-overlay img,
    #ftl-home .lg-resource-block.article .resource-overlay img {
        transform: translateX(-50%) translateY(-13%) scale(1.4);
    }
}

@media screen and (min-width: 650px) and (max-width: 699px) {
    #ftl-home .lg-resource-block.refcard .resource-overlay img,
    #ftl-home .lg-resource-block.article .resource-overlay img {
        transform: translateX(-50%) translateY(-13%) scale(1.515);
    }
}

@media screen and (min-width: 700px) and (max-width: 919px) {
    #ftl-home .lg-resource-block.refcard .resource-overlay,
    #ftl-home .lg-resource-block.article .resource-overlay {
        min-height: var(--lg-mobile-height) !important;
        max-height: var(--lg-mobile-height) !important;
    }
    #ftl-home .lg-resource-block.refcard .resource-overlay img,
    #ftl-home .lg-resource-block.article .resource-overlay img {
        min-height: var(--lg-mobile-height) !important;
        max-height: var(--lg-mobile-height) !important;
        width: 100%;
        margin-left: unset;
        transform: unset;
    }
}

@media screen and (min-width: 551px) and (max-width: 659px) {
    #ftl-home .md-resource-block.refcard img[data-title-hover],
    #ftl-home .md-resource-block.article img[data-title-hover] {
        min-height: var(--lg-mobile-height-sm) !important;
        max-height: var(--lg-mobile-height-sm) !important;
        width: 100%;
        margin-left: unset;
        transform: unset;
    }
}

@media screen and (min-width: 660px) and (max-width: 919px) {
    #ftl-home .md-resource-block.refcard img[data-title-hover],
    #ftl-home .md-resource-block.article img[data-title-hover] {
        min-height: var(--lg-mobile-height) !important;
        max-height: var(--lg-mobile-height) !important;
        width: 100%;
        margin-left: unset;
        transform: unset;
    }
}

@media screen and (min-width: 800px) and (max-width: 899px) {
    #ftl-home .lg-resource-block.trendreport > img,
    #ftl-home .md-resource-block.trendreport > img,
    #ftl-home .lg-resource-block.refcard .resource-overlay {
        min-height: var(--lg-mobile-height) !important;
        max-height: var(--lg-mobile-height) !important;
    }
}

@media screen and (min-width: 780px) and (max-width: 859px) {
    #ftl-tagging .asset-card:not(.trendreport) .asset-card-right img {
        width: 100%;
        height: 100%;
        transform: translateX(-50%);
    }
}

@media screen and (min-width: 860px) and (max-width: 1023px) {
    #ftl-tagging .asset-card:not(.trendreport) .asset-card-right img {
        width: 100%;
        height: 100%;
        transform: translateX(-50%) translateY(-10%) scaleY(1.25);
    }
}

#ftl-home .lg-resource-block .resource-overlay img {
    opacity: 0.6;
}

#ftl-home .lg-resource-block .sm-resource-overlay img {
    opacity: 0.85;
}

#ftl-home .lg-resource-block .resource-details {
    position: absolute;
    bottom: 5%;
    padding: 0 1em;
    font-weight: bold;
    color: white;
}

#ftl-home .lg-resource-block .resource-details .resource-title {
    font-size: max(16px, min(1.75vmax, 24px));
}

#ftl-home .lg-resource-block .resource-overlay .resource-details .resource-title {
    color: white;
}

#ftl-home .lg-resource-block .resource-details a,
#ftl-home .lg-resource-block .resource-details .author {
    color: white !important;
}

#ftl-home .lg-resource-block .resource-details .author {
    padding: 0;
}

#ftl-home .lg-resource-block .resource-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#ftl-home .lg-resource-block.refcard {
    width: 100%;
}
#ftl-home .ribbon-container {
    position: relative;
    overflow: hidden;
}
#ftl-home .lg-resource-block.refcard .resource-type-lg {
    color: var(--light-blue-text-color);
    font-weight: bold;
    text-shadow: 0 0 white;
}

#ftl-home .lg-resource-block.refcard .resource-title {
    margin-bottom: 0;
}

@media screen and (max-width: 599px) {
    #ftl-home .lg-resource-block.refcard img {
        object-position: center 100%;
    }
}

#ftl-home .lg-resource-block.refcard img {
    max-height: var(--lg-height);
    object-fit: fill;
    object-position: center 95%;
}

#ftl-home .lg-resource-block.trendreport {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

#ftl-home .lg-resource-block.trendreport .lg-resource-details {
    display: flex;
    flex-direction: column;
    padding-right: 30px;
    min-width: calc(50% - 60px);
}

#ftl-home .lg-resource-block.trendreport .lg-resource-details .title {
    font-size: min(24px, max(1.75vmax, 20px));
    color: var(--title-color);
    font-weight: 500;
}

#ftl-home .lg-resource-block.trendreport .lg-resource-details .description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    margin-bottom: 34px;
    font-size: min(17px, max(14px, 1.5vmax));
    color: var(--accessibility-text-color);
    line-height: 24px;
}

@media screen and (min-width: 1051px) and (max-width: 1167px) {
    #ftl-home .lg-resource-block.trendreport .lg-resource-details .description {
        -webkit-line-clamp: 6;
        margin-bottom: 44px;
    }
}

@media screen and (max-width: 1050px) {
    #ftl-home .lg-resource-block.trendreport .lg-resource-details .description {
        -webkit-line-clamp: 4;
        margin-bottom: 29px;
        min-height: 100px;
        max-height: 100px;
    }
}

@media screen and (min-width: 551px) and (max-width: 799px) {
    #ftl-home .lg-resource-block.trendreport img,
    #ftl-home .md-resource-block.trendreport img {
        height: unset !important;
        min-width: calc(20vmax - 7px) !important;
        max-width: calc(20vmax - 7px) !important;
    }
}

#ftl-home .lg-resource-block.trendreport img {
    width: calc(20vmax - 7px);
    height: var(--lg-height);
    max-width: 195px;
    min-width: 195px;
    max-height: var(--lg-height);
    border: 1px solid var(--border-dash-color);
    border-radius: 6px;
}

#ftl-home .lg-resource-block.article .resource-overlay img,
#ftl-home .lg-resource-block.refcard .resource-overlay img {
    min-height: var(--lg-height);
    max-height: var(--lg-height);
}

@media screen and (min-width: 551px) and (max-width: 799px) {
    #ftl-home .lg-resource-block.trendreport {
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

@media screen and (max-width: 550px) {
    #ftl-home .lg-resource-block.refcard .resource-overlay,
    #ftl-home .lg-resource-block.refcard .resource-overlay img,
    #ftl-home .lg-resource-block.article .resource-overlay,
    #ftl-home .lg-resource-block.article .resource-overlay img {
        height: var(--lg-mobile-height);
        min-height: var(--lg-mobile-height);
        max-height: var(--lg-mobile-height);
    }
    #ftl-home .lg-resource-block.refcard .resource-overlay img,
    #ftl-home .lg-resource-block.article .resource-overlay img {
        width: 100%;
        margin-left: unset;
        transform: unset;
    }
    #ftl-home .lg-resource-block.trendreport {
        flex-direction: column-reverse !important;
    }
    #ftl-home .lg-resource-block.trendreport img {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 15px !important;
    }
    #ftl-home .lg-resource-block.trendreport .lg-resource-details {
        padding-right: 0 !important;
        min-width: 100% !important;
    }
    #ftl-home .lg-resource-block.trendreport .lg-resource-details .description {
        min-height: unset !important;
    }
    #ftl-home .md-resource-block,
    #ftl-home .lg-resource-block {
        margin-left: auto !important;
        margin-right: auto !important;
        min-width: min(100%, max(330px, 75%)) !important;
        max-width: min(100%, max(330px, 75%)) !important;
    }
    #ftl-home .md-resource-block img[data-title-hover],
    #ftl-home .lg-resource-block.trendreport img[data-title-hover] {
        max-width: unset !important;
        max-height: unset !important;
        width: 100% !important;
        height: auto !important;
    }
}

@media screen and (min-width: 1230px) {
    .container-fluid.body {
        max-width: 1300px;
    }
}

#ftl-home .upper-resource-container {
    position: relative;
}

/* draw responsive borders */
@media screen and (min-width: 920px) {
    #ftl-home .lg-resource-container .lg-resource-block:nth-child(1) {
        margin-right: 0;
        padding-right: 15px;
    }

    #ftl-home .lg-resource-container .lg-resource-block:nth-child(2) {
        margin-left: 0;
        padding-left: 15px;
    }

    #ftl-home .middle-container .middle-left-assets {
        margin-right: 0;
        padding-right: 15px;
    }

    #ftl-home .middle-container .middle-right-assets {
        margin-left: 0;
        padding-left: 15px;
    }

    #ftl-home .upper-resource-container::before {
        content: "";
        position: absolute;
        display: block;
        height: 100%;
        margin-left: calc(50%);
        border-left: 1px dashed var(--border-dash-color);
    }
}

@media screen and (max-width: 919px) {
    #ftl-home .middle-container {
        padding-right: 0;
        padding-left: 0;
    }

    #ftl-home .middle-container .middle-left-assets {
        margin: 0;
        padding: 0;
    }

    #ftl-home .middle-container .middle-right-assets {
        margin: 0;
        padding: 15px 0 0;
    }

    #ftl-home .middle-container .middle-right-assets .md-resource-block.trendreport {
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 551px) and (max-width: 919px) {
    #ftl-home .middle-container .middle-right-assets.has-tr .md-resource-block.trendreport {
        flex-direction: row;
        padding-right: 0 !important;
    }

    #ftl-home .middle-container .middle-right-assets.has-tr .md-resource-block.trendreport .md-resource-details {
        padding-right: 30px;
    }

    #ftl-home .middle-container .middle-right-assets.has-tr {
        flex-wrap: wrap;
        justify-content: center;
    }

    #ftl-home .middle-container .middle-right-assets.has-tr .md-resource-block:last-child:is(.trendreport)::before {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        border-top: 1px dashed var(--border-dash-color);
        left: 0;
        top: -15px;
    }

    #ftl-home .middle-container .middle-right-assets.has-tr .md-resource-block:first-child:is(.trendreport)::before {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        border-bottom: 1px dashed var(--border-dash-color);
        left: 0;
        bottom: -15px;
    }

    #ftl-home .middle-container .middle-right-assets.has-tr .md-resource-block {
        position: relative;
    }

    #ftl-home .middle-container .middle-right-assets.has-tr .md-resource-block:last-child {
        margin-top: 30px;
    }
}

@media screen and (max-width: 799px) {
    #ftl-home .lg-resource-container .lg-resource-block.trendreport:last-child {
        padding-top: 15px;
        border-top: 1px dashed var(--border-dash-color);
    }
}

@media screen and (min-width: 800px) and (max-width: 919px) {
    #ftl-home .lg-resource-container .lg-resource-block:nth-child(1) {
        padding-right: 10px;
    }

    #ftl-home .lg-resource-container .lg-resource-block:nth-child(2) {
        padding-left: 10px;
    }

    #ftl-home .lg-resource-container::before {
        content: "";
        position: absolute;
        display: block;
        height: 100%;
        margin-left: calc(50%);
        border-left: 1px dashed var(--border-dash-color);
    }
}

@media screen and (min-width: 900px) and (max-width: 919px) {
    .md-resource-block.trendreport img {
        min-width: 195px !important;
        max-width: 195px !important;
    }
}

@media screen and (min-width: 551px) and (max-width: 919px) {
    #ftl-home .middle-container .middle-right-assets .md-resource-block:not(:first-child) {
        padding-top: 0 !important;
    }

    #ftl-home .middle-container .middle-right-assets .md-resource-block:first-child {
        padding-right: 8px;
    }

    #ftl-home .middle-container .middle-right-assets .md-resource-block:first-child:is(.trendreport) {
        padding-right: 22px;
    }

    #ftl-home .middle-container .middle-right-assets .md-resource-block:last-child {
        padding-left: 8px;
    }

    #ftl-home .middle-container .middle-right-assets:not(.has-tr)::before {
        content: "";
        position: absolute;
        display: block;
        height: calc(100% + 15px);
        margin-top: -15px;
        margin-left: calc(50%);
        border-left: 1px dashed var(--border-dash-color);
    }
}

@media screen and (max-width: 799px) {
    #ftl-home .lg-resource-container .lg-resource-block.trendreport:last-child {
        margin-top: 15px;
        padding-top: 15px;
        padding-bottom: 0px;
    }
}

#ftl-home .middle-container .middle-right-assets .md-resource-block.trendreport + .md-resource-block.refcard img[data-title-hover],
#ftl-home .middle-container .middle-right-assets .md-resource-block.trendreport + .md-resource-block.refcard img[data-title-hover] {
    width: 20vmax;
    max-width: 250px;
    max-height: 190px;
}

#ftl-home .md-resource-block.refcard {
    display: flex;
    flex-direction: row;
}

#ftl-home .middle-container .middle-left-assets .md-resource-block.trendreport {
    margin-top: auto;
    margin-bottom: auto;
}

#ftl-home .middle-container .middle-right-assets .md-resource-block:not(:first-child) {
    padding-top: 15px;
}

#ftl-home .md-resource-block.refcard .subtitle,
#ftl-home .trendreport .subtitle {
    font-size: min(17px, max(1.75vmax, 14px));
    color: var(--title-color);
    font-weight: 300;
    margin-top: -10px;
    margin-bottom: 5px;
}

#ftl-home .lg-resource-block.trendreport .subtitle {
    font-size: min(19px, max(1.75vmax, 17px));
}

#ftl-home .md-resource-block.refcard .md-resource-details {
    flex-grow: 1;
}

#ftl-home .md-resource-block.refcard img[data-title-hover] {
    width: 22vmax;
    height: 16vmax;
    max-width: 320px;
    max-height: 250px;
    border: 1px solid var(--border-dash-color);
    border-radius: 6px;
    margin-top: auto;
}

@media screen and (min-width: 920px) {
    #ftl-home .middle-left-assets .md-resource-block.refcard img[data-title-hover] {
        max-width: 195px;
        max-height: 158px;
    }
}

#ftl-home .middle-container .middle-right-assets .md-resource-block.refcard img[data-title-hover] {
    width: calc(20vmax - 8px);
    max-width: 195px;
    max-height: 158px;
}

@media screen and (min-width: 551px) and (max-width: 799px) {
    #ftl-home .lg-resource-container .lg-resource-block:first-child {
        padding-top: 15px;
        border-top: 1px dashed var(--border-dash-color);
    }
    #ftl-home .lg-resource-container .lg-resource-block.trendreport {
        justify-content: center;
    }
    #ftl-home .lg-resource-block.trendreport .lg-resource-details .description {
        min-height: unset;
    }
}

@media screen and (min-width: 700px) and (max-width: 799px) {
    #ftl-home .lg-resource-container .lg-resource-block:first-child.trendreport {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px dashed var(--border-dash-color);
    }
}

@media screen and (max-width: 919px) {
    #ftl-home .middle-container .middle-left-assets {
        padding-bottom: 15px;
        border-bottom: 1px dashed var(--border-dash-color);
    }

    #ftl-home .middle-container .middle-left-assets .md-resource-block {
        margin: auto auto;
    }

    #ftl-home .middle-container .middle-right-assets {
        flex-direction: row;
        justify-content: space-between;
    }

    #ftl-home .middle-container .md-resource-block:not(.trendreport) {
        flex-direction: column-reverse;
        min-width: 49%;
        max-width: 49%;
    }

    #ftl-home .middle-container .md-resource-block:not(:first-child) {
        padding-top: 0;
    }

    #ftl-home .md-resource-block.refcard img[data-title-hover] {
        margin-top: unset !important;
        width: 100% !important;
        height: 35vmax !important;
        max-width: unset !important;
        max-height: unset !important;
    }

    #ftl-home .md-resource-block.refcard .md-resource-details {
        height: 100%;
        min-width: 100%;
        max-width: 100%;
        padding-right: 0;
        margin-top: 10px;
    }

    #ftl-home .middle-container .middle-right-assets .md-resource-block.trendreport img {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #ftl-home .middle-container .middle-right-assets .md-resource-block.trendreport .md-resource-details {
        padding-right: 0;
        margin-top: 10px;
    }
}

@media screen and (max-width: 550px) {
    #ftl-home .middle-container .middle-right-assets {
        flex-direction: column !important;
    }
    #ftl-home .middle-container .middle-right-assets .md-resource-block {
        min-width: min(100%, max(330px, 75%)) !important;
        max-width: min(100%, max(330px, 75%)) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #ftl-home .middle-container .middle-right-assets .md-resource-block:first-child {
        padding-bottom: 15px;
    }
    #ftl-home .middle-container .middle-right-assets .md-resource-block:not(:first-child) {
        padding-top: 15px;
        border-top: 1px dashed var(--border-dash-color);
    }
    #ftl-home .md-resource-block.refcard {
        min-width: min(100%, max(330px, 75%)) !important;
        max-width: min(100%, max(330px, 75%)) !important;
    }
    #ftl-home .md-resource-block.refcard img[data-title-hover] {
        width: 100%;
    }
}

#ftl-home .middle-container .md-resource-block.article .md-resource-block-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
}

#ftl-home .middle-container .md-resource-block.article .md-resource-block-right {
    flex-grow: 1;
}

#ftl-home .middle-container .md-resource-block.article .title {
    font-size: min(24px, max(1.75vmax, 20px));
    color: var(--title-color);
    font-weight: 500;
}

#ftl-home .middle-container .md-resource-block.article img[data-title-hover] {
    width: min(100%, 250px);
    height: calc(15vmax);
    max-width: min(100%, 250px);
    max-height: 180px;
    padding: 0;
    margin-left: auto;
}

@media screen and (max-width: 919px) {
    #ftl-home .middle-container .middle-right-assets .md-resource-block.article {
        margin-bottom: auto;
    }
    #ftl-home .middle-container .md-resource-block.article .md-resource-block-container {
        flex-direction: column;
    }

    #ftl-home .middle-container .md-resource-block.article .md-resource-block-right {
        min-width: 100%;
        max-width: 100%;
    }
    #ftl-home .middle-container .md-resource-block.article img[data-title-hover] {
        min-width: 100% !important;
        width: 100% !important;
        margin-bottom: 0 !important;
    }
}

#ftl-home .article-container {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 10px;
    margin-bottom: 15px;
    padding-top: 15px;
}

#ftl-home .article-container .sm-resource-block.article {
    position: relative;
    min-width: 100%;
    max-width: 100%;
}

#ftl-home .article-container .sm-resource-block.article .sm-resource-block-container {
    display: flex;
    flex-direction: row;
}

#ftl-home .article-container .sm-resource-block.article .sm-resource-block-container .sm-resource-block-left {
    display: flex;
}

#ftl-home .article-container .sm-resource-block.article .sm-resource-block-container .sm-resource-block-right {
    max-width: calc(100% - 205px);
}

#ftl-home .bottom-heading {
    position: relative;
    padding-bottom: 15px;
}

#ftl-home .bottom-heading::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    border-bottom: 1px dashed var(--border-dash-color);
    left: 0;
    bottom: 0;
}

@media screen and (min-width: 920px) {
    #ftl-home .article-container::before {
        content: "";
        position: absolute;
        display: block;
        height: calc(100% + 25px);
        margin-top: -11px;
        margin-left: calc(50%);
        border-left: 1px dashed var(--border-dash-color);
    }

    /* left article top borders */
    #ftl-home .article-container .sm-resource-block.article:nth-child(2n + 3)::before {
        content: "";
        position: absolute;
        display: block;
        width: calc(100% + 15px);
        margin-top: -15px;
        border-top: 1px dashed var(--border-dash-color);
    }

    /* right article top borders */
    #ftl-home .article-container .sm-resource-block.article:nth-child(2n + 4)::before {
        content: "";
        position: absolute;
        display: block;
        width: calc(100% + 15px);
        margin-left: -15px;
        margin-top: -15px;
        border-top: 1px dashed var(--border-dash-color);
    }

    #ftl-home .article-container .sm-resource-block.article:nth-child(n + 3) {
        padding-top: 15px;
    }
}

#ftl-home .article-container .sm-resource-block.article img[data-title-hover] {
    padding: 0;
    min-width: 190px;
    max-width: 190px;
    min-height: 140px;
    max-height: 140px;
    margin-right: 15px;
    margin-top: unset;
    margin-bottom: unset;
}

#ftl-home .article-container .title {
    font-size: min(20px, max(1.75vmax, 18px));
    color: var(--title-color);
    font-weight: 500;
}

#ftl-home .article-container .article-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    font-size: min(16px, max(14px, 1.5vmax));
    color: var(--acc-ffffff-gray);
    line-height: 24px;
    margin-top: 10px;
}

@media screen and (max-width: 919px) {
    #ftl-home .article-container {
        grid-template-columns: repeat(1, 1fr);
    }

    #ftl-home .article-container .sm-resource-block.article {
        margin-bottom: 5px;
    }

    #ftl-home .article-container .sm-resource-block.article:not(:first-child) {
        padding-top: 15px;
        border-top: 1px dashed var(--border-dash-color);
    }
}

/* mobile articles */
@media screen and (max-width: 500px) {
    #ftl-home .article-container .sm-resource-block.article .sm-resource-block-container {
        flex-direction: column !important;
        margin-left: auto;
        margin-right: auto;
        min-width: min(100%, max(330px, 75%)) !important;
        max-width: min(100%, max(330px, 75%)) !important;
    }
    #ftl-home .article-container .sm-resource-block.article .sm-resource-block-container .sm-resource-block-left {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-bottom: 15px !important;
    }
    #ftl-home .article-container .sm-resource-block.article img[data-title-hover] {
        min-width: 100% !important;
        max-width: 100% !important;
        min-height: unset !important;
        max-height: 228px !important;
        margin-right: 0 !important;
    }
    #ftl-home .article-container .sm-resource-block.article .sm-resource-block-container .sm-resource-block-right {
        max-width: unset !important;
    }
}

#ftl-home .lg-resource-block > .author-block {
    padding-top: 12px;
    color: var(--accessibility-text-color) !important;
}

#ftl-home .lg-resource-block.article .resource-overlay .resource-details {
    bottom: 0;
}

#ftl-home .md-resource-block.refcard .author {
    padding-bottom: 10px;
}