/* For Schools - How to Collaborate Page Styles */

.about-box{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-8);background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}
@media(max-width:767px){.about-box{grid-template-columns:1fr}}
.about-content h2{margin-bottom:var(--space-4)}
.about-content p{color:var(--color-gray-600);margin-bottom:var(--space-3)}
.about-stats{display:flex;flex-direction:column;gap:var(--space-4);justify-content:center}
.about-stat{text-align:center;padding:var(--space-4);background:var(--color-primary);border-radius:var(--radius-xl)}
.about-stat__num{display:block;font-size:var(--text-3xl);font-weight:var(--font-extrabold)}
.about-stat__label{font-size:var(--text-sm)}

.flow-programs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
@media(max-width:767px){.flow-programs{grid-template-columns:1fr}}
.flow-program{background:#fff;padding:var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border-left:4px solid var(--accent)}
.flow-program__tag{font-size:var(--text-xs);color:var(--accent);font-weight:var(--font-bold);text-transform:uppercase}
.flow-program h3{font-size:var(--text-base);margin:var(--space-1) 0}
.flow-program__age{font-size:var(--text-sm);color:var(--color-gray-500)}

.collab-steps{max-width:700px;margin:0 auto}
.collab-step{display:flex;gap:var(--space-6);margin-bottom:var(--space-6);position:relative}
.collab-step:not(:last-child)::after{content:'';position:absolute;left:24px;top:60px;bottom:-24px;width:2px;background:var(--color-gray-200)}
.collab-step__num{width:50px;height:50px;background:var(--color-secondary);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-bold);flex-shrink:0;position:relative;z-index:1}
.collab-step__content{flex:1;background:#fff;padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative}
.collab-step__content h3{margin-bottom:var(--space-2)}
.collab-step__content p{color:var(--color-gray-600);margin:0}
.collab-step__icon{position:absolute;top:var(--space-4);right:var(--space-4);font-size:1.5rem;opacity:.5}

.facilitate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
@media(max-width:1023px){.facilitate-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.facilitate-grid{grid-template-columns:1fr}}
.facilitate-item{text-align:center;padding:var(--space-6);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}
.facilitate-icon{font-size:2.5rem;margin-bottom:var(--space-3)}
.facilitate-item h3{font-size:var(--text-base);margin-bottom:var(--space-2)}
.facilitate-item p{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}

.flow-cta{text-align:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));padding:var(--space-12);border-radius:var(--radius-2xl)}
.flow-cta h2{margin-bottom:var(--space-4)}
.flow-cta p{max-width:500px;margin:0 auto var(--space-6)}
.flow-cta__actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}