.preschool-v2 {
  --visual-ink:#244b3b;
  --visual-sage:#dce8d8;
  --visual-gold:#f3dda0;
  --visual-clay:#f4dfd5;
  --visual-sky:#dfecee;
}

.visual-icon,.approach-glyph,.faq-glyph{display:grid;place-items:center;color:var(--visual-ink);flex:0 0 auto}
.visual-icon svg,.approach-glyph svg,.faq-glyph svg,.moment-mark svg,.benefit-grid article>span svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Hero image: give the page an immediate visual anchor. */
.preschool-hero-grid{grid-template-areas:"copy visual" "copy day";align-items:start}
.preschool-hero-copy{grid-area:copy}
.preschool-hero-visual{grid-area:visual;overflow:hidden;margin:0;border:1px solid rgba(36,75,59,.1);border-radius:28px;background:#ece6d8;box-shadow:0 18px 44px rgba(36,75,59,.1)}
.preschool-hero-visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.preschool-hero-visual figcaption{padding:10px 13px;background:#fffdf7;color:#59665e;font-size:.76rem;line-height:1.4}
.day-window{grid-area:day}

/* Three hero facts: aligned colored tiles, no nested/off-center icon boxes. */
.hero-proof span{display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-template-areas:"icon strong small";gap:12px;align-items:center;padding:11px 13px}
.hero-proof .visual-icon{grid-area:icon;width:42px;height:42px;padding:10px;border-radius:13px;background:var(--visual-sage)}
.hero-proof span:nth-child(2) .visual-icon{background:var(--visual-gold)}
.hero-proof span:nth-child(3) .visual-icon{background:var(--visual-sky)}
.hero-proof strong{grid-area:strong}.hero-proof small{grid-area:small;text-align:right}

/* Day rhythm: icons help because they label four genuinely different activities. */
.day-moment{grid-template-columns:42px 1fr;gap:14px}
.day-moment .moment-mark{width:38px;height:38px;margin:0;padding:8px;border-radius:13px;transform:none;display:grid;place-items:center;color:var(--green)}
.day-moment .clay{background:var(--visual-clay)}.day-moment .gold{background:var(--visual-gold)}.day-moment .sage{background:var(--visual-sage)}.day-moment .sky{background:var(--visual-sky)}

/* Benefit cards: one useful visual anchor per card. */
.benefit-grid article>span{width:48px;height:48px;padding:11px;margin-bottom:18px}

/* Teaching approaches: retain one mnemonic icon each. */
.approach-list article{position:relative;padding-right:78px;overflow:hidden}
.approach-glyph{position:absolute;right:22px;top:22px;width:42px;height:42px;padding:9px;border-radius:50%;background:var(--visual-clay)}
.approach-list article:nth-child(2) .approach-glyph{background:var(--visual-sage)}
.approach-list article:nth-child(3) .approach-glyph{background:var(--visual-gold)}
.approach-list article:nth-child(4) .approach-glyph{background:var(--visual-sky)}

/* Class cards: text is already clear. Do not add decorative glyphs here. */
.program-type::before,.program-days::before,.program-times span::before{content:none!important;display:none!important}

/* Teacher cards do not need another row of icons. */
.teacher-glyph,.natural-glyph{display:none!important}
.teacher-qualities div{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:none!important}

/* Natural section: illustrations sit beside copy and carry the visual meaning. */
.natural-points article{display:grid!important;grid-template-columns:150px minmax(0,1fr);grid-template-areas:"image title" "image copy";column-gap:28px;align-items:center;padding:26px 0!important;border-bottom:1px solid rgba(36,75,59,.12)}
.natural-points article:last-child{border-bottom:0}
.natural-illustration{grid-area:image!important;width:150px!important;height:132px!important;margin:0!important;padding:8px!important;border-radius:24px!important;display:grid!important;place-items:center!important;background:rgba(255,253,247,.65)!important}
.natural-illustration img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
.natural-points h3{grid-area:title;margin:0 0 7px!important;text-align:left!important}
.natural-points article>p{grid-area:copy;margin:0!important;text-align:left!important}

/* Outdoor concept: the photo is the visual. Details stay compact and readable. */
.actual-room-photo.outdoor-concept figcaption{display:grid;gap:10px;padding:16px 16px 18px}
.actual-room-photo.outdoor-concept figcaption>strong{font-size:.92rem;color:var(--green)}
.outdoor-caption-lede{font-size:.78rem!important;line-height:1.45!important;color:#647068!important}
.outdoor-plan-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}
.outdoor-plan-list>div{padding:10px 11px;border:1px solid rgba(36,75,59,.09);border-radius:12px;background:#f8f7f0}
.outdoor-plan-list>div:nth-child(2){background:#f2f7f6}
.outdoor-plan-list>div:nth-child(3){background:#fbf4dc}
.outdoor-plan-list>div:nth-child(4){background:#f7ece6}
.outdoor-plan-list>div:nth-child(5){background:#eef3ea}
.outdoor-plan-list b{display:block;margin-bottom:3px;color:var(--green);font-size:.76rem;line-height:1.25}
.outdoor-plan-list span{display:block;color:#68736c;font-size:.69rem;line-height:1.4}
.outdoor-why{margin:2px 0 0;padding:10px 11px;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:#fff8e6;color:#556158;font-size:.72rem;line-height:1.48}

/* FAQ: keep the small category icons; here they make repeated rows easier to scan. */
.preschool-faq-list summary{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center}
.faq-glyph{width:31px;height:31px;padding:7px;border-radius:10px;background:var(--green-3)}

@media(max-width:1020px){
  .preschool-hero-grid{grid-template-areas:"visual" "copy" "day";grid-template-columns:1fr!important;gap:28px!important}
  .preschool-hero-visual{border-radius:24px}
}

@media(max-width:700px){
  .preschool-hero{padding-top:18px!important}
  .preschool-hero-visual{margin-bottom:2px;border-radius:20px}
  .preschool-hero-visual figcaption{font-size:.72rem}
  .hero-proof span{grid-template-columns:42px 1fr;grid-template-areas:"icon strong" "icon small";row-gap:1px}
  .hero-proof small{text-align:left}
  .approach-list article{padding:22px 66px 22px 20px}
  .approach-glyph{right:17px;top:18px;width:38px;height:38px}
  .natural-points article{grid-template-columns:112px minmax(0,1fr);column-gap:16px;padding:24px 0!important;align-items:start}
  .natural-illustration{width:112px!important;height:112px!important;border-radius:20px!important;padding:6px!important}
  .natural-points h3{font-size:1.18rem!important;line-height:1.25!important;margin-top:4px!important}
  .natural-points article>p{font-size:.9rem!important;line-height:1.55!important}
  .outdoor-plan-list{grid-template-columns:1fr;gap:7px}
  .outdoor-plan-list>div{padding:9px 10px}
  .preschool-faq-list summary{grid-template-columns:30px 1fr auto}
}