/* Approved 12.11.2026. Same component bytes in VNX and all public CMS.
   Background artwork is decorative: no copied/spoken punctuation or images. */
:is(.story-body,.article-content,.article-body,.post-content,.em-rich,.em-preview-body,#site-article-preview .sp-page article) :is(blockquote,figure:has(> blockquote)) {
    box-sizing:border-box;
    position:relative;
    float:none;
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    max-height:none;
    margin:1.25em 0;
    padding:24px 28px;
    border:0!important;
    border-radius:8px;
    box-shadow:none!important;
    background:#F1F4F7!important;
    color:#202B33!important;
    font-family:inherit;
    font-size:var(--vnx-article-font-size,20px);
    font-weight:400;
    font-style:normal;
    line-height:var(--vnx-article-line-height,1.75);
    text-align:start;
    overflow:visible;
    overflow-wrap:anywhere;
}
:is(.story-body,.article-content,.article-body,.post-content,.em-rich,.em-preview-body,#site-article-preview .sp-page article) blockquote::before {
    content:"";
    display:block;
    position:static;
    width:48px;
    height:36px;
    margin:0 0 16px;
    border:0;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'%3E%3Cpath fill='%2377858F' d='M0 30C0 14 8 4 23 0v9c-8 3-12 8-13 15h13v24H0V30zm35 0C35 14 43 4 58 0v9c-8 3-12 8-13 15h13v24H35V30z'/%3E%3C/svg%3E") no-repeat left center/contain;
    transform:none;
}
:is(.story-body,.article-content,.article-body,.post-content,.em-rich,.em-preview-body,#site-article-preview .sp-page article) blockquote::after {content:none!important;}
:is(.story-body,.article-content,.article-body,.post-content,.em-rich,.em-preview-body,#site-article-preview .sp-page article) figure:has(> blockquote) > blockquote {
    margin:0;
    padding:0;
    border-radius:0;
    background:transparent!important;
}
:is(.story-body,.article-content,.article-body,.post-content,.em-rich,.em-preview-body,#site-article-preview .sp-page article) blockquote :is(p,li) {font-size:inherit;line-height:inherit;}
:is(.story-body,.article-content,.article-body,.post-content,.em-rich,.em-preview-body,#site-article-preview .sp-page article) blockquote > :last-child {margin-bottom:0;}
:is(.story-body,.article-content,.article-body,.post-content,.em-rich,.em-preview-body,#site-article-preview .sp-page article) figure:has(> blockquote) > figcaption {
    position:static;
    display:block;
    margin:18px 0 0;
    padding:0;
    border:0;
    background:transparent;
    color:#3C4B56;
    font-size:.85em;
    line-height:1.5;
    font-weight:600;
    font-style:normal;
    text-align:start;
}
@media(max-width:768px) {
    :is(.story-body,.article-content,.article-body,.post-content,.em-rich,.em-preview-body,#site-article-preview .sp-page article) :is(blockquote,figure:has(> blockquote)) {padding:20px;margin:1em 0;font-size:18px;line-height:1.7;}
    :is(.story-body,.article-content,.article-body,.post-content,.em-rich,.em-preview-body,#site-article-preview .sp-page article) figure:has(> blockquote) > blockquote {padding:0;margin:0;}
}
#site-article-preview[data-width=mobile] .sp-page article :is(blockquote,figure:has(> blockquote)) {padding:20px;font-size:18px;line-height:1.7;}
#site-article-preview[data-width=mobile] .sp-page article figure:has(> blockquote) > blockquote {padding:0;}