/* Chapter 1 portrait quotation treatment, with left/right placement variants. */
.portrait-quote{display:grid;clear:both;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:start;margin:1.75rem 32px 2rem 16px;padding:0;border:0}
.portrait-quote .book-figure{float:none!important;clear:none!important;box-sizing:border-box;width:190px!important;max-width:none;margin:0!important;padding:12px;background:#f1f3f0;border:0;box-shadow:0 1px 6px #0000000c}
.portrait-quote .book-figure img{display:block;width:100%;height:auto}
.portrait-quote blockquote{margin:0!important;padding:0!important;border:0!important;min-width:0;width:100%;font-size:inherit}
.portrait-quote blockquote::before,.portrait-quote blockquote::after{content:none}
.portrait-quote figcaption{font:13px/1.4 system-ui,sans-serif;gap:6px;text-align:left}
.portrait-quote blockquote em:last-child{white-space:nowrap}
.portrait-quote.portrait-on-right{grid-template-columns:minmax(0,1fr) 190px}
.portrait-on-right>.book-figure{grid-column:2;grid-row:1}.portrait-on-right>blockquote{grid-column:1;grid-row:1}
@media(min-width:641px){
.portrait-quote.quote-balanced{grid-template-columns:var(--portrait-width,190px) minmax(0,var(--quote-width,540px));max-width:calc(var(--portrait-width,190px) + 24px + var(--quote-width,540px))}
.portrait-quote.quote-balanced .book-figure{width:var(--portrait-width,190px)!important}
.portrait-quote.quote-balanced.portrait-on-right{grid-template-columns:minmax(0,var(--quote-width,540px)) var(--portrait-width,190px)}
}
@media(max-width:640px){.portrait-quote,.portrait-quote.portrait-on-right{display:block;margin:1.5rem 8px 1.75rem}.portrait-quote .book-figure{width:min(100%,200px)!important;margin:0 auto 20px!important}.portrait-quote blockquote{width:auto}}

/* Long quotation exception: portrait belongs to the quotation; prose flows below. */
blockquote.portrait-quote-embedded{display:flow-root;clear:both;margin:1.75rem 32px 2rem 16px;padding:0;border:0}
.portrait-quote-embedded .book-figure{box-sizing:border-box;float:left!important;clear:none!important;width:190px!important;max-width:none;margin:0 24px 16px 0!important;padding:12px;background:#f1f3f0;border:0;box-shadow:0 1px 6px #0000000c}
.portrait-quote-embedded .book-figure img{display:block;width:100%;height:auto}
.portrait-quote-embedded figcaption{font:13px/1.4 system-ui,sans-serif;gap:6px;text-align:left}
.portrait-quote-embedded>em:last-child{white-space:nowrap}
@media(max-width:640px){blockquote.portrait-quote-embedded{margin:1.5rem 8px 1.75rem}.portrait-quote-embedded .book-figure{float:none!important;width:min(100%,200px)!important;margin:0 auto 20px!important}}

/* All quotation treatments use the same left rule and inset. */
.portrait-quote,blockquote.portrait-quote-embedded{border-left:3px solid var(--line)!important;padding-left:1.3rem!important}
.portrait-quote>blockquote{border:0!important;padding-left:0!important}