.hgp-native-editorial-posts,
.hgp-native-editorial-posts * {
    box-sizing: border-box;
}

.hgp-smn-post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: #4a4a4a;
    font: 400 14px/1.5 Inter, sans-serif;
}

.hgp-smn-post-meta__author {
    color: #004731;
    text-decoration: none;
}

.hgp-smn-post-meta__author:hover,
.hgp-smn-post-meta__author:focus-visible {
    text-decoration: underline;
    text-underline-offset: .18em;
}

.hgp-smn-post-meta__separator {
    opacity: .62;
}

.hgp-smn-post-meta--placeholder {
    padding: 10px 12px;
    border: 1px dashed currentColor;
}

.hgp-native-editorial-posts__grid {
    display: grid;
    grid-template-columns: repeat(var(--hgp-post-columns, 1), minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 24px;
}

.hgp-native-editorial-posts__article {
    position: relative;
    min-width: 0;
    overflow: hidden;
}

.hgp-native-editorial-posts__image-link,
.hgp-native-editorial-posts__image {
    display: block;
    width: 100%;
}

.hgp-native-editorial-posts__image {
    object-fit: cover;
    transition: filter .35s ease;
}

.hgp-native-editorial-posts__article:hover .hgp-native-editorial-posts__image,
.hgp-native-editorial-posts__article:focus-within .hgp-native-editorial-posts__image {
    filter: blur(var(--hgp-image-hover-blur, 0)) brightness(var(--hgp-image-hover-brightness, 100%));
}

.hgp-native-editorial-posts__content {
    position: relative;
    z-index: 3;
}

.hgp-native-editorial-posts__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    color: #6bbcb3;
    font: 400 12px/1.35 "JetBrains Mono", monospace;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hgp-native-editorial-posts__title {
    margin: 0 0 10px;
    color: #004731;
    font: 500 clamp(20px, 2.1vw, 34px)/1.2 "Playfair Display", serif;
    text-transform: none;
}

.hgp-native-editorial-posts__title a {
    color: inherit;
    text-decoration: none;
}

.hgp-native-editorial-posts__excerpt {
    margin: 0 0 18px;
    color: #4a4a4a;
    font: 400 15px/1.55 Inter, sans-serif;
}

.hgp-native-editorial-posts__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.hgp-native-editorial-posts__author {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #004731;
    text-decoration: none;
}

.hgp-native-editorial-posts__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.hgp-native-editorial-posts__read-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 100px;
    color: #fff;
    font: 500 14px/1.2 Inter, sans-serif;
    text-decoration: none;
    transition: background-color .25s ease, color .25s ease, transform .25s ease;
}

.hgp-native-editorial-posts__read-more:hover,
.hgp-native-editorial-posts__read-more:focus-visible {
    transform: translateY(-2px);
}

.hgp-native-editorial-posts--banner .hgp-native-editorial-posts__article {
    --hgp-overlay-bottom: rgba(0, 43, 33, .88);
    --hgp-overlay-middle: rgba(0, 43, 33, .58);
    --hgp-overlay-top: rgba(0, 43, 33, .06);
    --hgp-overlay-hover-bottom: rgba(0, 43, 33, .96);
    --hgp-overlay-hover-middle: rgba(0, 43, 33, .66);
    --hgp-overlay-hover-top: rgba(0, 43, 33, .08);
    min-height: 0;
    aspect-ratio: 100 / 66;
    background: #004731;
}

.hgp-native-editorial-posts--banner .hgp-native-editorial-posts__article::after {
    position: absolute;
    z-index: 2;
    inset: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(0deg, var(--hgp-overlay-bottom) 0%, var(--hgp-overlay-middle) 54%, var(--hgp-overlay-top) 86%);
    transition: background .45s ease;
}

.hgp-native-editorial-posts--banner .hgp-native-editorial-posts__article:hover::after,
.hgp-native-editorial-posts--banner .hgp-native-editorial-posts__article:focus-within::after {
    background: linear-gradient(0deg, var(--hgp-overlay-hover-bottom) 0%, var(--hgp-overlay-hover-middle) 55%, var(--hgp-overlay-hover-top) 84%);
}

.hgp-native-editorial-posts--banner .hgp-native-editorial-posts__image-link,
.hgp-native-editorial-posts--banner .hgp-native-editorial-posts__image {
    position: absolute;
    z-index: 1;
    inset: 0;
    height: 100%;
}

.hgp-native-editorial-posts--banner .hgp-native-editorial-posts__content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 24px;
}

.hgp-native-editorial-posts--banner .hgp-native-editorial-posts__title,
.hgp-native-editorial-posts--banner .hgp-native-editorial-posts__title a {
    color: #fff;
}

.hgp-native-editorial-posts--banner .hgp-native-editorial-posts__excerpt {
    color: rgba(255, 255, 255, .84);
}

