.donation-hero { padding: 64px 0 48px; background: var(--bg); border-bottom: 1px solid var(--line); }
.donation-hero-inner { max-width: 760px; }
.donation-hero h1, .donation-copy h2, .donation-method h2, .donation-note h2 { margin: 0; color: var(--green); font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.donation-hero h1 { font-size: clamp(2.3rem, 4.5vw, 4rem); }
.donation-intro { color: var(--muted); }
.donation-section { padding: 72px 0; }
.donation-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 72px; align-items: start; }
.donation-copy h2 { font-size: clamp(1.8rem, 3vw, 2.5rem); }
.donation-copy > p:last-of-type, .donation-method-head p { color: var(--muted); }
.donation-use-list { margin-top: 28px; border-top: 1px solid var(--line); }
.donation-use-list > div { display: grid; grid-template-columns: 38px 1fr; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.donation-use-list span { color: var(--green-2); font-family: Georgia, "Times New Roman", serif; }
.donation-use-list p { margin: 0; color: var(--muted); font-size: .9rem; }
.donation-method { padding: 32px; border: 1px solid var(--line); background: var(--bg); }
.donation-method h2 { font-size: 1.7rem; }
.method-label { color: var(--green-2); font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bank-details { margin: 26px 0 0; border-top: 1px solid var(--line); }
.bank-details > div { display: grid; grid-template-columns: 140px 1fr; gap: 20px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.bank-details dt { color: var(--muted); font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.bank-details dd { margin: 0; color: var(--green); font-weight: 700; overflow-wrap: anywhere; }
.bank-placeholder-note { margin: 20px 0 0; padding: 12px 14px; border-left: 3px solid var(--green-2); background: var(--surface); color: var(--muted); font-size: .82rem; }
.donation-note-section { padding: 60px 0; border-top: 1px solid var(--line); }
.donation-note h2 { max-width: 800px; font-size: clamp(1.7rem, 3vw, 2.4rem); }
.donation-note .text-link { display: inline-block; margin-top: 20px; }
@media (max-width: 820px) { .donation-layout { grid-template-columns: 1fr; gap: 44px; } }
@media (max-width: 620px) { .donation-hero { padding: 50px 0 40px; } .donation-section { padding: 52px 0; } .donation-method { padding: 24px 20px; } .bank-details > div { grid-template-columns: 1fr; gap: 4px; } }