/* Approved Primary prototype. Every visual rule is scoped to this page. */
@font-face{font-family:EmpathyPrimaryHeading;src:url('/wp-content/themes/childit/assets/fonts/Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:EmpathyPrimaryHeading;src:url('/wp-content/themes/childit/assets/fonts/Poppins-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:EmpathyPrimaryText;src:url('/wp-content/themes/childit/assets/fonts/Roboto-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
body.has-primary-editorial{background:#faf9f5}
.has-primary-editorial .ep-skip{position:fixed;top:12px;left:12px;z-index:100000;padding:14px 20px;background:#214c3b;color:#fff;transform:translateY(-180%)}
.has-primary-editorial .ep-skip:focus{transform:translateY(0)}
.empathy-primary{--ep-ink:#243c30;--ep-muted:#536058;--ep-green:#315c46;--ep-paper:#faf9f5;--ep-rule:#cbd2c6;color:var(--ep-ink);font:400 18px/1.7 EmpathyPrimaryText,Roboto,sans-serif;background:var(--ep-paper);overflow:clip}
.empathy-primary *{box-sizing:border-box}
.empathy-primary .ep-shell{width:min(1200px,calc(100% - 112px));margin-inline:auto}
.empathy-primary :is(h1,h2,h3,h4,h5,p,ul,figure,blockquote){margin:0;padding:0}
.empathy-primary :is(h1,h2,h3,h4,h5){font-family:EmpathyPrimaryHeading,Poppins,sans-serif;font-weight:400;line-height:1.25;letter-spacing:-.035em;color:var(--ep-ink);text-shadow:none}
.empathy-primary h1{font-size:clamp(66px,7vw,104px);line-height:1.06;letter-spacing:-.065em}
.empathy-primary h2{font-size:clamp(30px,3vw,44px)}
.empathy-primary h3{font-size:26px;line-height:1.35}
.empathy-primary h4{font-size:22px;line-height:1.4}
.empathy-primary h5{font-size:16px;font-weight:600;letter-spacing:0}
.empathy-primary p{font-size:inherit;line-height:inherit;color:inherit}
.empathy-primary strong{font-weight:600;color:inherit}
.empathy-primary p+p{margin-top:22px}
.empathy-primary em{font-style:normal}
.empathy-primary a{color:var(--ep-green);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.empathy-primary a:hover{text-decoration-thickness:2px;color:#173d2b}
.empathy-primary :focus-visible{outline:3px solid #986731;outline-offset:5px}
.empathy-primary [id]{scroll-margin-top:145px}
.empathy-primary img{display:block;width:100%;max-width:100%;height:auto;border-radius:0}
.empathy-primary blockquote{border:0;border-radius:0;background:none;box-shadow:none;font-style:normal}
.empathy-primary blockquote::before,.empathy-primary blockquote::after{content:none}
.empathy-primary li{padding:0;margin:0;font:inherit;position:static}
.empathy-primary li::before,.empathy-primary li::after{content:none}
.empathy-primary ul{list-style:disc;padding-left:1.15em}
.empathy-primary li+li{margin-top:10px}

/* Introduction: a close human interaction, with room for the school's voice. */
.empathy-primary .ep-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;padding-top:64px;padding-bottom:64px}
.empathy-primary .ep-hero-copy{padding-block:20px}
.empathy-primary .ep-hero h2{font-size:30px;margin-top:32px;letter-spacing:-.03em}
.empathy-primary .ep-subtitle{font-size:17px;line-height:1.65;color:var(--ep-muted);margin-top:18px;max-width:30ch}
.empathy-primary .ep-lead{margin-top:36px;max-width:39ch;font-size:20px;line-height:1.65}
.empathy-primary .ep-hero-photo{width:100%;align-self:stretch}
.empathy-primary .ep-hero-photo img{height:100%;min-height:580px;max-height:710px;object-fit:cover;object-position:50% 48%}
.empathy-primary .ep-index{display:flex;align-items:baseline;justify-content:space-between;gap:22px;border-top:1px solid var(--ep-rule);border-bottom:1px solid var(--ep-rule);padding-block:22px}
.empathy-primary .ep-index a{font-size:13px;line-height:1.6;text-decoration:none;max-width:20ch}
.empathy-primary .ep-index a:hover{text-decoration:underline}
.empathy-primary .ep-philosophy{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-block:110px 56px}
.empathy-primary .ep-question{font-size:24px;line-height:1.65;max-width:28ch;margin-top:32px;color:var(--ep-muted)}
.empathy-primary .ep-values{margin-top:28px}
.empathy-primary .ep-values>div{display:block;border-top:1px solid var(--ep-rule);padding-block:17px}
.empathy-primary .ep-values strong{display:block;font-family:EmpathyPrimaryHeading,sans-serif;font-size:17px;margin-bottom:6px}
.empathy-primary .ep-values span{color:var(--ep-muted);font-size:17px;display:block;max-width:44ch}
.empathy-primary .ep-year{margin-top:28px;color:var(--ep-muted);font-size:17px}
.empathy-primary .ep-disclaimer{font-size:14px;line-height:1.65;border-top:1px solid var(--ep-rule);padding-top:24px;padding-bottom:70px;color:var(--ep-muted)}

/* Activities: move from garden to classroom, changing scale and emphasis. */
.empathy-primary .ep-activities{background:#eeeee5;padding-block:92px 80px}
.empathy-primary .ep-activity-opening{display:grid;grid-template-columns:1.05fr 1fr;gap:96px;align-items:center}
.empathy-primary .ep-garden-photo img{aspect-ratio:3/4;object-fit:cover}
.empathy-primary .ep-balanced h2{margin-bottom:28px}
.empathy-primary .ep-balanced p{color:var(--ep-muted)}
.empathy-primary .ep-small-heading{font-family:EmpathyPrimaryHeading,sans-serif;font-size:15px;line-height:1.6;font-weight:600;letter-spacing:.02em}
.empathy-primary .ep-activity-copy>.ep-small-heading{margin-top:38px;margin-bottom:16px}
.empathy-primary .ep-projects{font-size:16px;line-height:1.65}
.empathy-primary .ep-academic{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start;margin-top:120px}
.empathy-primary .ep-academic>div>h3{max-width:17ch;margin-bottom:26px}
.empathy-primary .ep-subjects>div{border-top:1px solid #c7cec1;padding-block:17px}
.empathy-primary .ep-subjects strong{display:block;font-size:16px;font-family:EmpathyPrimaryHeading,sans-serif;margin-bottom:5px}
.empathy-primary .ep-subjects>div>div{font-size:16px;color:var(--ep-muted);line-height:1.65}
.empathy-primary .ep-environment img{aspect-ratio:1.1;object-fit:cover;object-position:50% 43%}
.empathy-primary .ep-environment [data-primary-source]{margin-top:32px;max-width:54ch}
.empathy-primary .ep-environment h3{margin-bottom:16px}
.empathy-primary .ep-environment p{font-size:17px;color:var(--ep-muted)}
.empathy-primary .ep-reflection{max-width:760px;border-top:1px solid #bfc7ba;padding-top:48px;margin-top:80px;font-size:19px;line-height:1.75;color:var(--ep-muted)}
.empathy-primary .ep-reflection span{display:block;font-family:EmpathyPrimaryHeading,sans-serif;font-size:clamp(29px,3.3vw,44px);letter-spacing:-.045em;color:var(--ep-ink);margin-block:22px}

/* Progression: one connected sequence, not three independent cards. */
.empathy-primary .ep-progression{padding-block:112px;background:#244b3b;color:#f6f6ee}
.empathy-primary .ep-progression h2{max-width:24ch;color:#fff}
.empathy-primary .ep-progression h2+p{color:#dce4d8;margin-top:28px;max-width:55ch}
.empathy-primary .ep-progression [data-primary-source]>div{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;border-top:1px solid #6c8777;padding-block:32px}
.empathy-primary .ep-progression [data-primary-source]>div:first-of-type{margin-top:60px}
.empathy-primary .ep-progression [data-primary-source]>div:last-child{padding-bottom:0}
.empathy-primary .ep-progression h3{font-size:24px;max-width:25ch;color:#fff}
.empathy-primary .ep-progression [data-primary-source]>div>p{font-size:18px;color:#e2e8dd}

/* Curriculum: quiet, structured information with a usable table. */
.empathy-primary .ep-curriculum{padding-block:112px 100px}
.empathy-primary .ep-curriculum-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;margin-bottom:48px}
.empathy-primary .ep-curriculum-intro h2{max-width:14ch}
.empathy-primary .ep-curriculum-intro p{color:var(--ep-muted)}
.empathy-primary .ep-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;border-top:1px solid var(--ep-rule);margin-top:18px;padding-top:26px}
.empathy-primary .ep-pillars h3{font-size:20px;margin-bottom:16px}
.empathy-primary .ep-pillars span{display:block;font-size:16px;line-height:1.75;color:var(--ep-muted)}
.empathy-primary .ep-core{margin-top:80px}
.empathy-primary .ep-core>h3{margin-bottom:36px}
.empathy-primary .ep-sdg{display:grid;grid-template-columns:.6fr 1.4fr;gap:64px;border-top:1px solid var(--ep-rule);padding-block:32px}
.empathy-primary .ep-sdg>h4{max-width:18ch}
.empathy-primary .ep-sdg>div{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.empathy-primary .ep-sdg h5{margin-bottom:14px}
.empathy-primary .ep-sdg p,.empathy-primary .ep-sdg ul{font-size:15px;line-height:1.75;color:var(--ep-muted)}
.empathy-primary .ep-sdg li+li{margin-top:7px}
.empathy-primary .ep-map-assessment{display:grid;grid-template-columns:1.6fr .8fr;gap:70px;margin-top:82px;padding-top:48px;border-top:1px solid var(--ep-rule);align-items:start}
.empathy-primary .ep-map-theme{font-size:15px;color:var(--ep-muted);margin-top:16px;margin-bottom:24px}
.empathy-primary .ep-table-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
.empathy-primary table{width:100%;border-collapse:collapse;border:0;border-radius:0;box-shadow:none;padding:0;font-size:16px;line-height:1.6;text-align:left;background:transparent;margin:0}
.empathy-primary table :is(thead,tbody,tr){background:transparent;border-radius:0;box-shadow:none}
.empathy-primary table :is(th,td){border:0;border-bottom:1px solid var(--ep-rule);padding:17px 18px;text-align:left;vertical-align:top;color:var(--ep-ink);background:none}
.empathy-primary table thead th{background:#e7eadd;font-size:14px;font-weight:600}
.empathy-primary table tbody th{width:32%;font-size:15px;font-weight:400;padding-left:0}
.empathy-primary table tbody td{color:var(--ep-muted);padding-right:0}
.empathy-primary .ep-map-footer{font-size:15px;line-height:1.65;color:var(--ep-muted);margin-top:24px}
.empathy-primary .ep-assessment h3{font-size:25px;margin-bottom:24px}
.empathy-primary .ep-assessment p,.empathy-primary .ep-assessment ul{font-size:16px;color:var(--ep-muted)}
.empathy-primary .ep-assessment ul{margin-block:22px}
.empathy-primary .ep-assessment p:last-child{padding-top:22px;border-top:1px solid var(--ep-rule)}
.empathy-primary .ep-citation{max-width:850px;margin:88px auto 0;border-left:2px solid #a79c76;padding-left:32px;color:var(--ep-muted);font-size:18px;line-height:1.8}
.empathy-primary .ep-citation cite{display:block;font-size:14px;font-style:normal;margin-top:22px}
.empathy-primary .ep-citation p{font-weight:400}

/* Next steps: the original schedule, video and four-image carousel. */
.empathy-primary .ep-next-steps{background:#efeee6;padding-block:90px 100px}
.empathy-primary .ep-next-steps h2{margin-bottom:44px}
.empathy-primary .ep-practical{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-bottom:56px;border-bottom:1px solid var(--ep-rule)}
.empathy-primary .ep-planning h3{font-size:24px;margin-bottom:18px}
.empathy-primary .ep-planning p,.empathy-primary .ep-planning ul{font-size:17px;color:var(--ep-muted)}
.empathy-primary .ep-planning ul{margin-top:18px}
.empathy-primary .ep-schedule{align-self:center}
.empathy-primary .ep-schedule .elementor-widget{width:auto;text-align:left}
.empathy-primary .ep-schedule .elementor-element-b5ee4a4 a.elementor-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:18px 28px;background:#244b3b;color:#fff;font:400 16px/1.4 EmpathyPrimaryHeading,sans-serif;border:1px solid #244b3b;border-radius:0;text-decoration:none;box-shadow:none}
.empathy-primary .ep-schedule a.elementor-button:hover{background:#173d2b}
.empathy-primary .ep-media{max-width:900px;margin:64px 0 0 auto}
.empathy-primary .ep-video [data-primary-widget="video"]{display:none}
.empathy-primary .ep-video[data-playing="true"] [data-primary-widget="video"]{display:block}
.empathy-primary a.ep-video-poster{display:block;text-decoration:none;background:#244b3b;color:#fff}
.empathy-primary .ep-video-poster[hidden]{display:none}
.empathy-primary .ep-video-poster img{aspect-ratio:16/9;object-fit:cover;object-position:50% 45%}
.empathy-primary .ep-video-poster>span{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;font:400 16px/1.4 EmpathyPrimaryHeading,sans-serif}
.empathy-primary .ep-video-poster:hover>span{text-decoration:underline;text-underline-offset:5px}
.empathy-primary .ep-video-direct{display:inline-block;font-size:14px;margin-top:16px;min-height:44px;padding-block:8px}
.empathy-primary .ep-video .elementor-widget{width:100%;max-width:100%;margin:0}
.empathy-primary .ep-video .elementor-wrapper{aspect-ratio:16/9;background:#e0e2d8}
.empathy-primary .ep-video iframe{width:100%;height:100%;border:0}
.empathy-primary .ep-gallery{max-width:900px;margin:64px auto 0}
.empathy-primary .ep-gallery .elementor-widget{width:100%;max-width:100%}
.empathy-primary .ep-gallery img{height:360px;object-fit:cover}
.empathy-primary .ep-gallery .elementor-image-carousel-wrapper{padding-bottom:32px}
.empathy-primary .ep-gallery .elementor-swiper-button{color:#fff;background:#244b3b;width:42px;height:42px;justify-content:center;border-radius:0;top:calc(50% - 16px)}
.empathy-primary .ep-gallery .elementor-swiper-button svg{width:18px;height:18px}
.empathy-primary .ep-gallery .swiper-pagination-bullet-active{background:#244b3b}

@media(max-width:1050px){
  .empathy-primary .ep-shell{width:calc(100% - 64px)}
  .empathy-primary .ep-hero{gap:40px}
  .empathy-primary .ep-hero-photo img{min-height:510px}
  .empathy-primary :is(.ep-philosophy,.ep-activity-opening,.ep-academic,.ep-curriculum-intro,.ep-practical){gap:48px}
  .empathy-primary .ep-progression [data-primary-source]>div{gap:48px}
  .empathy-primary .ep-sdg{grid-template-columns:.6fr 1.4fr;gap:32px}
  .empathy-primary .ep-sdg>div{gap:24px}
  .empathy-primary .ep-map-assessment{grid-template-columns:1.5fr 1fr;gap:36px}
}
@media(max-width:700px){
  .empathy-primary{font-size:17px;line-height:1.7}
  .empathy-primary .ep-shell{width:calc(100% - 40px)}
  .empathy-primary [id]{scroll-margin-top:115px}
  .empathy-primary h1{font-size:66px}
  .empathy-primary h2{font-size:32px}
  .empathy-primary h3{font-size:24px}
  .empathy-primary .ep-hero{display:flex;flex-direction:column;gap:28px;padding-top:36px;padding-bottom:0}
  .empathy-primary .ep-hero-copy{padding:0;width:100%}
  .empathy-primary .ep-hero h2{font-size:26px;margin-top:20px}
  .empathy-primary .ep-subtitle{font-size:16px;margin-top:14px;max-width:31ch}
  .empathy-primary .ep-lead{font-size:18px;margin-top:24px;max-width:none}
  .empathy-primary .ep-hero-photo{width:calc(100% + 40px);margin-inline:-20px}
  .empathy-primary .ep-hero-photo img{min-height:0;max-height:none;height:auto;aspect-ratio:1;object-position:50% 48%}
  .empathy-primary .ep-index{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-block:12px;margin-top:0;border-top:0}
  .empathy-primary .ep-index a{padding:10px 16px 10px 0;max-width:none;min-height:44px;font-size:13px}
  .empathy-primary .ep-index a:last-child{grid-column:1/-1}
  .empathy-primary .ep-philosophy{display:block;padding-block:56px 36px}
  .empathy-primary .ep-question{font-size:22px;line-height:1.55;max-width:none;margin-top:24px;margin-bottom:32px}
  .empathy-primary .ep-values{margin-top:24px}
  .empathy-primary .ep-values>div{padding-block:18px}
  .empathy-primary .ep-year{margin-top:24px}
  .empathy-primary .ep-disclaimer{font-size:14px;padding-top:20px;padding-bottom:48px}
  .empathy-primary .ep-activities{padding-block:48px}
  .empathy-primary .ep-activity-opening{display:flex;flex-direction:column;gap:32px}
  .empathy-primary .ep-garden-photo{width:calc(100% + 40px);margin-inline:-20px}
  .empathy-primary .ep-garden-photo img{aspect-ratio:4/5;object-position:center 58%}
  .empathy-primary .ep-balanced h2{margin-bottom:20px}
  .empathy-primary .ep-activity-copy>.ep-small-heading{margin-top:28px}
  .empathy-primary .ep-projects{font-size:16px}
  .empathy-primary .ep-academic{display:block;margin-top:52px}
  .empathy-primary .ep-academic>div>h3{max-width:22ch;margin-bottom:22px}
  .empathy-primary .ep-subjects>div{display:grid;grid-template-columns:105px 1fr;gap:14px;padding-block:16px}
  .empathy-primary .ep-subjects strong{font-size:14px;margin:0;overflow-wrap:anywhere}
  .empathy-primary .ep-subjects>div>div{font-size:15px}
  .empathy-primary .ep-environment{margin-top:34px}
  .empathy-primary .ep-environment img{aspect-ratio:4/3;object-position:50% 48%}
  .empathy-primary .ep-environment [data-primary-source]{margin-top:24px}
  .empathy-primary .ep-reflection{padding-top:32px;margin-top:44px;font-size:17px}
  .empathy-primary .ep-reflection span{font-size:31px;line-height:1.35;margin-block:22px}
  .empathy-primary .ep-progression{padding-block:56px}
  .empathy-primary .ep-progression h2{font-size:31px;max-width:22ch}
  .empathy-primary .ep-progression h2+p{font-size:16px;margin-top:22px}
  .empathy-primary .ep-progression [data-primary-source]>div{display:block;padding-block:28px}
  .empathy-primary .ep-progression [data-primary-source]>div:first-of-type{margin-top:32px}
  .empathy-primary .ep-progression h3{font-size:22px;max-width:24ch;margin-bottom:18px}
  .empathy-primary .ep-progression [data-primary-source]>div>p{font-size:17px}
  .empathy-primary .ep-curriculum{padding-block:56px}
  .empathy-primary .ep-curriculum-intro{display:block;margin-bottom:30px}
  .empathy-primary .ep-curriculum-intro h2{max-width:none;margin-bottom:24px}
  .empathy-primary .ep-pillars{display:block;padding-top:0;border-top:0;margin-top:12px}
  .empathy-primary .ep-pillars>div{border-top:1px solid var(--ep-rule);padding-block:22px}
  .empathy-primary .ep-pillars h3{font-size:21px;margin-bottom:12px}
  .empathy-primary .ep-core{margin-top:34px}
  .empathy-primary .ep-core>h3{margin-bottom:26px}
  .empathy-primary .ep-sdg{display:block;padding-block:28px}
  .empathy-primary .ep-sdg>h4{font-size:22px;max-width:25ch;margin-bottom:22px}
  .empathy-primary .ep-sdg>div{display:block}
  .empathy-primary .ep-sdg>div>div+div{margin-top:22px}
  .empathy-primary .ep-sdg h5{margin-bottom:10px}
  .empathy-primary .ep-sdg :is(p,ul){font-size:16px}
  .empathy-primary .ep-map-assessment{display:block;margin-top:30px;padding-top:32px}
  .empathy-primary table{font-size:15px;min-width:300px}
  .empathy-primary table :is(th,td){padding:15px 10px}
  .empathy-primary table tbody th{width:34%;font-size:14px}
  .empathy-primary table thead th{font-size:13px}
  .empathy-primary .ep-map-theme{font-size:14px;margin-block:14px 20px}
  .empathy-primary .ep-assessment{margin-top:40px;border-top:1px solid var(--ep-rule);padding-top:30px}
  .empathy-primary .ep-assessment h3{font-size:24px;margin-bottom:18px}
  .empathy-primary .ep-citation{margin-top:42px;padding-left:20px;font-size:16px}
  .empathy-primary .ep-next-steps{padding-block:52px 60px}
  .empathy-primary .ep-next-steps h2{margin-bottom:30px}
  .empathy-primary .ep-practical{display:block;padding-bottom:36px}
  .empathy-primary .ep-schedule{margin-top:30px}
  .empathy-primary .ep-schedule a.elementor-button{width:100%;min-height:56px;font-size:15px}
  .empathy-primary .ep-media{display:block;margin-top:36px}
  .empathy-primary .ep-video-poster img{aspect-ratio:4/3;object-position:center 46%}
  .empathy-primary .ep-video-poster>span{font-size:14px;padding:18px}
  .empathy-primary .ep-gallery{margin-top:34px}
  .empathy-primary .ep-gallery img{height:350px;object-fit:contain}
}
@media(prefers-reduced-motion:reduce){.empathy-primary *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.empathy-primary .ep-index,.has-primary-editorial .ep-skip{display:none}.empathy-primary .ep-shell{width:100%}.empathy-primary .ep-progression{background:#fff;color:#243c30}.empathy-primary .ep-progression :is(h2,h3,p){color:#243c30}}