.standalone-container {width: 100%;max-width: 1200px !important;margin-left: auto !important;margin-right: auto !important;margin-top: 0 !important;margin-bottom: 0 !important;padding: 0 !important;box-sizing: border-box;flex: 1 0 auto !important;display: flex !important;flex-direction: column !important;}
.pgrm-section,.pgrm-program-section {padding: 60px 20px;margin-bottom: 15px;background: #f9f9f9;}
.pgrm-program-section:nth-child(even) {background: #fff;}
.pgrm-hero {background: linear-gradient(135deg, #2ecc71, #27ae60);color: #fff;text-align: center;width: 100% !important;box-sizing: border-box !important;margin-top: 0 !important;margin-bottom: 0 !important;display: flow-root !important; padding: 50px 20px;}
.pgrm-hero h1 {font-family: system-ui, -apple-system, sans-serif !important;font-size: 44px !important;font-weight: 700 !important;letter-spacing: -0.5px !important;margin-top: 0 !important;margin-bottom: 20px !important;}
.pgrm-hero p {font-family: system-ui, -apple-system, sans-serif !important;font-size: 18px !important;line-height: 1.6 !important;max-width: 650px !important;margin-left: auto !important;margin-right: auto !important;margin-top: 0 !important;margin-bottom: 12px !important;color: rgba(255, 255, 255, 0.95) !important;text-align: left !important;}
.pgrm-tag {isplay: inline-block;background: #eef2f7;color: #4a5568;padding: 4px 10px;border-radius: 4px;font-size: 0.85rem;font-weight: 600;margin-bottom: 15px;align-self: flex-start;}
.pgrm-donor-text {background-color: #f0fff4;border-left: 3px solid #38a169;padding: 8px 12px;color: #276749 !important;}
.pgrm-details p {font-size: 0.95rem;line-height: 1.5;color: #555;margin: 0 0 12px 0;}
.pgrm-btn {display: inline-block;padding: 14px 32px;margin: 10px;border-radius: 40px;font-weight: 600;text-decoration: none;transition: 0.3s ease;cursor: pointer;}
.pgrm-btn-sprimary {background: #fff;color: #27ae60;}
.pgrm-btn-sprimary:hover {background: #f1f1f1;}
.pgrm-btn-secondary {background: #145a32;color: #fff;}
.pgrm-btn-secondary:hover {background: #0e3d22;}
.pgrm-ioutline {border: 2px solid #fff;color: #fff;}
.pgrm-ioutline:hover {background: #fff;color: #27ae60;}
.pgrm-intro {background: #f9f9f9;text-align: center;padding: 30px 0 !important;}
.pgrm-intro p {font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;text-align: left !important;font-size: 16px !important;line-height: 1.6 !important;color: #334155 !important;max-width: 720px !important;margin-left: auto !important;margin-right: auto !important;margin-top: 0 !important;margin-bottom: 0 !important;padding: 0 20px;box-sizing: border-box;}
.pgrm-program-grid {display: grid;  grid-template-columns: repeat(auto-fill, minmax(calc(33.333% - 20px), 1fr)); gap: 30px;max-width: 1200px; margin: 0 auto 60px;padding: 0 20px;box-sizing: border-box;align-items: stretch;width: 100%;min-width: 0;overflow: hidden; }
.pgrm-program-card {background: #ffffff;padding: 35px 25px;border-radius: 12px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);display: flex;flex-direction: column;height: 100%;margin-bottom: 0;box-sizing: border-box;transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);min-width: 0;}
.pgrm-card-image-wrapper {width: 100%;height: 220px;overflow: hidden;border-radius: 8px;margin-bottom: 10px;flex-shrink: 0;}
.pgrm-card-image-wrapper img {width: 100%;height: 100%;object-fit: cover;}
.pgrm-program-card:hover {transform: translateY(-6px);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);}
.pgrm-program-card h2 { font-family: system-ui, -apple-system, sans-serif !important;font-size: 22px;font-weight: 700;letter-spacing: -0.3px;margin-top: 0;margin-bottom: 16px;color: #27ae60;transition: color 0.2s ease;}
.pgrm-program-card:hover h2 {color: #145a32;}
.pgrm-program-card h2, .pgrm-program-card ul li {word-break: break-word;overflow-wrap: break-word;}
.pgrm-program-card ul {margin: 0;padding-left: 18px;flex-grow: 1;}
.pgrm-program-card ul li {margin-bottom: 12px; color: #4b5563;font-size: 15px;line-height: 1.6;}
.pgrm-program-card ul li:last-child {margin-bottom: 0;}
/*.pgrm-gallery-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 10px;margin-bottom: 20px;}*/
/*.pgrm-gallery-grid .pgrm-gallery-item img {width: 90%; height: 300px;object-fit: cover;border-radius: 12px;transition: transform 0.3s;justify-content: center;}*/
/*.pgrm-gallery-grid .pgrm-gallery-item img:hover {transform: scale(1.05);}*/
.pgrm-gallery-section h2,
#zio-site-footer ~ .standalone-container h2 {font-family: system-ui, -apple-system, sans-serif !important;font-weight: 700 !important;color: #111827 !important;margin-top: 10px !important;margin-bottom: 25px !important;}

/* 2. COLLAPSES THE SPACE BELOW THE IMAGE ROW */
.pgrm-gallery-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 10px;margin-bottom: 0 !important;}

/* 3. MAINTAINS YOUR EXACT INTERACTIVE IMAGERY SPECS */
.pgrm-gallery-grid .pgrm-gallery-item img {width: 100% !important;height: 300px;object-fit: cover;border-radius: 12px;transition: transform 0.3s ease;display: block;}
.pgrm-gallery-grid .pgrm-gallery-item img:hover {transform: scale(1.05);}

/* 4. TIGHTENS THE SECTION CONTAINERS */
.pgrm-gallery-section,.pgrm-section.pgrm-gallery-section {padding-top: 15px !important;padding-bottom: 15px !important;}
.pgrm-impact-section {background: #27ae60;color: #fff;text-align: center;width: 100% !important;box-sizing: border-box !important;padding: 35px 0 !important;margin-top: 0 !important;margin-bottom: 15px !important;}
.pgrm-impact-grid {display: flex;justify-content: space-around;flex-wrap: wrap;margin-bottom: 0 !important;}
.pgrm-impact-item {margin: 5px 20px !important;text-align: center;}
.pgrm-impact-item h3 {font-family: system-ui, -apple-system, sans-serif !important;font-size: 48px;font-weight: 800;line-height: 1 !important;margin-top: 0 !important;margin-bottom: 8px !important;}
.pgrm-impact-item p {font-family: system-ui, -apple-system, sans-serif !important;font-size: 1.1em;color: #fff;line-height: 1.3 !important;margin-top: 0 !important;margin-bottom: 0 !important;}
.pgrm-tribe-section {text-align: center;background: #f4f4f4;}
.pgrm-cta-section {background: #145a32;color: #fff;text-align: center;}
.pgrm-final-wrapper {display: flex;justify-content: center;padding: 20px 15px;clear: both;}
#pgrm-formContainer {display: block !important;max-height: 0;overflow: hidden;transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);opacity: 0; width: 100%; max-width: 600px;background: #ffffff; border-radius: 16px;box-shadow: 0 10px 25px rgba(0,0,0,0.1);}
#pgrm-formContainer.pgrm-state-active {max-height: 800px;opacity: 1;padding: 40px;border: 1px solid #e0e0e0;}
.pgrm-vertical-stack {display: flex !important;flex-direction: column !important;gap: 20px;}
.pgrm-fld, .pgrm-fld-area {width: 100% !important;padding: 14px;border: 1px solid #d1d5db;border-radius: 8px;font-size: 15px;background-color: #f9fafb;transition: border-color 0.2s;}
.pgrm-fld:focus {outline: none;border-color: #27ae60;background-color: #fff;box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.1);}
#pgrm-formTitle {font-size: 24px;font-weight: 700;color: #111827; margin-bottom: 5px;}
.pgrm-btn-row {display: flex;gap: 10px; margin-top: 15px;}
.pgrm-btn-submit {flex: 2; background: #27ae60;color: #fff;padding: 14px;border: none;border-radius: 6px;cursor: pointer;font-weight: 700;}
.pgrm-btn-cancel {flex: 1;background: #f3f4f6;color: #4b5563;padding: 14px;border: 1px solid #d1d5db;border-radius: 6px;cursor: pointer;font-weight: 600;}
.pgrm-btn-cancel:hover {background: #e5e7eb;color: #111827;}


@media (max-width: 768px) {
  .pgrm-program-grid {
    /* 🟢 THE MOBILE VERSION: Drops complex math and forces 1 clean column */
    grid-template-columns: 1fr; 
    
    /* Optimized for mobile: slims down the gap so items aren't too far apart */
    gap: 20px; 
    margin-bottom: 40px;
  }
}