/* CIS functional planes: base page, inset task surface, raised control.
   Applied only through explicit cis-inset markers on four approved routes. */
:root {
 --surface-base:var(--white,#fff);
 --surface-inset:rgba(183,230,235,.13);
 --surface-inset-lip:rgba(183,230,235,.27);
 --surface-raised:var(--white,#fff);
 --edge-inset:rgba(0,75,46,.19);
 --shadow-inset:inset 0 3px 7px -5px rgba(0,75,46,.32),inset 0 -1px 0 rgba(255,255,255,.95);
 --shadow-raised:0 2px 3px -2px rgba(0,75,46,.25),0 1px 0 rgba(0,75,46,.08);
 --inset-space:clamp(14px,2.6vw,32px);
}
.cis-interior .cis-inset {
 background:linear-gradient(180deg,var(--surface-inset-lip),var(--surface-inset) 76px,var(--surface-inset) calc(100% - 40px),rgba(183,230,235,.06));
 border:1px solid var(--edge-inset);
 border-bottom-color:rgba(0,75,46,.10);
 border-radius:2px;
 box-shadow:var(--shadow-inset);
 padding:var(--inset-space);
 min-width:0;
 height:auto;
 max-height:none;
 overflow:visible;
}
.cis-inset :is(.button,button[type=submit]) {box-shadow:var(--shadow-raised)}
.cis-inset :is(input,select,textarea){background-color:var(--surface-raised)}
/* Preserve each page's existing information structure and reading order. */
.services-hybrid .sh-directory.cis-inset {margin-block:24px 34px}
.services-hybrid .sh-directory.cis-inset>h2 {margin-bottom:20px}
.page-resource-guide .resource-entry.cis-inset {gap:clamp(22px,3vw,44px);margin-bottom:26px}
.expanded-get-help .help-request.cis-inset {border-top:1px solid var(--edge-inset)}
.page-donate-now .donation-task {margin-block:4px 44px}
.page-donate-now .donation-task h2 {font-size:clamp(30px,3vw,42px);margin:0 0 16px;line-height:1.2}
.page-donate-now .donation-task p {max-width:58ch}
.page-donate-now .donation-task .button {margin-top:8px}
.page-donate-now .donation-checkout {width:100%;min-width:0;height:auto;max-height:none;overflow:visible}
.page-donate-now .donation-other {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:60px;padding-block:0 36px}
.page-donate-now .donation-other>h2 {font-size:30px;line-height:1.3;margin:0}
.page-donate-now .donation-other .giving-mail {background:none;border:0;padding:0;box-shadow:none}
.page-donate-now .donation-other .giving-mail dl {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.page-donate-now .giving-records {border-top:1px solid var(--edge-inset)}
@media(max-width:768px){.page-donate-now .donation-other{gap:30px;grid-template-columns:1fr}.page-donate-now .donation-other .giving-mail dl{gap:24px}}
@media(max-width:600px){
 .services-hybrid .sh-directory.cis-inset{margin-block:20px 28px}
 .page-resource-guide .resource-entry.cis-inset{gap:24px}
 .page-donate-now .donation-other .giving-mail dl{grid-template-columns:1fr;gap:0}
}
@media(forced-colors:active){.cis-interior .cis-inset{background:Canvas;border:1px solid CanvasText;box-shadow:none}.cis-inset .button{box-shadow:none}}
@media print{.cis-interior .cis-inset{background:white;box-shadow:none;border-color:#666}}

.page-donate-now .donation-checkout{max-width:440px;margin-inline:auto}
.page-donate-now givebutter-widget{display:block;width:100%;height:auto;min-width:0}
.page-donate-now .donation-fallback,.page-donate-now .donation-provider{max-width:440px;margin:20px auto 0;font-size:15px;line-height:1.6}
@media(max-width:360px){.page-donate-now .donation-task.cis-inset{width:100%;max-width:none;margin-inline:0;padding-inline:0}.page-donate-now .donation-task>h2,.page-donate-now .donation-task>p{padding-inline:16px}}

.page-donate-now .donation-load-status{max-width:440px;margin:18px auto 0;border-left:3px solid var(--green,#004b2e);padding-left:12px;font-size:16px}
