/* Public form adapters inherit the kit without changing account dashboards. */
.wh-kit.wh-kit .donation-section { padding-block: 64px 96px; }
.wh-kit.wh-kit .donation-wrap { max-width: 1120px; }
.wh-kit.wh-kit .donation-intro { max-width: 760px; }
.wh-kit.wh-kit .donation-intro h1 { font-size: 48px; line-height: 1.15; }
.wh-kit.wh-kit .donation-intro .story__description { margin-top: 16px; color: var(--whk-muted); }
.wh-kit.wh-kit .donation-notice { margin-top: 32px; padding: 16px 20px; border-left: 3px solid var(--whk-blue); color: var(--whk-ink); background: var(--whk-label-bg); font-size: 14px; line-height: 1.7; }
.wh-kit.wh-kit .donation-notice p { font: inherit; }
.wh-kit.wh-kit .donation-layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(0,1fr); gap: 80px; margin-top: 40px; align-items: start; }
.wh-kit.wh-kit .donation-aside { min-width: 0; }
.wh-kit.wh-kit .donation-aside__image { width: 100%; overflow: hidden; border-radius: 8px; margin-bottom: 24px; }
.wh-kit.wh-kit .donation-aside__image img { display: block; width: 100%; height: auto; aspect-ratio: 8/5; object-fit: cover; }
.wh-kit.wh-kit .donation-aside h2 { font-size: 26px; line-height: 1.3; }
.wh-kit.wh-kit .donation-aside .story__description { margin-top: 16px; color: var(--whk-muted); font-size: 15px; }
.wh-kit.wh-kit .donation-aside .text-link { margin-top: 24px; }
.wh-kit.wh-kit .wh-public.wh-donations-form { --wh-blue: var(--whk-blue); --wh-orange: var(--whk-orange); --wh-ink: var(--whk-ink); --wh-muted: var(--whk-muted); --wh-line: var(--whk-line); font: inherit; color: var(--whk-ink); }
.wh-kit.wh-kit .wh-donations-form form { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; margin: 0; }
.wh-kit.wh-kit .wh-donations-form form > p { grid-column: auto; margin: 0; font-size: 15px; line-height: 1.65; }
.wh-kit.wh-kit .wh-donations-form form > p > br { display: none; }
.wh-kit.wh-kit .wh-donations-form label { display: block; margin-bottom: 8px; color: var(--whk-ink); font-size: 15px; font-weight: 750; line-height: 1.6; }
.wh-kit.wh-kit .wh-donations-form :is(input:not([type="checkbox"]):not([type="hidden"]),select,textarea) { display: block; width: 100%; max-width: 100%; min-height: 48px; margin: 0; padding: 12px 14px; border: 1px solid #a4aebb; border-radius: 6px; background: var(--whk-paper); color: var(--whk-ink); font: 400 16px/1.5 var(--whk-font); box-shadow: none; }
.wh-kit.wh-kit .wh-donations-form textarea { resize: vertical; }
.wh-kit.wh-kit .wh-donations-form label:has(input[type="checkbox"]) { display: flex; align-items: center; gap: 12px; min-height: 44px; margin-bottom: 0; font-size: 14px; font-weight: 600; }
.wh-kit.wh-kit .wh-donations-form input[type="checkbox"] { flex: 0 0 20px; width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--whk-blue); }
.wh-kit.wh-kit .wh-donations-form small { display: block; margin-top: 8px; color: var(--whk-muted); font: 400 13px/1.6 var(--whk-font); }
.wh-kit.wh-kit .wh-donations-form button[type="submit"] { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; max-width: 100%; padding: 12px 20px; border: 1px solid var(--whk-orange); border-radius: 8px; background: var(--whk-orange); color: #fff; font: 750 14px/1.6 var(--whk-font); white-space: normal; text-align: center; cursor: pointer; }
.wh-kit.wh-kit .wh-donations-form button[type="submit"]:hover { background: #a7421d; border-color: #a7421d; }
.wh-kit.wh-kit .wh-donations-form :is(.wh-donations-errors,.wh-donations-success) { padding: 20px; margin-bottom: 24px; border-radius: 6px; font-size: 15px; line-height: 1.7; }
.wh-kit.wh-kit .wh-donations-form .wh-donations-errors { border: 1px solid #e7b3b8; border-left: 3px solid #b0303b; color: #8c2430; background: #fff2f3; }
.wh-kit.wh-kit .wh-donations-form .wh-donations-errors ul { margin: 0; padding-left: 20px; }
.wh-kit.wh-kit .wh-donations-form .wh-donations-success { border: 1px solid #a9d2c1; border-left: 3px solid #28724f; color: #225c41; background: #eff8f3; }
@media (max-width: 1023px) {
    .wh-kit.wh-kit .donation-layout { gap: 48px; }
    .wh-kit.wh-kit .donation-section { padding-block: 48px 72px; }
}
@media (max-width: 699px) {
    .wh-kit.wh-kit .donation-section { padding-block: 32px 64px; }
    .wh-kit.wh-kit .donation-intro h1 { font-size: 38px; }
    .wh-kit.wh-kit .donation-notice { margin-top: 24px; padding: 16px; }
    .wh-kit.wh-kit .donation-layout { grid-template-columns: minmax(0,1fr); margin-top: 32px; gap: 48px; }
    .wh-kit.wh-kit .wh-donations-form button[type="submit"] { width: 100%; }
}
