.pledge-actions { margin-top: 1.5rem; }
.pledge-actions > .cell { display: flex; margin-bottom: 1rem; }
.pledge-card { background: #fff; border: 2px solid #024c79; border-radius: 10px; padding: 1.25rem; width: 100%; }
.pledge-card label { color: #024c79; font-size: 1.15rem; font-weight: bold; }
.pledge-card input[type="checkbox"] { width: 2rem; height: 2rem; margin: 0 0 1rem; cursor: pointer; }
.pledge-card a { text-decoration: underline; overflow-wrap: anywhere; }
.pledge-card p:last-child { margin-bottom: 0; }
.pledge-details { background: #fff; border-radius: 10px; padding: 1.5rem; margin: 1rem 0; }
.pledge-details legend { font-size: 1.25rem; font-weight: bold; }
.pledge-required-note { display: inline-block; margin-left: 1rem; font-size: .875rem; }
.pledge-details label,
.pledge-details legend.pledge-field-label { font-size: .875rem; font-weight: bold; line-height: 1.8; color: #0a0a0a; }
.pledge-details legend.pledge-field-label { margin-bottom: 0; }
.pledge-details legend.pledge-field-label + label { margin-right: 1.25rem; }
.pledge-details fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.pledge-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.pledge-rules { font-size: .875rem; margin-top: 1.5rem; margin-bottom: 0; padding-bottom: 2rem; }
.button.pledge-submit { background-color: #216b3a; color: #fff; border-radius: 6px; }
.button.pledge-submit:hover,
.button.pledge-submit:focus { background-color: #174d29; color: #fff; }
.pledge-submit i { margin-right: .5rem; }
.pledge-status { display: none; }
.htmx-request .pledge-status { display: inline; }
#pledge button:disabled { opacity: .6; cursor: wait; }