/* ---------- components/quote/quote.css ---------- */
/* ===== quote =====
   The highlighted quote under the filters (on the phone: at the top of the list). Tap it to show the next one. */
.quote{display:block;width:100%;margin:8px 0;padding:0;text-align:center;font:inherit;color:var(--text);background:none;border:0;border-radius:0;cursor:pointer;-webkit-tap-highlight-color:transparent}   /* no box: just the centred quote text */
.quote .qt{display:block;font-size:12px;line-height:1.3;font-weight:600;padding:0}
.quote .qt em{font-style:normal;color:var(--accent)}
.quote:active{opacity:.8}