/* Shareable lines: plain quotes for everyone; quotes.js adds the card maker. */
.qgrid{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
@media(min-width:760px){.qgrid{grid-template-columns:repeat(3,1fr)}}
.qc{margin:0;border:1px solid var(--line);background:var(--surface);border-radius:var(--rad);padding:22px 22px 14px;display:flex;flex-direction:column;gap:10px;height:100%}
.qc blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.4;color:var(--green)}
.qc figcaption{font-size:14px;color:var(--muted)}
.qc .qbtn{margin-top:auto;align-self:flex-start;min-height:44px;padding:0;border:0;background:none;color:var(--sand2);font:700 var(--fs-label) var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.qc .qbtn[hidden]{display:none}
.qmore{margin-top:14px}
.qmore summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;font-weight:600;color:var(--green)}
.qmore .qgrid{margin-top:8px}
.qdlg{border:0;border-radius:var(--rad-lg);padding:0;max-width:min(440px,calc(100vw - 32px));width:100%;background:var(--bg);color:var(--ink);box-shadow:0 30px 80px -20px rgba(20,28,12,.5)}
.qdlg::backdrop{background:rgba(20,28,12,.55)}
.qdlg-in{padding:18px}
.qdlg img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);background:var(--surface)}
.qdlg .actions{margin-top:16px;gap:10px}
.qdlg .btn{flex:1 1 auto}
.qdlg p{font-size:14px;color:var(--muted);margin:12px 0 0}