/* PRIVATE: donation section. Uses the public site's CSS tokens. */
.donate { margin-top: 32px; padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); display: flex; flex-direction: column; gap: 12px }
.donate h2 { margin-top: 0 }
.donate-offer { display: block; font-family: var(--font-mono); font-size: 12.5px; line-height: 1.5; word-break: break-all; background: var(--sheet); border: 1px solid var(--line); border-radius: 6px; padding: 10px 12px; user-select: all }
.donate .btnrow { align-items: center; gap: 12px }
.donate-open { font-weight: 500 }
.donate-body { display: flex; gap: 18px; align-items: flex-start }
.donate-qr { flex: none; width: 200px; height: 200px; border-radius: 8px; background: #fff }
.donate-info { display: flex; flex-direction: column; gap: 10px; min-width: 0; flex: 1 }
@media (max-width: 720px) { .donate-body { flex-direction: column; align-items: center } .donate-info { width: 100% } }