/* Article Content Block Styles */

.single-post {
    .is-style-hero {
        margin-inline: auto;
        .wp-block-group * {
            max-width: min(100%, 1000px);
            margin-left: 0 !important;
        }
        h1.wp-block-post-title {
            color: var(--color-text-primary);
            line-height: 1.07;
            text-wrap: pretty;
            margin-left: 0 !important;
            margin-top: 10px;
            & + p {
                margin-top: 15px;
            }
        }
        .wp-block-group.single-post-meta {
            margin-top: 27px;
            display: flex;
            flex-wrap: wrap;
            column-gap: 24px;
            row-gap: 14px;
            .wp-block-post-author {
                @container (max-width: 515px) {
                    width: 100%;
                }
            }
            * {
                font-size: var(--cq-300-1000-14-16);
                color: #000;
                font-weight: 500;
                font-family: var(--font-family-body);
                column-gap: 8px;
            }
        }
    }
    .is-style-article-dates {
        font-size: var(--vw-560-950-16-18);
        color: var(--color-text-secondary);
    }
    .entry-content {
        margin-top: var(--vw-360-1450-30-60);
        & > *:first-child {
            margin-top: 0;
        }
        * {
            padding-block: 0;
        }
        p {
            font-family: var(--font-family-body);
            font-size: var(--vw-560-950-16-18);
            line-height: 1.6;
            margin-block-start: var(--vw-560-1200-14-20);
        }
        .wp-block-heading {
            font-family: var(--font-family-heading);
            color: var(--color-text-primary);
            font-weight: 500;
            line-height: 1.1875;
        }
        h2 {
            font-size: var(--vw-560-1200-28-40);
            margin-block-start: var(--vw-560-1200-40-60);
        }
        h3 {
            font-size: var(--vw-560-950-24-32);
            font-weight: 500;
            letter-spacing: -1%;
            margin-block-start: var(--vw-560-1200-28-40);
        }
        h4 {
            font-size: var(--vw-560-950-18-28);
            font-weight: 500;
            line-height: 1.4;
            letter-spacing: -1%;
            margin-block-start: var(--vw-560-950-18-28);
        }
        blockquote {
            padding: 0;
            border-radius: 8px;
            background-color: #F9F9FE;
            border-left: 6px solid var(--color-accent);
            margin-inline: 0;
            margin-block-start: var(--vw-560-1200-40-60);
            & + * {
                margin-block-start: var(--vw-560-1200-40-60);
            }
            p {
                padding: var(--vw-560-950-20-40);
                font-size: var(--vw-560-950-18-26);
                line-height: 1.3;
                letter-spacing: -1px;
                font-weight: 600;
            }
        }
        .wp-block-image img {
            border-radius: 10px;
        }
    }
    .article-content {
        margin-block-start: var(--vw-360-1450-30-60);
        margin-inline: auto;
    }
    .article-highlights,
    .article-content {
        ul {
            li {
                font-size: var(--vw-560-950-16-18);
                line-height: 1.6;
                &:not(:first-child) {
                    margin-top: 18px;
                }
            }
        }
    }
    .article-highlights {
        .wp-block-heading {
            font-size: var(--vw-560-950-24-32);
            color: var(--wp--preset--color--wex-rich-black);
            line-height: 1.1875;
            font-weight: 500;
            letter-spacing: -1%;
            margin-block: 0;
        }
        ul {
            margin-top: 20px;
            margin-bottom: 0;
            padding-inline-start: var(--cq-300-1000-20-30);
        }
    }
}

.article-highlights {
    margin-block-start: var(--vw-360-1450-30-60);
}

.article-content .wp-block-columns {
    align-items: start;
    column-gap: clamp(3.125rem, -2.3437rem + 15.625vw, 9.375rem);
    row-gap: 60px;
    flex-wrap: wrap !important;
}

.article-content .wp-block-columns > *:first-child {
    flex: 999 0 min(100%, 500px) !important;
}

.article-content .wp-block-columns > * + * {
    flex: 1 0 min(300px, 100%) !important;
}

.article-sidebar {
    container: article-sidebar / inline-size;
    *:first-child {
        margin-block-start: 0;
    }
    & > * {
        margin-block-start: var(--vw-360-1450-30-60);
    }
}

.wex-table-of-contents-wrapper {
    .wp-block-heading {
        color: var(--wp--preset--color--wex-rich-black);
    }
    .wex-table-of-contents {
        ul {
            list-style: none;
            padding-left: 0;
            li {
                margin-top: 18px;
                text-wrap: pretty;
                a {
                    font-size: 14px;
                    line-height: 1.3;
                    color: var(--color-text-secondary);
                    text-decoration: none;
                    font-weight: 600;
                    transition: color 0.3s ease;
                    &:hover {
                        color: #1B6DFE;
                    }
                }
            }
        }
    }
}

.house-ad {
    padding: 21px 15px;
    background-color: var(--wp--preset--color--wex-rich-black);
    border-radius: 8px;
    position: sticky;
    top: 100px;
    isolation: isolate;

    /* Break-out link pattern: apply only when there is a single button in the card. */
    .wp-block-button,
    .wp-block-button__link {
        position: static;
    }

    .wp-block-buttons > .wp-block-button:only-of-type > .wp-block-button__link::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        border-radius: inherit;
    }

    a.disclaimer-anchor-link {
        position: relative;
        z-index: 2;
    }

    .wp-block-buttons > .wp-block-button:only-of-type > .wp-block-button__link:focus-visible {
        outline: none;
    }

    &:focus-within {
        outline: 2px solid var(--wp--preset--color--wex-white);
        outline-offset: 2px;
    }

    .wp-block-heading,
    p,
    a {
        color: var(--wp--preset--color--wex-white);
    }
    .wp-block-heading {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: -4%;
        font-family: var(--font-family-heading);
        font-weight: 600;
        margin-top: 10px;
    }
    p {
        font-size: 16px;
        line-height: 20px;
        font-family: var(--font-family-heading);
        margin-top: 10px;
    }
    .wp-block-heading,
    p {
        padding-inline: 13px;
    }
    .wp-block-buttons {
        margin-block-start: var(--vw-560-1200-14-20);
    }
    .wp-block-button {
        width: 100%;
        .wp-block-button__link {
            width: 100% !important;
        }
    }
}

p.is-style-quote {
    color: var(--wp--preset--color--wex-dark-neutral-gray);
    font-size: var(--cq-300-1000-13-15);
    line-height: 1.46;
}

:is(h1, h2, h3, h4, h5, h6)[id^="h-"] {
    scroll-margin-top: 4.5rem;
}