/* Only the standalone website shell; shared site design stays in the source CSS. */
body.public-mode { margin: 0; }
.public-mode #content { padding: 0; margin: 0; max-width: none; }
.public-mode #content > .ref-footer { display: block !important; }
.ref-header nav a.ref-donate { display: inline-flex; align-items: center; padding: 10px 17px; background: #f59e0b; border-radius: 30px; color: #17342b; font-weight: 750; }
.ref-header nav a.ref-donate:hover { background: #fbbf24; color: #17342b; }
.ref-hero-with-campaign .ref-actions > a { min-width: 200px; min-height: 52px; padding: 13px 28px; font-size: 1rem; font-weight: 650; line-height: 1.5; }
.ref-hero-with-campaign a.ref-scroll { width: 44px; text-align: center; text-decoration: none; }
.public-availability { padding: 16px 20px; border-left: 3px solid #15805b; background: #effcf4; border-radius: 4px; }
.ref-program-panel a, .ref-involvement-card a { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.ref-impact-grid strong { overflow-wrap: anywhere; }
@media(max-width:700px) {
  .ref-impact-grid strong { font-size: 32px; }
  .ref-hero-with-campaign .ref-actions > a { width: 100%; min-width: 0; }
}