.public-editorial-workspace.donation-checkout {
  display: block;
  padding: 32px max(24px, calc((100% - 1040px) / 2)) 44px;
  background: #f5f7fb;
  color: #17253d;
}
.donation-checkout *, .donation-checkout *::before, .donation-checkout *::after { box-sizing: border-box; }
.donation-checkout [hidden] { display: none !important; }
.donation-checkout__intro { margin: 0 0 24px; }
.donation-checkout__back { display: inline-flex; gap: 9px; align-items: center; min-height: 32px; color: #53627a; font-size: 14px; text-decoration: none; }
.donation-checkout__intro h1 { margin: 12px 0 10px; font-size: clamp(25px, 3vw, 36px); line-height: 1.3; text-wrap: balance; }
.donation-checkout__intro p { margin: 0; color: #65728a; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
.donation-checkout .donation-checkout__form { padding: 32px; border: 1px solid #e1e6f0; border-radius: 20px; background: #fff; box-shadow: 0 8px 28px #14233b05; scroll-margin-top: 96px; overflow-anchor: none; }
.donation-checkout__entry { display: grid; grid-template-columns: minmax(0, 1fr) 352px; gap: 0 48px; align-items: start; }
.donation-checkout__selection { min-width: 0; padding: 6px 0; }
.donation-checkout__amount, .donation-checkout__methods { min-width: 0; margin: 0; padding: 0; border: 0; }
.donation-checkout__amount legend, .donation-checkout__methods legend { margin: 0 0 12px; padding: 0; color: #283850; font-size: 15px; font-weight: 700; }
.donation-checkout__amount-input { display: flex; align-items: center; border: 1px solid #c9d3e4; border-radius: 12px; padding: 0 18px; background: #fff; }
.donation-checkout__amount-input:focus-within { border-color: #365dcc; box-shadow: 0 0 0 3px #365dcc14; }
.donation-checkout__amount-input input { width: 100%; min-width: 0; height: 72px; padding: 0; border: 0; outline: 0; background: transparent; color: #17253d; font: inherit; font-size: 32px; font-weight: 750; font-variant-numeric: tabular-nums; }
.donation-checkout__amount-input > span:last-child { color: #6e7a91; font-size: 28px; }
.donation-checkout__amount-input:has([aria-invalid="true"]) { border-color: #b42318; }
.donation-checkout__amount-error { margin: 0; color: #b42318; font-size: 13px; line-height: 1.5; }
.donation-checkout__amount-error:not(:empty) { margin-top: 8px; }
.donation-checkout .public-editorial-amount-presets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 12px; background: transparent; }
.donation-checkout .public-editorial-amount-presets button { min-height: 42px; padding: 0 4px; border: 1px solid #e1e6ef; border-radius: 9px; background: #f8f9fc; color: #495a77; font-size: 13px; font-weight: 650; white-space: nowrap; }
.donation-checkout .public-editorial-amount-presets button.is-active { border-color: #a8b9eb; background: #edf2ff; color: #2e51bd; }
.donation-checkout__methods { margin-top: 30px; }
.donation-checkout [data-payment-methods].public-editorial-choice-grid { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); grid-template-columns: none; gap: 6px; margin: 0; padding: 5px; border: 1px solid #e2e7f0; border-radius: 12px; background: #f4f6fa; }
.donation-checkout [data-payment-methods] label { display: block; min-width: 0; }
.donation-checkout [data-payment-methods] label > span { display: flex; min-height: 43px; justify-content: center; align-items: center; padding: 8px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #5a6780; font-size: 14px; font-weight: 700; }
.donation-checkout [data-payment-methods] input:checked + span { border-color: #dae2f0; background: #fff; color: #294daf; box-shadow: 0 2px 5px #17315708; }
.donation-checkout__method-help { min-height: 44px; margin: 12px 0 0; color: #647189; font-size: 14px; line-height: 1.6; }
.donation-checkout__context { display: grid; gap: 6px; margin-top: 20px; padding-top: 16px; border-top: 1px solid #e8ecf3; }
.donation-checkout__context > span { color: #758197; font-size: 12px; }
.donation-checkout__context strong { font-size: 15px; font-weight: 650; }
.donation-checkout__context a { display: inline-flex; align-items: center; gap: 8px; justify-self: start; min-height: 32px; color: #3459bd; font-size: 13px; text-decoration: none; }
.donation-checkout__qr { min-width: 0; min-height: 449px; border-left: 1px solid #e8ecf3; padding-left: 32px; }
.donation-checkout [data-quick-result] { min-height: 449px; }
.donation-checkout .bank-transfer-inline { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.donation-checkout .bank-transfer-inline--quick { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.donation-checkout .bank-transfer-inline--quick h3 { margin: 0; font-family: inherit; color: #34445e; font-size: 16px; font-weight: 650; line-height: 1.5; text-align: center; }
.donation-checkout .bank-transfer-inline--quick img { width: 256px; max-width: 100%; height: auto; margin: 0; }
.donation-checkout .bank-transfer-inline--quick .bank-transfer-qr-amount { margin: 0; color: #17253d; font-size: 19px; font-weight: 750; line-height: 1.4; font-variant-numeric: tabular-nums; }
.donation-checkout .bank-transfer-inline-actions { display: flex; width: 100%; justify-content: center; margin: 0; gap: 8px; }
.donation-checkout .bank-transfer-inline-actions a { margin: 0; min-height: 42px; padding: 10px 18px; border-radius: 10px; background: #f1f5ff; border: 1px solid #dbe4fb; font-size: 14px; color: #3053b4; }
.donation-checkout .bank-transfer-help { width: 100%; color: #62718a; font-size: 13px; line-height: 1.6; }
.donation-checkout .bank-transfer-help summary { display: list-item; padding: 8px 0; color: #536784; font-weight: 600; cursor: pointer; text-align: center; }
.donation-checkout .bank-transfer-help[open] summary { margin-bottom: 10px; }
.donation-checkout .bank-transfer-help p { margin: 0 0 12px; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.donation-checkout .bank-transfer-help-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.donation-checkout .bank-transfer-help-actions :is(a,button) { margin: 0; min-height: 40px; padding: 8px 10px; font-size: 12px; }
.donation-checkout .bank-transfer-copy-status { min-height: 0; }
.donation-checkout .bank-transfer-copy-status:empty { display: none; }
.donation-qr-placeholder { display: grid; place-content: center; gap: 16px; min-height: 449px; margin: 0; padding: 24px; color: #65718a; text-align: center; font-size: 14px; line-height: 1.6; }
.donation-qr-retry { min-height: 44px; padding: 10px 16px; border: 1px solid #ccd9f3; border-radius: 10px; background: #f1f5ff; color: #3053b4; font: inherit; cursor: pointer; }
.donation-checkout__details { grid-column: 1 / -1; min-width: 0; }
.donation-checkout__form:not([data-payment-method="qr"]) .donation-checkout__entry { grid-template-columns: minmax(0, 1fr); }
.donation-checkout__form:not([data-payment-method="qr"]) .donation-checkout__selection { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 36px; }
.donation-checkout__form:not([data-payment-method="qr"]) .donation-checkout__methods { margin-top: 0; }
.donation-checkout__form:not([data-payment-method="qr"]) .donation-checkout__context { display: none; }
.donation-checkout .public-editorial-form__section { padding: 24px 0; }
.donation-checkout .public-editorial-form__section legend { margin: 0; padding-top: 24px; font-size: 16px; text-transform: none; }
.donation-checkout__payer-details { margin-top: 18px; }
.donation-checkout__payer-details summary { padding: 8px 0; color: #526784; font-size: 14px; cursor: pointer; }
.donation-checkout .public-editorial-field > span { color: #566680; font-size: 13px; letter-spacing: 0; text-transform: none; }
.donation-checkout .public-editorial-field :is(input,select,textarea) { border-radius: 9px; min-height: 46px; font-size: 15px; }
.donation-checkout .public-editorial-choice-grid:not([data-payment-methods]) { gap: 10px; background: transparent; }
.donation-checkout .public-editorial-choice-grid:not([data-payment-methods]) label > span { min-height: 72px; padding: 12px 16px; border: 1px solid #dfe5ef; border-radius: 10px; }
.donation-checkout .public-editorial-choice-grid:not([data-payment-methods]) input:checked + span { border-color: #aabcdf; background: #f0f4ff; color: #28477d; }
.donation-checkout .public-editorial-choice-grid input:checked + span small { color: #657795; }
.donation-checkout .public-editorial-check { font-size: 13px; }
.donation-checkout .public-editorial-check input { border-radius: 4px; }
.donation-checkout .public-editorial-form__submit { flex-wrap: wrap; margin-top: 20px; }
.donation-checkout .public-editorial-form__submit button { min-height: 48px; padding: 12px 24px; border-radius: 10px; font-size: 15px; background: #345cc6; border-color: #345cc6; }
.donation-checkout__form[data-payment-method="qr"] .public-editorial-form__submit { margin-top: 0; }
.donation-checkout__form[data-payment-method="qr"] .public-editorial-form__submit:has(button:not([hidden])) { margin-top: 18px; }
.donation-checkout__form[data-payment-method="qr"] [data-form-status]:not([data-state="error"]) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.donation-checkout .public-editorial-result { margin: 0; padding: 0; border: 0; }
.donation-checkout .public-editorial-result > strong { font-size: 24px; }
.donation-checkout .public-editorial-result > p { margin: 10px 0; font-size: 15px; }
.donation-checkout .public-editorial-result > a { margin: 10px 0 22px; font-size: 15px; }
.donation-checkout .public-editorial-result .bank-transfer-inline { margin-top: 12px; grid-template-columns: 256px minmax(0,1fr); }
.donation-checkout .public-editorial-result .bank-transfer-inline h3 { font-size: 18px; line-height: 1.5; }
.donation-checkout .public-editorial-result .bank-transfer-qr-amount { color: #17253d; font-size: 19px; font-weight: 750; }
.donation-checkout .public-editorial-result .bank-transfer-inline-actions { justify-content: flex-start; }
.donation-checkout .public-editorial-result .bank-transfer-help summary { text-align: left; }
.donation-checkout__support { margin: 22px 0 0; color: #738099; text-align: center; font-size: 13px; line-height: 1.6; }
.donation-checkout__support a { color: #395eaf; text-decoration: none; }
.donation-checkout :is(button,a,summary):focus-visible { outline: 3px solid #5880dd; outline-offset: 3px; }
.donation-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.donation-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding: 24px max(24px, calc((100% - 1040px) / 2)); border-top: 1px solid #e1e6f0; background: #f5f7fb; font-family: Manrope, Arial, sans-serif; }
.donation-footer a { color: #52647f; text-decoration: none; }
.donation-footer__brand { font-size: 15px; font-weight: 850; }
.donation-footer nav { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 12px; }
.donation-footer nav a { display: inline-flex; align-items: center; min-height: 32px; }
.donation-footer p { width: 100%; margin: 0; color: #728099; font-size: 12px; line-height: 1.6; }
.donation-footer a:focus-visible { outline: 3px solid #5880dd; outline-offset: 3px; }
@media (max-width: 800px) {
  .public-editorial-workspace.donation-checkout { padding: 24px 20px 32px; }
  .donation-checkout .donation-checkout__form { padding: 24px; }
  .donation-checkout__entry { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .donation-checkout__qr { padding: 24px 0 0; border: 0; border-top: 1px solid #e8ecf3; }
  .donation-checkout__context { display: none; }
  .donation-checkout__methods { margin-top: 24px; }
  .donation-checkout__form:not([data-payment-method="qr"]) .donation-checkout__selection { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .donation-checkout .bank-transfer-inline--quick { max-width: 360px; margin: auto; }
  .donation-checkout .public-editorial-result .bank-transfer-inline { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 480px) {
  .public-editorial-workspace.donation-checkout { padding: 20px 16px 28px; }
  .donation-checkout .donation-checkout__form { padding: 20px 16px; border-radius: 16px; }
  .donation-checkout__intro h1 { font-size: 24px; }
  .donation-checkout .public-editorial-amount-presets { gap: 5px; }
  .donation-checkout .public-editorial-amount-presets button { font-size: 12px; }
  .donation-checkout .public-editorial-field-grid { grid-template-columns: minmax(0,1fr); }
  .donation-checkout .public-editorial-form__submit button { width: 100%; justify-content: center; }
}