.donate-card {
    background: var(--paper);
    border: 1px solid var(--ink-200);
    border-radius: var(--r-xl);
    padding: var(--sp-6);
    max-width: 640px; margin: 0 auto;
    box-shadow: var(--shadow-md);
  }
  .amount-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--sp-2); margin: var(--sp-4) 0; }
  .amount-row label {
    display: block; cursor: pointer;
    background: var(--paper); border: 2px solid var(--ink-200);
    border-radius: var(--r-md); padding: var(--sp-3);
    text-align: center; font-weight: 700; font-size: var(--fs-md);
    transition: all var(--t-fast) var(--ease);
  }
  .amount-row label:hover { border-color: var(--civic-blue); }
  .amount-row input[type="radio"] { display: none; }
  .amount-row input[type="radio"]:checked + label,
  .amount-row label.is-selected {
    background: var(--civic-blue-soft);
    border-color: var(--civic-blue);
    color: var(--civic-blue-hover);
  }
  .toggle-row { display: flex; gap: var(--sp-3); align-items: center; margin: var(--sp-3) 0; }
  .opt-strip { display: flex; gap: var(--sp-2); align-items: center; padding: var(--sp-3); background: var(--ink-50); border-radius: var(--r-md); margin: var(--sp-3) 0; font-size: var(--fs-sm); }