/* Donate amounts: once / monthly switch, preset amount chips with an impact line, custom amount, then the donor form.
   The chosen amount and frequency are written into hidden fields of the form and its submit label. */
.da{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(1.3rem,2.6vw,2.2rem);box-shadow:var(--card-shadow)}
.da-freq{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:var(--bg2);margin-bottom:1.2rem}
.da-freq button{padding:.75rem 1rem;border:0;border-radius:999px;background:transparent;color:var(--cream);font-weight:600;cursor:pointer;transition:background-color .25s,color .25s}
.da-freq button[aria-checked="true"]{background:var(--deep);color:var(--on-deep)}
.da-amts{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
.da-amts button{padding:.95rem .4rem;border-radius:10px;border:1px solid var(--line2);background:transparent;color:var(--cream);font-family:var(--serif);font-size:1.2rem;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.da-amts button:hover{border-color:var(--olive)}
.da-amts button[aria-checked="true"]{background:var(--deep);border-color:var(--deep);color:var(--on-deep)}
.da-custom{grid-column:1/-1;display:flex;align-items:center;gap:.5rem;padding:0 1rem;border-radius:10px;border:1px solid var(--line2)}
.da-custom input{flex:1;min-width:0;padding:.85rem 0;border:0;background:transparent;color:var(--cream);font:inherit;font-size:1.05rem;outline:none}
.da-custom:focus-within{border-color:var(--olive)}
.da-impact{min-height:1.5em;margin:1rem 0 1.2rem;font-family:var(--serif);font-size:1.1rem;color:var(--olive)}
.da-note{margin:1rem 0 0;font-size:.8rem;color:var(--muted)}
@media (max-width:520px){.da-amts{grid-template-columns:repeat(2,1fr)}}