.sap-donation-dialog{box-sizing:border-box; width:480px; max-width:calc(100% - 24px); height:90vh; height:90dvh; max-height:900px; margin:auto; padding:0; border:0; border-radius:6px; overflow:hidden; background:#fff; color:#234051; font-family:"Source Sans 3",sans-serif; box-shadow:0 20px 70px #0005;}
.sap-donation-dialog[open]{display:flex; flex-direction:column;}
.sap-donation-dialog::backdrop{background:rgba(0,0,0,.72);}
.sap-donation-heading{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-shrink:0; padding:12px 16px; border-bottom:1px solid #E2E9EE;}
.sap-donation-heading h2{font-family:inherit; font-size:18px; font-weight:600; line-height:1.3; text-transform:none; margin:0;}
.sap-donation-heading button{flex-shrink:0; min-height:44px; padding:8px 12px; border:1px solid #234051; border-radius:4px; background:#fff; color:#234051; font:600 15px "Source Sans 3",sans-serif; cursor:pointer;}
.sap-donation-content{overflow:auto; overscroll-behavior:contain; min-height:0; flex:1;}
.sap-donation-content iframe,.sap-donation-embed{display:block; width:100%; max-width:100%; height:1000px; border:0;}
/* The hosted form caps itself at 425px and aligns left inside its iframe.
   Match that width and center the frame, rather than leaving a right gutter. */
.sap-donation-content iframe{max-width:425px; margin-inline:auto;}
@media(min-width:481px){.sap-donation-content{scrollbar-gutter:stable both-edges;}}
.sap-donation-help{flex-shrink:0; margin:0; padding:10px 16px; font-size:14px; text-align:center; border-top:1px solid #E2E9EE;}
.sap-donation-help a{text-decoration:underline;}
.sap-donation-dialog :focus-visible{outline:2px solid #ab2a25; outline-offset:3px;}
/* Donorbox needs at least 300px. Use the phone viewport instead of squeezing
   the form between modal margins; the heading and Close button stay fixed. */
@media(max-width:480px){
  .sap-donation-dialog{width:100%; max-width:100%; height:100vh; height:100dvh; max-height:100vh; max-height:100dvh; border-radius:0;}
  .sap-donation-heading{padding-top:max(12px,env(safe-area-inset-top));}
  .sap-donation-help{padding-bottom:max(10px,env(safe-area-inset-bottom));}
}