/* The Quotes section (site/quotes.py). */
.quotes-how { max-width: 48rem; margin: 1.5rem 0; }
.quote-list { list-style: none; padding: 0; margin: 1.5rem 0; max-width: 52rem; }
.quote-item { border-top: 1px solid var(--rule); padding: 1.1rem 0; }
.quote-text { margin: 0 0 .5rem; padding: 0 0 0 1rem; border-left: 3px solid var(--rule); }
.quote-text p { margin: 0; font-size: 1.12rem; line-height: 1.55; font-style: italic; }
.quote-original { margin: 0 0 .5rem 1rem; font-family: var(--sans); font-size: .85rem; }
.quote-original summary { cursor: pointer; color: var(--ink-2); }
.quote-original p { margin: .4rem 0 0; }
.quote-translator, .quote-meta, .quote-source, .quote-notes { font-family: var(--sans); font-size: .82rem; color: var(--muted); margin: .25rem 0 0; }
.quote-meta { color: var(--ink-2); }
.quote-context { margin: .35rem 0 0; font-size: .95rem; }
.quote-status { display: inline-block; font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; border: 1px solid var(--rule); padding: 0 .35rem; margin-left: .3rem; }
.quote-status-disputed, .quote-status-rejected { color: var(--accent); border-color: var(--accent); }
.quote-rejected p { text-decoration: none; color: var(--muted); }
.quote-item .content-note { margin-bottom: .6rem; }
.quote-person-head { display: flex; gap: 1.25rem; align-items: flex-start; margin: 1.5rem 0 0; max-width: 52rem; }
.quote-person-photo { margin: 0; flex: 0 0 9rem; }
.quote-person-photo img { width: 100%; height: auto; display: block; }
.quote-person-photo figcaption { font-family: var(--sans); font-size: .7rem; color: var(--muted); margin-top: .25rem; }
.quote-person-role { font-size: 1.05rem; margin: 0 0 .4rem; }
.quote-speakers { margin: 2rem 0; font-family: var(--sans); }
.quote-speakers ul { columns: 16rem; padding-left: 1.1rem; font-size: .9rem; }
@media (max-width: 34rem) {
  .quote-person-head { flex-direction: column; }
  .quote-person-photo { flex-basis: auto; max-width: 9rem; }
}