/* Shared by the quote picker, editor and published article. */
:is(.quote-preview-summary-live, .quote-preview-summary-fancy-live,
.cdx-quote.quote-style-live-summary, .cdx-quote.quote-style-live-summary-fancy,
.quote-style-summary, .quote-style-summary-fancy) {
    box-sizing: border-box;
    width: 100%;
    margin: 12px 0;
    padding: 0 0 0 14px;
    border: 0;
    border-left: 4px solid #d1d5db;
    border-radius: 0;
    background: transparent;
    color: #334155;
    font-style: italic;
    text-align: left;
    line-height: 1.8;
    overflow-wrap: anywhere;
}
:is(.quote-preview-summary-live, .quote-preview-summary-fancy-live,
.cdx-quote.quote-style-live-summary, .cdx-quote.quote-style-live-summary-fancy,
.quote-style-summary, .quote-style-summary-fancy)::before {
    content: '기사요약';
    display: table;
    margin-bottom: 10px;
    padding: 2px 8px;
    border-radius: 4px;
    background: #111827;
    color: #fff;
    font: 600 11px/1.7 sans-serif;
    letter-spacing: .02em;
}
:is(.quote-preview-summary-fancy-live, .cdx-quote.quote-style-live-summary-fancy,
.quote-style-summary-fancy) {
    border: 4px solid #d1d5db;
    padding: 18px;
    background: #fff;
    font-style: normal;
}
:is(.quote-style-live-summary, .quote-style-live-summary-fancy) .cdx-quote__text {
    min-height: 32px;
    font-style: inherit;
}
@media (max-width: 639px) {
    .quote-style-summary-fancy { padding: 14px; }
}

/* Keep Enter/newline characters in quotes, including existing saved content. */
.quote-body-text,
.cdx-quote .cdx-quote__text,
#quotePreviewArea blockquote > div,
.quote-style-preview blockquote > div {
    white-space: pre-line;
}