/* Blooming Prep — Our Approach (post 234). 1.0.0
   Only what the atomic style schema can't express, keyed by data-id like the other
   bp-* page sheets. Everything else is global classes + local style variants. */

/* A Day in Our Classroom: the photo column is the `accordion-photo` global class (sticky at
   120px, static once the columns stack), so no rule lives here. */

/* Learning Environment band. Two things the accent ground breaks:
   1. the eyebrow's kicker mark is a dark glyph (bp-home.css) and disappears on sage —
      swap to the light tree mark, the same substitution Home's hero makes;
   2. the tree decor is a background overlay, so it sits over the copy at 1330 and
      narrower. soft-light blends it into the ground, matching About's mission band. */
html body [data-id="env-eyebrow"]::before{background-image:url(/wp-content/uploads/bp/brand/mark-tree-light.avif);}
html body [data-id="approach-environment"]{background-blend-mode:soft-light;}

/* Go Deeper index: btn-secondary wraps "Read more" onto two lines inside the row's
   flex track. Same white-space fix the accordion toggles take — nowrap, not a width. */
html body [data-id^="deeper-row-"][data-id$="-link"]{white-space:nowrap;}

/* Learning at a Glance clusters (29 Aug 2026): at the tablet 2-col tier the
   tinted anchor card leads its row full-width, the two white cards pair below —
   no orphan cell. Anchors are the rows' first cards (areas 1 / 4 / 7). */
@media (max-width:1024px) and (min-width:768px){
  html body [data-id="area-1"],
  html body [data-id="area-4"],
  html body [data-id="area-7"]{grid-column:1 / -1;}
}

/* Revision plan P2-06 (29 Sep 2026) — Academics Overview. Learning Environment rebuilt to
   the client's layout (revisions.pdf p.38): photo on top of a white card on the accent band,
   the client's updated copy, and a "Designed with Well-Being in Mind" sub-head. */
html body .elementor [data-id="approach-environment-inner"]{align-items:center !important;}
html body .elementor [data-id="env-card"]{width:100%;max-width:1100px;padding:40px !important;--card-pad:40px;gap:20px !important;}
html body .elementor [data-id="env-img"]{width:100%;aspect-ratio:1536 / 700 !important;object-fit:cover;margin-bottom:12px;}
html body .elementor [data-id="env-card"] [data-id="env-h2"]{color:var(--ink,#52815F) !important;text-align:center;align-self:center;}
html body .elementor [data-id="env-card"] [data-id^="env-p"]{color:var(--body,#604327) !important;}
html body .elementor [data-id="env-card"] [data-id="env-h3"]{color:var(--label-green,#4B5F4F) !important;margin-top:8px !important;}
@media (max-width:767px){
  html body .elementor [data-id="env-card"]{padding:24px !important;--card-pad:24px;}
  html body .elementor [data-id="env-img"]{aspect-ratio:4 / 3 !important;}
}
/* Curriculum highlight + short Kindergarten Readiness: two consecutive white bands, so the
   second drops its top padding. */
html body .elementor [data-id="bp-curhl-inner"],html body .elementor [data-id="bp-krs-inner"]{max-width:860px;}
html body .elementor [data-id="krs-band"]{padding-top:0 !important;}
/* Curriculum page: the "Learn more about …" pop-up buttons need air before the next sub-head. */
html body .elementor [data-id^="curriculum-learn-"]{margin:8px 0 28px !important;}