.quote-grid{columns:2;column-gap:24px}
.quote-card,.quote-empty{background:#fff;border:3px solid #101010;box-shadow:6px 6px 0 #101010;padding:28px;overflow-wrap:anywhere}
.quote-card{break-inside:avoid;display:block;width:100%;box-sizing:border-box;margin:0 0 24px}
.quote-card blockquote{margin:0 0 20px}.quote-card blockquote p{white-space:pre-wrap;font-size:1.35rem;line-height:1.6;margin:0}
.quote-card figcaption{font-weight:700;color:#555;line-height:1.5}.quote-source{display:inline-block;margin-top:16px;color:#b50916;font-weight:700}
.quote-empty{text-align:center}.quote-empty p{line-height:1.6}
.quote-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin:24px 0 0}.quote-pagination a{font-weight:700;padding:12px;color:#101010}
@media(max-width:650px){.quote-grid{columns:1}.quote-card,.quote-empty{padding:20px}.quote-card blockquote p{font-size:1.15rem}}
.quote-ranking{margin:0 0 24px;text-align:center;font-weight:700}
.quote-like-form{margin-top:20px}.quote-like-button{display:inline-flex;gap:10px;align-items:center;min-height:44px;padding:10px 16px;background:#fff;border:2px solid #101010;box-shadow:3px 3px 0 #101010;color:#101010;font:700 16px/1.4 Arial,sans-serif;cursor:pointer}
.quote-like-button:hover:not(:disabled),.quote-like-button.is-liked{background:#ffd400}.quote-like-button:disabled{cursor:default}.quote-like-button:focus-visible{outline:3px solid #0864ad;outline-offset:4px}
.quote-like-count{border-left:1px solid #101010;padding-left:10px;font-variant-numeric:tabular-nums}.quote-like-status{display:block;font-size:.9rem;line-height:1.5;margin-top:8px}.quote-like-status:empty{display:none}
.quote-feedback{padding:16px;border:2px solid #101010;background:#fff;line-height:1.6}.quote-cookie-note{font-size:.85rem;color:#555;text-align:center;line-height:1.6;margin-top:24px}
.quote-attribution{color:#b50916;text-decoration:underline;text-underline-offset:3px}.quote-attribution:hover{color:#101010}
.quote-ranking a{display:inline-block;margin-left:8px;color:#b50916}
.quote-like-button{display:inline-flex;flex-direction:column;gap:0;border:0;box-shadow:none;padding:4px 8px;background:transparent;min-width:88px;line-height:1.3;border-radius:5px}
.quote-like-button:hover:not(:disabled),.quote-like-button.is-liked{background:transparent}
.quote-thumb{display:block;width:80px;height:77px;overflow:visible}
.quote-thumb-fill,.quote-thumb-cuff{stroke:#101010;stroke-width:3;stroke-linejoin:round;fill:#fff}
.quote-like-button:hover:not(:disabled) .quote-thumb-fill,.quote-like-button.is-liked .quote-thumb-fill{fill:#ffd400}
.quote-thumb-cuff{fill:#f7f5ef}.quote-like-count{border:0;padding:0;fill:#101010;font-family:Arial,Helvetica,sans-serif;font-weight:900}
.quote-like-label{font-size:13px}.quote-like-button:disabled:not(.is-liked){opacity:.6}

/* Keep credit and thumb side by side; submission feedback uses the full row. */
.quote-card-footer{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;column-gap:16px}
.quote-credit{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere}
.quote-card-footer .quote-like-form{display:contents;margin:0}
.quote-card-footer .quote-like-button{grid-column:2;grid-row:1;justify-self:end}
.quote-card-footer .quote-like-status{grid-column:1 / -1;grid-row:2;font-weight:400}
