/* Reader-contribution card - article body, directly under The Dingo Take */
.support-card { margin: 32px 0; padding: 28px 24px; border: 1px solid var(--border); border-radius: calc(var(--radius) * 2); background: var(--surface); text-align: center; }
.support-card-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); margin: 0 0 8px; }
.support-card-heading { font-size: 24px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; color: var(--text); margin: 0 0 12px; text-wrap: balance; }
.support-card-text { font-size: 15px; line-height: 1.6; color: var(--text); max-width: 520px; margin: 0 auto 20px; }
.support-card-amounts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; max-width: 520px; margin: 0 auto 14px; }
.support-amount { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 14px 8px; border: 2px solid var(--border); border-radius: calc(var(--radius) * 1.5); background: var(--bg); color: var(--text); font-family: inherit; cursor: pointer; transition: border-color 0.2s, background 0.2s; }
.support-amount strong { font-size: 22px; font-weight: 800; }
.support-amount span { font-size: 12px; color: var(--muted); }
.support-amount:hover, .support-amount:focus-visible, .support-amount[aria-pressed="true"] { border-color: var(--accent-contrast); }
.support-cta { display: block; width: 100%; max-width: 460px; margin: 0 auto; padding: 14px 20px; border: 2px solid var(--accent-contrast); border-radius: calc(var(--radius) * 1.5); background: var(--accent-contrast); color: #fff; font-size: 16px; font-weight: 700; font-family: inherit; cursor: pointer; transition: opacity 0.2s; }
.support-cta:hover { opacity: 0.85; }
.support-card-fine { font-size: 12px; line-height: 1.5; color: var(--muted); max-width: 460px; margin: 6px auto 0; }
@media (max-width: 480px) { .support-card-amounts { gap: 6px; } .support-amount strong { font-size: 17px; } .support-amount span { font-size: 11px; } .support-card { padding: 22px 16px; } .support-card-heading { font-size: 21px; } }