.practice-examples{padding:48px 0 50px;background:#fcfaf6}.before-examples{padding-bottom:34px}.after-examples{padding-top:30px}.examples-intro{max-width:700px;margin:0 auto 34px;text-align:center}.examples-intro h2{font:700 clamp(34px,4vw,52px)/1.1 var(--display);letter-spacing:-.05em;margin:15px 0}.examples-intro p{max-width:570px;margin:0 auto;color:var(--muted);font-size:17px}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.example-card{padding:26px 27px 23px;border:1px solid var(--line);border-radius:19px;background:#fffdfa;box-shadow:0 12px 32px rgba(29,43,55,.045);position:relative;overflow:hidden}.example-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--card-accent,#2a9487)}.example-wise{--card-accent:#6eb9a8}.example-farming{--card-accent:#88aa69}.example-society{--card-accent:#988dc9}.example-health{--card-accent:#e38971}.example-water{--card-accent:#70a9c4;grid-column:1/-1}.example-number{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--card-accent)}.example-card h3{font:700 23px/1.2 var(--display);letter-spacing:-.035em;margin:13px 0 10px}.example-card p{font-size:15px;line-height:1.7;color:#53616a;margin:0}.example-card p+p{margin-top:12px}.example-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:19px}.example-tags span{font-size:10px;font-weight:700;letter-spacing:.035em;color:#43515b;background:#f1eee8;border-radius:999px;padding:6px 10px}.practice-visual .visual-caption{left:0;right:0;width:100%;padding:0 10px;text-align:center;font-size:10px;letter-spacing:.07em;white-space:nowrap}.reflection-links{display:flex;gap:18px;flex-wrap:wrap}.reflection-links a{font-weight:700;color:var(--teal)}.reflection-links a:hover{color:var(--gold)}
.collective-thinking{padding:68px 0;background:#f2eff8}.collective-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:46px;align-items:center}.collective-copy h2{font:700 clamp(30px,3.8vw,45px)/1.12 var(--display);letter-spacing:-.05em;margin:16px 0}.collective-copy p{font-size:17px;line-height:1.75;color:#53616a;margin:0}.collective-map{padding:12px 16px;border:1px solid rgba(85,76,119,.12);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 12px 32px rgba(29,43,55,.045)}.collective-map svg{display:block;width:100%;height:auto}.collective-map text{font:600 15px var(--sans);fill:#34444d}.collective-map text.collective-response{font-size:13px;font-weight:700;fill:#35564c}
@media(max-width:700px){.practice-examples{padding:42px 0 38px}.before-examples{padding-bottom:20px}.after-examples{padding-top:24px}.examples-intro{text-align:left;margin-bottom:28px}.examples-intro p{margin:0}.example-grid{grid-template-columns:1fr;gap:12px}.example-card{padding:22px 21px 20px}.example-water{grid-column:auto}.collective-thinking{padding:46px 0}.collective-layout{grid-template-columns:1fr;gap:24px}.collective-map{padding:8px 10px}.reflection-links{gap:12px 18px}}
@media(max-width:700px){.practice-examples{padding:42px 0 38px}.before-examples{padding-bottom:20px}.after-examples{padding-top:24px}.examples-intro{text-align:left;margin-bottom:28px}.examples-intro p{margin:0}.example-grid{grid-template-columns:1fr;gap:12px}.example-card{padding:22px 21px 20px}.example-water{grid-column:auto}.reflection-links{gap:12px 18px}}
.collective-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.collective-inputs span,.collective-step,.collective-response{display:grid;place-items:center;text-align:center;border-radius:16px;padding:12px 10px;font-size:clamp(13px,1.15vw,16px);font-weight:700;line-height:1.3;min-height:58px;text-transform:uppercase}.collective-inputs span:nth-child(1){background:#e2efe8}.collective-inputs span:nth-child(2){background:#eee9f8}.collective-inputs span:nth-child(3){background:#fbefce}.collective-arrow{text-align:center;color:#728078;font-size:24px;font-weight:600;line-height:1;margin:7px 0}.collective-step.critical{width:76%;margin:0 auto;background:#e4e8f2;font-size:clamp(15px,1.45vw,19px);min-height:66px}.collective-step.harm{width:66%;margin:0 auto;background:#f5e1d8;font-size:clamp(15px,1.35vw,18px)}.collective-response{margin-top:16px;min-height:46px;border-radius:23px;background:#dcebe2;color:#35564c;font-size:clamp(13px,1.15vw,15px)}
.collective-step.herd{width:70%;margin:0 auto;background:#eee9f8;font-size:clamp(15px,1.35vw,18px);min-height:60px}

.collective-inputs span,.collective-step,.collective-response{font-size:12px}
.collective-step.critical,.collective-step.herd,.collective-step.harm{font-size:12px}