.article-body figure.wp-block-pullquote {
    margin-block: 2.5rem;
}

.article-body blockquote {
    position: relative;
    margin-block: 2.5rem;
    overflow: hidden;
    border: 1px solid #ffe4e6;
    border-radius: 1.5rem;
    background: linear-gradient(135deg, #fff1f2 0%, #fffafa 58%, #fff 100%);
    box-shadow: 0 18px 45px -34px rgb(136 19 55 / 45%);
    padding: 1.8rem 2rem 1.65rem 4rem;
    color: #334155;
    font-size: 1.08em;
    font-style: normal;
    line-height: 1.75;
}

.article-body blockquote::before {
    position: absolute;
    top: 0.45rem;
    left: 1.15rem;
    color: #fb7185;
    content: "“";
    font-family: Georgia, "Times New Roman", serif;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
    opacity: 0.78;
}

.article-body blockquote > p {
    margin: 0;
}

.article-body blockquote > p:first-of-type {
    font-weight: 550;
    letter-spacing: -0.01em;
}

.article-body blockquote > p + p,
.article-body blockquote > cite {
    display: block;
    margin-top: 0.8rem;
    color: #be123c;
    font-size: 0.8em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.025em;
}

.article-body blockquote > p + p::before,
.article-body blockquote > cite::before {
    content: "— ";
}

.article-body blockquote > p + p em {
    font-style: normal;
}

.article-body blockquote:not(:has(p, cite, ul, ol)),
.article-body blockquote:has(> p:only-child:empty),
.article-body blockquote > p:empty {
    display: none;
}

@media (max-width: 640px) {
    .article-body blockquote {
        border-radius: 1.25rem;
        padding: 1.5rem 1.35rem 1.4rem 3.25rem;
    }

    .article-body blockquote::before {
        left: 0.85rem;
        font-size: 3.25rem;
    }
}