/* 0→1: educational philosophy additions. Scoped; keeps established design intact. */
.vision-panel{max-width:1080px;margin:clamp(1.8rem,4vw,4rem) auto;padding:clamp(1.25rem,3vw,2.8rem);border:1px solid rgba(130,145,155,.35);border-radius:14px;background:var(--bg2,rgba(135,150,160,.065));color:inherit}
.vision-panel .vision-eyebrow{margin:0 0 1rem;letter-spacing:.13em;font-size:.72rem;font-weight:700;text-transform:uppercase;opacity:.72}
.vision-panel h2,.vision-panel h3{font-size:clamp(1.35rem,2.4vw,2.1rem);line-height:1.45;letter-spacing:-.025em;margin:0 0 1rem}
.vision-panel h3{font-size:clamp(1.1rem,1.8vw,1.5rem)}
.vision-panel p{line-height:1.95;max-width:76ch;margin:0 0 1rem}
.vision-panel p:last-child{margin-bottom:0}
.vision-panel a{text-underline-offset:.2em}
.vision-panel .vision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.vision-panel .vision-card{border:1px solid rgba(130,145,155,.32);border-radius:9px;padding:1.2rem;min-width:0}
.vision-panel .vision-card strong{display:block;margin-bottom:.6rem;font-size:1rem;line-height:1.5}
.vision-panel .vision-card p{font-size:.92rem;margin:0}
.vision-panel .vision-flow{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.3rem 0;padding:0;list-style:none}
.vision-panel .vision-flow li{border:1px solid rgba(130,145,155,.44);border-radius:8px;padding:.65rem .85rem;font-size:.9rem;line-height:1.5}
.vision-panel .vision-flow li:not(:last-child)::after{content:'→';margin-left:.85rem;opacity:.65}
.vision-panel .vision-note{font-size:.87rem;opacity:.8}
@media(max-width:700px){.vision-panel .vision-grid{grid-template-columns:1fr}.vision-panel .vision-flow{display:block}.vision-panel .vision-flow li{margin-bottom:.55rem}.vision-panel .vision-flow li::after{display:none}}
@media(prefers-reduced-motion:reduce){.vision-panel *{animation:none!important;transition:none!important}}