.donate-by-program {
    --dbp-primary: #27587a;
    --dbp-primary-dark: #1d4866;
    --dbp-pill-bg: #eef2f6;
    --dbp-pill-border: #d8dee7;
    --dbp-gold: #dda81d;
    --dbp-text: #1c2c3a;
    --dbp-heading: #0f4f5f;
    --dbp-text-strong: #0f1621;
    font-family: 'Montserrat', var(--wp--preset--font-family--body, sans-serif);
    color: var(--dbp-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(1.25rem, 2vw, 1.75rem);
}

.donate-by-program__hero {
    background: var(--dbp-primary);
    color: #fff;
    border-radius: 18px;
    padding: clamp(1.35rem, 2vw, 1.9rem);
    -webkit-box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12);
            box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
}

.donate-by-program__intro {
    display: grid;
    gap: 0.25rem;
}

.donate-by-program__intro h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: #f4f1ef;
}

.donate-by-program__helper {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.95rem;
    max-width: 720px;
}

.donate-by-program__form {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(120px, 220px) auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.75rem;
    width: 100%;
}

.donate-by-program__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.35rem;
}

.donate-by-program__field label {
    font-weight: 400;
    font-size: 13px;
    color: #fff;
}

.donate-by-program__field select,
.donate-by-program__field input {
    width: 100%;
    height: 44px;
    min-height: 44px;
    border-radius: 999px;
    border: 1px solid var(--dbp-pill-border);
    background: var(--dbp-pill-bg);
    padding: 0.65rem 0.95rem;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--dbp-primary);
}

.donate-by-program__field select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%279%27 viewBox=%270 0 14 9%27%3E%3Cpath fill=%27%231c2c3a%27 d=%27M7 9 0 0h14L7 9Z%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    padding-right: 2.5rem;
    cursor: pointer;
}

/* Select2 — trigger (inside the block) */

.donate-by-program .select2-container {
    width: 100% !important;
}

.donate-by-program .select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 44px;
    border-radius: 22px;
    border: 1px solid var(--dbp-pill-border);
    background: var(--dbp-pill-bg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 2.5rem 0 0.95rem;
    cursor: pointer;
}

.donate-by-program .select2-container--open .select2-selection--single {
    border-radius: 22px;
    outline: 2px solid rgba(255, 255, 255, 0.45);
    outline-offset: 1px;
}

