.quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quote-card{margin:0;padding:22px;border:1px solid var(--line);border-radius:var(--radius)}.quote-card blockquote{margin:0;font-family:STKaiti,KaiTi,serif;font-size:23px;line-height:1.75}.quote-card p{margin:10px 0 0;text-align:right;color:var(--muted)}
.quote-hero{padding:58px 24px 42px;text-align:center;background:linear-gradient(180deg,#f4f7fb,transparent);border-radius:0 0 24px 24px}.quote-hero h1{max-width:920px;margin:0 auto;font-family:STKaiti,KaiTi,serif;font-size:clamp(30px,5vw,50px);line-height:1.55}.quote-hero>p:last-child{color:var(--muted)}.quote-hero a,.source-card a{color:var(--brand)}
.source-verse{margin-top:20px;padding:22px;text-align:center;background:var(--soft);border-radius:12px;font-family:STKaiti,KaiTi,serif;font-size:21px;line-height:1.95}.related-quotes{display:grid;gap:10px}.related-quotes a{display:flex;justify-content:space-between;gap:16px;padding:12px;border-bottom:1px solid var(--line)}.related-quotes span{color:var(--muted);white-space:nowrap}
@media(max-width:680px){.quote-grid{grid-template-columns:1fr}.quote-hero{padding:38px 10px 30px}.related-quotes a{display:block}.related-quotes span{display:block;margin-top:4px}}