.hgp-native-editorial-posts--banner .hgp-native-editorial-posts__author {
    color: #fff;
}

.hgp-native-editorial-posts--sidebar .hgp-native-editorial-posts__article {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.hgp-native-editorial-posts--sidebar .hgp-native-editorial-posts__article:first-child {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.hgp-native-editorial-posts--sidebar .hgp-native-editorial-posts__image {
    height: auto;
    aspect-ratio: 100 / 66;
}

.hgp-native-editorial-posts--sidebar .hgp-native-editorial-posts__content {
    padding: 18px 0 0;
}

.hgp-native-editorial-posts--cards .hgp-native-editorial-posts__article {
    border: 1px solid rgba(0, 71, 49, .12);
    border-radius: 18px;
    background: #fff;
}

.hgp-native-editorial-posts--cards .hgp-native-editorial-posts__image {
    aspect-ratio: 16 / 10;
}

.hgp-native-editorial-posts--cards .hgp-native-editorial-posts__read-more,
.hgp-native-editorial-posts--sidebar .hgp-native-editorial-posts__read-more {
    border-color: #004731;
    color: #004731;
}

.hgp-native-editorial-posts--banner .hgp-native-editorial-posts__read-more:hover,
.hgp-native-editorial-posts--banner .hgp-native-editorial-posts__read-more:focus-visible {
    background: #fff;
    color: #074b3b;
}

.hgp-native-editorial-posts__empty {
    margin: 0;
    padding: 18px;
    border: 1px dashed #9aafa4;
    color: #52665a;
    font: 400 14px/1.5 Inter, sans-serif;
}

.hgp-native-editorial-posts__pagination {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
}

.hgp-native-editorial-posts--enhanced .hgp-native-editorial-posts__pagination {
    display: flex;
}

.hgp-native-editorial-posts__load-more {
    appearance: none;
    padding: 11px 24px;
    border: 1px solid #004731;
    border-radius: 100px;
    background: #fff;
    color: #004731;
    cursor: pointer;
    font: 500 14px/1.2 "JetBrains Mono", monospace;
    transition: background-color .25s ease, color .25s ease, transform .25s ease;
}

.hgp-native-editorial-posts__load-more:hover,
.hgp-native-editorial-posts__load-more:focus-visible {
    transform: translateY(-2px);
}

.hgp-native-editorial-posts__load-status {
    margin: 0;
    color: #52665a;
    font: 400 14px/1.5 Inter, sans-serif;
}

@media (min-width: 768px) and (hover: hover) {
    .hgp-native-editorial-posts--banner .hgp-native-editorial-posts__content {
        transform: translateY(55px);
        transition: transform .45s cubic-bezier(.22, .61, .36, 1);
    }

    .hgp-native-editorial-posts--banner .hgp-native-editorial-posts__read-more {
        opacity: 0;
        visibility: hidden;
        transform: translateY(18px);
        transition: opacity .3s ease .08s, transform .4s ease .08s, visibility .3s ease;
    }

    .hgp-native-editorial-posts--banner .hgp-native-editorial-posts__article:hover .hgp-native-editorial-posts__content,
    .hgp-native-editorial-posts--banner .hgp-native-editorial-posts__article:focus-within .hgp-native-editorial-posts__content {
        transform: translateY(0);
    }

    .hgp-native-editorial-posts--banner .hgp-native-editorial-posts__article:hover .hgp-native-editorial-posts__read-more,
    .hgp-native-editorial-posts--banner .hgp-native-editorial-posts__article:focus-within .hgp-native-editorial-posts__read-more {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

@media (max-width: 767px) {
    .hgp-native-editorial-posts__grid {
        grid-template-columns: 1fr;
    }

    .hgp-native-editorial-posts--banner .hgp-native-editorial-posts__article::after {
        background: linear-gradient(0deg, rgba(0, 43, 33, .94) 0%, rgba(0, 43, 33, .62) 58%, rgba(0, 43, 33, .08) 86%);
    }

    .hgp-native-editorial-posts--banner .hgp-native-editorial-posts__content {
        padding: 18px;
    }

    .hgp-native-editorial-posts--banner .hgp-native-editorial-posts__meta {
        margin-bottom: 8px;
        font-size: 10px;
        line-height: 14px;
        letter-spacing: 1px;
    }

    .hgp-native-editorial-posts--banner .hgp-native-editorial-posts__excerpt {
        margin-bottom: 14px;
    }

    .hgp-native-editorial-posts--banner .hgp-native-editorial-posts__read-more {
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .hgp-native-editorial-posts--sidebar .hgp-native-editorial-posts__article:first-child {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .hgp-native-editorial-posts--sidebar .hgp-native-editorial-posts__meta {
        font-size: 11px;
        line-height: 15px;
        letter-spacing: 1px;
    }
}