.donate-by-program .select2-selection__rendered {
    color: var(--dbp-primary);
    font-weight: 600;
    font-size: 0.95rem;
    line-height: 44px;
    padding: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.donate-by-program .select2-selection__placeholder {
    color: var(--dbp-primary);
}

.donate-by-program .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    right: 0.75rem;
    top: 0;
    height: 44px;
    width: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.donate-by-program .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.donate-by-program .select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: '';
    display: block;
    width: 14px;
    height: 9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%279%27 viewBox=%270 0 14 9%27%3E%3Cpath fill=%27%231c2c3a%27 d=%27M7 9 0 0h14L7 9Z%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/* Select2 — dropdown (appended to body) */

.select2-container--default .select2-dropdown {
    border: 1px solid var(--dbp-pill-border, #d8dee7);
    border-radius: 12px;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.select2-container--default .select2-search--dropdown {
    padding: 8px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--dbp-pill-border, #d8dee7);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 0.9rem;
    outline: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #27587a;
}

.select2-container--default .select2-results__option {
    padding: 8px 12px;
    font-size: 0.9rem;
    color: #1c2c3a;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #27587a;
    color: #fff;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #eef2f6;
    color: #27587a;
    font-weight: 600;
}

.donate-by-program__field input:focus,
.donate-by-program__field select:focus {
    outline: 2px solid rgba(255, 255, 255, 0.45);
    outline-offset: 1px;
}

.donate-by-program__field--amount {
    position: relative;
}

.donate-by-program__field--amount::before {
    content: '$';
    position: absolute;
    left: 14px;
    bottom: 22px;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    color: var(--dbp-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    pointer-events: none;
}

.donate-by-program__field--amount input {
    height: 44px;
    padding: 0 14px 0 2.6rem;
    font-size: 18px;
    line-height: 18px;
    color: var(--dbp-primary);
}

.donate-by-program__add,
.donate-by-program__checkout {
    -ms-flex-item-align: end;
        align-self: end;
    height: 44px;
    border: none;
    border-radius: 999px;
    background: var(--dbp-gold);
    color: #1e2e3d;
    font-weight: 700;
    font-size: 0.9rem;
    padding: 0 16px;
    min-width: 110px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.5rem;
    cursor: pointer;
    -webkit-transition: background-color 160ms ease, -webkit-transform 120ms ease;
    transition: background-color 160ms ease, -webkit-transform 120ms ease;
    transition: background-color 160ms ease, transform 120ms ease;
    transition: background-color 160ms ease, transform 120ms ease, -webkit-transform 120ms ease;
}

.donate-by-program__add::after {
    content: '+';
    display: inline-block;
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 800;
}

.donate-by-program__add:hover {
    background: #e0b23a;
}

.donate-by-program__add:active {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
    background: #c4921d;
}

.donate-by-program__checkout {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    width: 100%;
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0.5rem;
}

.donate-by-program__add:disabled,
.donate-by-program__checkout:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.donate-by-program__checkout-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.donate-by-program__checkout-icon {
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 fill=%27none%27%3E%3Cpath d=%27M7.36695 1.96397C7.28902 2.07055 7.21108 2.18151 7.19252 2.20138C6.7678 2.65449 6.75399 2.73622 7.12572 3.14487C7.5046 3.56151 8.00995 3.91686 8.43258 4.29732C8.55186 4.41367 8.87008 4.68526 8.87008 4.68526C8.98936 4.84042 9.1485 4.95684 9.30758 5.0732C9.38715 5.15082 9.54622 5.26716 9.54622 5.26716C9.69467 5.42333 9.84346 5.57107 9.99218 5.72162C9.03899 5.69889 8.14683 5.99734 7.21064 5.9528C6.00321 5.89538 4.80455 5.88764 3.59577 5.90498C2.90798 5.91483 2.14201 5.72187 1.47339 5.94791C0.780851 6.18196 0.317897 7.02847 0.752189 7.70736C1.00516 8.10101 1.92778 7.8051 2.28043 7.76166C2.82659 7.69414 3.26165 7.82345 3.79754 7.86016C5.36505 7.96775 7.06455 7.86201 8.63176 7.74996C9.16678 7.69768 9.68359 7.71401 10.1947 7.70778C10.0847 7.85081 9.97463 7.99175 9.86459 8.09908C9.66574 8.29305 9.22824 8.64216 9.22824 8.68098C9.14867 8.7586 8.94982 8.91376 8.94982 8.91376C8.31347 9.41805 7.67714 9.92242 7.04087 10.4267C6.92159 10.543 6.76245 10.6595 6.68296 10.8146C6.64317 10.8922 6.60339 11.0474 6.60339 11.0474L6.65379 10.9364C6.56766 11.2367 6.68745 11.5305 6.96588 11.6999C6.96459 11.7023 6.96243 11.7046 6.96139 11.7069V11.9397L6.97598 11.8825C6.98159 12.0783 7.12046 12.25 7.3989 12.25C7.55796 12.2112 7.7966 12.0172 7.87617 11.9397C7.91596 11.9009 7.99545 11.7845 8.03523 11.7845C8.39314 11.7457 8.83064 11.2802 9.10906 11.0475C9.18864 10.9698 9.30791 10.9311 9.38748 10.8147C9.42727 10.7759 9.54655 10.6207 9.54655 10.6207C9.7454 10.4656 9.90445 10.3104 10.0635 10.1164C10.1033 10.0776 10.2226 10.0001 10.2226 10.0001C10.5805 9.7285 11.0578 9.457 11.3759 9.1466C11.535 8.95263 11.7338 8.75866 11.8929 8.60351C12.0122 8.48717 12.1713 8.29319 12.1713 8.29319C12.4338 8.03717 12.6608 7.77881 12.8859 7.45781C13.1998 7.5111 13.5519 7.33161 13.3644 6.93541C13.1258 6.50866 12.4895 6.12072 12.1315 5.84922C11.0975 4.95699 10.1032 3.98715 9.02944 3.13366C8.75584 2.91612 7.88007 1.66651 7.54123 1.75442C7.51982 1.75939 7.44359 1.8595 7.36695 1.96397ZM11.6539 7.4393C11.6404 7.45252 11.6195 7.47449 11.6001 7.4952C11.6094 7.46262 11.6141 7.4393 11.6141 7.4393C11.6141 7.41784 11.6253 7.39847 11.6359 7.3834C11.6494 7.39477 11.6629 7.40512 11.6767 7.41573C11.6698 7.42432 11.6606 7.4308 11.6539 7.4393Z%27 fill=%27%23252525%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media (max-width: 900px) {
    .donate-by-program__form {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
    }

    .donate-by-program__add {
        grid-column: span 2;
    }
}

@media (max-width: 640px) {
    .donate-by-program__form {
        grid-template-columns: 1fr;
    }

    .donate-by-program__add {
        grid-column: span 1;
    }
}

.donate-by-program__cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
}

.donate-by-program__lines {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
}

.donate-by-program__empty {
    margin: 0;
    padding: 1rem 1.25rem;
    border: 1px dashed #b9c6d3;
    border-radius: 12px;
    color: #51687f;
}

.donate-by-program__cart-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.35rem;
}

.donate-by-program__cart-header h4 {
    margin: 0;
    font-family: 'FreightDisp Pro', 'FreightDispPro', 'FreightDisp Pro Medium', Georgia, serif;
    font-weight: 700;
    font-size: clamp(2.7rem, 2.8vw + 1.4rem, 3.15rem);
    line-height: 1.06;
    color: var(--dbp-heading);
    font-variant-numeric: lining-nums proportional-nums;
    -webkit-font-feature-settings: 'lnum' 1, 'pnum' 1;
            font-feature-settings: 'lnum' 1, 'pnum' 1;
}

.donate-by-program__cart-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 1rem;
    width: 100%;
}

.donate-by-program__column-label {
    font-family: 'Montserrat', var(--wp--preset--font-family--body, sans-serif);
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--dbp-text-strong);
}

.donate-by-program__column-label--item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.donate-by-program__column-label--subtotal {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.donate-by-program__eyebrow {
    margin: 0;
    color: var(--Text-Primary-Secondary, #27587a);
    font-family: var(--Typeface-Montserrat, Montserrat);
    font-size: var(--Font-Scale-X-Small, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.donate-by-program__title {
    margin: 0;
    color: var(--Text-Primary-Primary, #18454b);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: "freight-display-pro", Georgia, serif;
    font-size: var(--Font-Scale-Medium, 37.9px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.donate-by-program__line {
    background: #f4f1ef;
    border: 1px solid #252525;
    padding: 32px;
    border-radius: 16px;
    display: grid;
    grid-template-columns: 1fr minmax(220px, 260px);
    -webkit-column-gap: 160px;
       -moz-column-gap: 160px;
            column-gap: 160px;
    row-gap: 0.75rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.donate-by-program__line-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
    width: 240px;
    justify-self: end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.donate-by-program__remove {
    position: relative;
    width: 36px;
    height: 36px;
    padding: 8px;
    border: none;
    background: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 fill=%27none%27%3E%3Cg clip-path=%27url%28%23clip0_5948_1909%29%27%3E%3Cpath d=%27M10.7657 4.0331H3.23452V11.7417C3.23452 11.9895 3.33632 12.2272 3.51739 12.4025C3.69841 12.5776 3.94371 12.6762 4.19968 12.6762H9.79995C10.056 12.6762 10.3017 12.5777 10.4828 12.4025C10.6638 12.2273 10.7657 11.9894 10.7657 11.7417V4.0331ZM5.1654 10.3872V6.32267C5.1654 6.09045 5.35993 5.9022 5.59989 5.9022C5.83985 5.9022 6.03438 6.09045 6.03438 6.32267V10.3872C6.03428 10.6193 5.83979 10.8077 5.59989 10.8077C5.35999 10.8077 5.1655 10.6193 5.1654 10.3872ZM7.96525 10.3872V6.32267C7.96525 6.09051 8.15987 5.9023 8.39974 5.9022C8.6397 5.9022 8.83423 6.09045 8.83423 6.32267V10.3872C8.83413 10.6193 8.63964 10.8077 8.39974 10.8077C8.15993 10.8076 7.96535 10.6193 7.96525 10.3872ZM4.20307 3.19216H9.79656L8.8314 1.3236H5.16823L4.20307 3.19216ZM11.6347 11.7417C11.6347 12.2125 11.4412 12.6641 11.0972 12.997C10.7532 13.33 10.2865 13.5171 9.79995 13.5171H4.19968C3.7132 13.5171 3.24642 13.3299 2.90243 12.997C2.55851 12.6641 2.36554 12.2124 2.36554 11.7417V4.0331H1.39982C1.15986 4.0331 0.965332 3.84485 0.965332 3.61263C0.965434 3.38049 1.15992 3.19216 1.39982 3.19216H3.23169L4.5114 0.715346L4.54252 0.66443C4.62286 0.551738 4.75603 0.482666 4.90006 0.482666H9.10013L9.16067 0.487046C9.30079 0.506171 9.42437 0.590654 9.4888 0.715346L10.7685 3.19216H12.5998C12.8397 3.19216 13.0342 3.38049 13.0343 3.61263C13.0343 3.84485 12.8398 4.0331 12.5998 4.0331H11.6347V11.7417Z%27 fill=%27%2327587A%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_5948_1909%27%3E%3Crect width=%2714%27 height=%2714%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    cursor: pointer;
    text-indent: -9999px;
    -ms-flex-item-align: center;
        align-self: center;
}

.donate-by-program__line-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.35rem;
    position: relative;
}

.donate-by-program__line-amount::before {
    content: '$';
    position: absolute;
    left: 14px;
    bottom: 22px;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    color: var(--dbp-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    pointer-events: none;
}

.donate-by-program__line-controls label {
    margin: 0;
    white-space: nowrap;
}

.donate-by-program__line-controls input {
    width: 100%;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    border-radius: 999px;
    border: 1px solid var(--dbp-primary);
    background: transparent;
    padding: 0.65rem 0.95rem 0.65rem 2.6rem;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--dbp-primary);
}

.donate-by-program__line-controls input:focus {
    outline: 2px solid rgba(39, 88, 122, 0.35);
    outline-offset: 1px;
}

.donate-by-program__checkout-box {
    width: 350px;
    max-width: 100%;
    margin-left: auto;
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.9rem;
}

.donate-by-program__options label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    line-height: 1.4;
    margin: 0;
}

/* ponytail: honor/tribute label keeps its default color when checked (no accent swap) per client */

.donate-by-program__options input[type="checkbox"] {
    accent-color: var(--dbp-primary);
    width: 18px;
    height: 18px;
}

.donate-by-program__options input[type="checkbox"]:checked {
    background-color: #27587a;
    border-color: #27587a;
}

.donate-by-program__summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 0.75rem;
}

.donate-by-program__total-label {
    margin: 0;
    color: var(--Text-Neutral-Text-Standard-Text, #252525);
    text-align: right;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: "freight-display-pro", Georgia, serif;
    font-size: var(--Font-Scale-Medium, 37.9px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.donate-by-program__total-amount {
    margin: 0;
    color: var(--Text-Primary-Secondary, #27587a);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: "freight-display-pro", Georgia, serif;
    font-size: var(--Font-Scale-Medium, 37.9px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-font-feature-settings: 'lnum' 1, 'pnum' 1;
            font-feature-settings: 'lnum' 1, 'pnum' 1;
}

.donate-by-program__honor-helper {
    margin: 24px 0 0;
    font-size: 0.95rem;
    /* ponytail: black per client QA — no accent color on the tribute support text */
    color: var(--Text-Neutral-Text-Standard-Text, #252525);
    line-height: 1.4;
}

.donate-by-program__honor-helper p {
    margin: 0 0 8px;
}

.donate-by-program__honor-list {
    margin: 0;
    padding-left: 1.25rem;
    display: grid;
    gap: 6px;
}

.donate-by-program__honor-note {
    width: 100%;
    min-height: 110px;
    border-radius: 12px;
    border: 1px solid var(--dbp-primary);
    padding: 12px;
    font-family: 'Montserrat', var(--wp--preset--font-family--body, sans-serif);
    font-size: 0.95rem;
    line-height: 1.4;
    color: var(--Text-Neutral-Text-Standard-Text, #252525);
    background: transparent;
    margin-top: 24px;
    resize: vertical;
}

.donate-by-program__honor-note:focus {
    outline: 2px solid rgba(39, 88, 122, 0.35);
    outline-offset: 2px;
}

.donate-by-program__status {
    margin: 0.4rem 0 0;
    font-size: 0.9rem;
    line-height: 1.4;
}

.donate-by-program__status.is-error {
    color: #ad1f1f;
}

.donate-by-program__status.is-success {
    color: #1f6a3a;
}

.donate-by-program__options:not(:has(input:checked)) .donate-by-program__honor-helper,
.donate-by-program__options:not(:has(input:checked)) .donate-by-program__honor-note {
    display: none;
}

@media (max-width: 820px) {
    .donate-by-program__line {
        grid-template-columns: 1fr;
        -webkit-column-gap: 1rem;
           -moz-column-gap: 1rem;
                column-gap: 1rem;
    }

    .donate-by-program__line-controls {
        width: 100%;
        justify-self: start;
        grid-template-columns: 1fr auto;
    }

    .donate-by-program__checkout-box {
        width: 100%;
        margin-left: 0;
        padding: 20px;
    }
}