/* "Notable quotes" on a work's page (js/work-quotes.js) and the Editor's Quotes tab. */
.quotes-section .work-quotes { display: grid; gap: 1.1rem; margin: 0 0 1.2rem; }
.work-quote { margin: 0; padding: .2rem 0 .2rem 1.1rem; border-left: 3px solid var(--rule); }
.work-quote blockquote { margin: 0; font-style: italic; font-size: 1.12rem; line-height: 1.55; white-space: pre-line; }
.work-quote blockquote::before { content: '\201C'; }
.work-quote blockquote::after { content: '\201D'; }
.work-quote figcaption { margin-top: .35rem; font-size: .95rem; color: var(--ink-soft); }
.work-quote figcaption::before { content: '\2014\00a0'; }

.quote-form { max-width: 40rem; margin: .5rem 0 1rem; }
.quote-form textarea, .quote-form input, .quote-form select { width: 100%; }
.quote-form textarea { white-space: pre-wrap; }

.quote-mine { margin: 0 0 1rem; }
.quote-mine ul { margin: .3rem 0 0; padding-left: 1.1rem; }
.quote-mine li { margin: .25rem 0; }
.quote-status { font-family: var(--font-sc); letter-spacing: .04em; font-size: .85rem; padding: .05rem .4rem; border-radius: 3px; background: var(--paper-2); }
.quote-status--rejected { color: #9c1d1d; }
:root[data-theme="dark"] .quote-status--rejected { color: #ff9d8a; }

/* Editor tab */
.quote-chips { margin: 0 0 1rem; }
.quote-card { border: 1px solid var(--rule); border-radius: 4px; padding: .9rem 1rem; margin: 0 0 1rem; }
.quote-card textarea { width: 100%; white-space: pre-wrap; }
.quote-card .quote-meta { font-size: .92rem; color: var(--ink-soft); margin: 0 0 .6rem; }
.quote-card .quote-note { font-size: .95rem; background: var(--paper-2); padding: .4rem .6rem; margin: 0 0 .6rem; }