/* Imported from v2, scoped to the two requested sections. */
body.home-page :is(#learning, #parent-questions) {
 --home-ink:var(--site-readable-ink); --home-ink-soft:var(--site-readable-muted); --home-muted:var(--site-readable-muted); --home-paper:var(--paper);
 --home-mint:#eaf6ff; --home-sun:var(--sun); --home-coral:var(--site-blue-text); --home-line:rgba(19,47,63,.12);
 --public-display:"Noto Sans","Segoe UI",sans-serif; --public-body:"Noto Sans","Segoe UI",sans-serif;
 --play-sun:#fff0ad; --play-peach:#c9eef2; --play-sky:#d8ebff; --play-lilac:#e5f6d8;
 color:var(--home-ink); font-family:var(--public-body);
}
body.home-page :is(#learning, #parent-questions) .eyebrow {color:var(--home-coral);}
body.home-page :is(#learning, #parent-questions) .home-hero-link {display:inline-flex;align-items:center;gap:16px;color:var(--home-ink);border-bottom:1px solid var(--home-line);padding:8px 0;font:750 .8rem/1.5 var(--public-body);}
body.home-page :is(#learning, #parent-questions) .home-hero-link span {font-size:1.3rem;}
body.home-page .learning-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 29px; }
body.home-page .learning-card {
  position: relative;
  min-height: 220px;
  padding: 27px 25px;
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: 22px;
  background: rgba(255,255,255,.74);
  box-shadow: 0 13px 35px rgba(19,47,63,.075);
  transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease;
}
body.home-page .learning-card::after {
  position: absolute;
  right: -30px;
  bottom: -35px;
  width: 110px;
  height: 110px;
  content: "";
  border-radius: 50%;
  background: rgba(141,215,203,.17);
  transition: transform 330ms ease;
}
body.home-page .learning-card:nth-child(2)::after { background: rgba(245,201,93,.18); }
body.home-page .learning-card:nth-child(3)::after { background: rgba(238,128,106,.16); }
body.home-page .learning-card:nth-child(4)::after { background: rgba(106,171,220,.18); }
body.home-page .learning-card:hover,
body.home-page .learning-card:focus-within {
  border-color: rgba(19,47,63,.23);
  box-shadow: var(--home-shadow-hover);
  transform: translateY(-8px);
}
body.home-page .learning-card:hover::after { transform: scale(1.25); }
body.home-page .learning-card h3 { position: relative; z-index: 1; margin-bottom: 8px; color: var(--home-ink); font-size: 1.25rem; line-height: 1.1; }
body.home-page .learning-card p { position: relative; z-index: 1; margin: 0; color: var(--home-muted); font-size: .95rem !important; line-height: 1.58; }
body.home-page .learning-illustration { display: none; }
@media (max-width: 900px) {
body.home-page .learning-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
body.home-page .learning-grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(77vw, 1fr); overflow-x: auto; padding: 3px 2px 15px; scroll-snap-type: x proximity; scrollbar-width: none; }
body.home-page .learning-grid::-webkit-scrollbar { display: none; }
body.home-page .learning-card { scroll-snap-align: start; }
}
html body.home-page .parent-questions h2 { margin: 18px 0 24px; color: var(--home-ink); font: 600 clamp(3rem,4.8vw,5.5rem)/1 var(--public-display) !important; letter-spacing: -.035em; }
html body.home-page .parent-questions h2 em { color: var(--home-coral); font-weight: 500; }
html body.home-page .learning-illustration { display: none !important; }
html body.home-page #learning { background: var(--home-mint) !important; }
html body.home-page .learning-card { padding: 28px !important; border-radius: 22px !important; background: var(--home-paper) !important; box-shadow: none !important; }
html body.home-page .learning-card h3 { font: 600 1.8rem/1.1 var(--public-display) !important; color: var(--home-ink) !important; }
html body.home-page .learning-card p { font-size: .9rem !important; line-height: 1.8 !important; }
html body.home-page .parent-questions { display: grid; grid-template-columns: .9fr 1.1fr; gap: 8vw; padding: 110px 6.5vw; background: var(--home-paper); border-top: 1px solid var(--home-line); }
html body.home-page .parent-questions-list { padding-top: 15px; }
html body.home-page .parent-questions details { border-top: 1px solid var(--home-line); }
html body.home-page .parent-questions details:last-child { border-bottom: 1px solid var(--home-line); }
html body.home-page .parent-questions summary { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 27px 0; list-style: none; cursor: pointer; color: var(--home-ink); font: 650 1.05rem/1.5 var(--public-body); }
html body.home-page .parent-questions summary::-webkit-details-marker { display: none; }
html body.home-page .parent-questions summary > span { display: grid; place-items: center; flex-shrink: 0; width: 33px; height: 33px; background: var(--home-mint); border-radius: 50%; transition: transform .25s, background .25s; }
html body.home-page .parent-questions details[open] summary > span { transform: rotate(45deg); background: var(--home-sun); }
html body.home-page .parent-questions details p { margin: 0 0 28px; max-width: 53ch; color: var(--home-ink-soft); font-size: .9rem; line-height: 1.9; }
html body.home-page .parent-questions details p a { color: var(--home-ink); text-decoration: underline; text-underline-offset: 3px; }
@media(max-width: 900px) {
html body.home-page .parent-questions h2 { font-size: clamp(3rem,10vw,4.3rem) !important; }
html body.home-page .parent-questions { grid-template-columns: 1fr; gap: 25px; padding: 65px 22px; }
html body.home-page .parent-questions summary { padding-block: 22px; font-size: .96rem; }
}
@media(max-width: 540px) {
html body.home-page .learning-grid { display: grid !important; grid-auto-flow: row !important; grid-template-columns: 1fr !important; overflow: visible !important; }
}
html body.home-page main#top #learning { display: block !important; width: 100% !important; margin: 0 !important; padding: 90px 6.5vw !important; background: #eaf6ff !important; border-radius: 0 !important; }
html body.home-page main#top #learning > .section-copy { display: grid !important; grid-template-columns: 1.2fr .65fr !important; gap: 16px 8vw; max-width: none !important; align-items: end; margin-bottom: 42px !important; }
html body.home-page main#top #learning > .section-copy .eyebrow { grid-column: 1 / -1; }
html body.home-page main#top #learning > .section-copy h2 { font: 600 clamp(2.8rem,4.15vw,5rem)/1.06 var(--public-display) !important; max-width: 23ch !important; margin: 0 !important; }
html body.home-page main#top #learning > .section-copy > p:not(.eyebrow) { max-width: 36ch !important; margin: 0 0 4px !important; line-height: 1.85 !important; font-size: .95rem !important; }
html body.home-page main#top .learning-experience { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(35px,6vw,100px); align-items: center; }
html body.home-page main#top .learning-photo { position: relative; margin: 0; height: 530px; overflow: hidden; border-radius: 22px 110px 22px 22px; }
html body.home-page main#top .learning-photo > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 48%; transition: transform .8s ease; }
html body.home-page main#top .learning-photo:hover > img { transform: scale(1.025); }
html body.home-page main#top .learning-photo::after { content: ""; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent,rgba(14,53,85,.78)); pointer-events: none; }
html body.home-page main#top .learning-photo figcaption { position: absolute; inset: auto 32px 32px; z-index: 1; display: grid; gap: 8px; color: #ffffff; }
html body.home-page main#top .learning-photo figcaption span { font-size: .85rem; }
html body.home-page main#top .learning-photo figcaption strong { font: 500 4rem/1 var(--public-display); }
html body.home-page main#top .learning-explorer { min-width: 0; }
html body.home-page main#top .learning-invitation { display: flex; justify-content: space-between; gap: 18px; margin: 0 0 22px; color: var(--home-muted); font-size: .78rem; }
html body.home-page main#top .learning-invitation span { color: var(--home-coral); font-size: 1.4rem; }
html body.home-page main#top #learning .learning-grid { display: block !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; }
html body.home-page main#top #learning .learning-card { min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-top: 1px solid rgba(24,56,79,.18) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; overflow: visible !important; }
html body.home-page main#top #learning .learning-card:last-child { border-bottom: 1px solid rgba(24,56,79,.18) !important; }
html body.home-page main#top #learning .learning-card::before,
html body.home-page main#top #learning .learning-card::after,
html body.home-page main#top #learning .premium-icon { display: none !important; }
html body.home-page main#top #learning .learning-card h3 { margin: 0 !important; padding: 0 !important; }
html body.home-page main#top .learning-toggle { display: grid; grid-template-columns: 30px 1fr 35px; align-items: center; gap: 18px; width: 100%; padding: 25px 0; border: 0; background: transparent; color: var(--home-ink); font: 600 clamp(1.7rem,2.5vw,2.7rem)/1.15 var(--public-display); text-align: left; cursor: pointer; }
html body.home-page main#top .learning-number { font: 600 .68rem/1 var(--public-body); color: var(--home-coral); }
html body.home-page main#top .learning-toggle-mark { display: grid; place-items: center; width: 33px; height: 33px; border: 1px solid var(--home-line); border-radius: 50%; font: 400 1.2rem/1 var(--public-body); transition: transform .25s, background .25s; }
html body.home-page main#top .learning-toggle[aria-expanded="true"] .learning-toggle-mark { transform: rotate(45deg); background: var(--home-ink); color: #ffffff; }
html body.home-page main#top .learning-toggle:hover .learning-toggle-mark { background: var(--home-sun); color: var(--home-ink); }
html body.home-page main#top .learning-toggle:focus-visible { outline: 2px solid var(--home-ink); outline-offset: 5px; border-radius: 6px; }
html body.home-page main#top #learning .learning-card > p { margin: -4px 50px 25px 48px !important; font: 500 .94rem/1.85 var(--public-body) !important; color: var(--home-ink-soft) !important; }
html body.home-page main#top #learning .learning-card > p[hidden] { display: none !important; }
html body.home-page main#top .learning-more { margin-top: 30px; }
@media(max-width: 900px) {
html body.home-page main#top #learning { padding: 65px 22px !important; }
html body.home-page main#top #learning > .section-copy { display: block !important; }
html body.home-page main#top #learning > .section-copy h2 { font-size: clamp(2.5rem,7vw,4rem) !important; margin: 15px 0 22px !important; }
html body.home-page main#top .learning-experience { grid-template-columns: 1fr; gap: 32px; }
html body.home-page main#top .learning-photo { height: 350px; border-radius: 20px 70px 20px 20px; }
html body.home-page main#top .learning-photo > img { object-position: center 45%; }
html body.home-page main#top .learning-photo figcaption { inset: auto 24px 24px; }
html body.home-page main#top .learning-photo figcaption strong { font-size: 3rem; }
html body.home-page main#top .learning-toggle { font-size: 1.95rem; gap: 12px; grid-template-columns: 24px 1fr 32px; padding: 23px 0; }
html body.home-page main#top #learning .learning-card > p { margin-left: 36px !important; margin-right: 10px !important; }
}
html body.home-page main#top #learning { background: linear-gradient(180deg,var(--home-paper),#eaf6ff 15%,#eaf6ff 85%,var(--home-paper)) !important; }
html body.home-page .parent-questions-list p {white-space:pre-line;}
html body.home-page main#top .learning-card:nth-child(4n+1) {--learning-tint:var(--play-sun);}
html body.home-page main#top .learning-card:nth-child(4n+2) {--learning-tint:var(--play-peach);}
html body.home-page main#top .learning-card:nth-child(4n+3) {--learning-tint:var(--play-sky);}
html body.home-page main#top .learning-card:nth-child(4n) {--learning-tint:var(--play-lilac);}
html body.home-page main#top .learning-number {display:grid;place-items:center;width:30px;height:30px;background:var(--learning-tint);border-radius:10px 10px 10px 3px;color:var(--site-readable-ink)!important;transition:rotate .3s;}
html body.home-page main#top .learning-toggle:hover .learning-number {rotate:-9deg;}
html body.home-page main#top .learning-toggle-mark {background:var(--learning-tint);border-color:transparent;}
@media(prefers-reduced-motion:reduce) {
html body.home-page main#top .learning-number {transition:none;}
html body.home-page main#top .learning-toggle:hover .learning-number {rotate:none;}
}
html body.home-page main#top .learning-photo::before {content:"";position:absolute;right:25px;top:25px;z-index:2;width:58px;height:40px;border:9px solid var(--sun);border-bottom:0;border-radius:60px 60px 0 0;box-shadow:0 0 0 8px var(--teal),0 0 0 16px var(--blue);rotate:12deg;opacity:.94;pointer-events:none;}
html body.home-page main#top .parent-questions > div:first-child::before {content:"✿";display:block;font:76px/.9 Georgia,serif;color:var(--sun);margin-bottom:25px;}
@media(max-width:760px) {
html body.home-page main#top .learning-photo::before {scale:.7;transform-origin:top right;right:18px;top:22px;}
}
html body.home-page main#top #learning > .section-copy h2 {font:500 clamp(2.15rem,3.5vw,3.9rem)/1.16 var(--public-display)!important;letter-spacing:-.045em!important;max-width:23ch!important;}
html body.home-page main#top .learning-toggle {font-size:clamp(1.3rem,2vw,1.9rem)!important;font-weight:500!important;line-height:1.25!important;}
html body.home-page main#top .parent-questions h2 {font:500 clamp(2.1rem,3.5vw,3.8rem)/1.18 var(--public-display)!important;}
@media(max-width:600px) {
html body.home-page main#top #learning > .section-copy h2 {font-size:2rem!important;}
}

/* Keep the existing homepage flow and respect reduced motion. */
html body.home-page #parent-questions {order:8; grid-column:1 / -1!important; min-width:0; width:100%; box-sizing:border-box;}
html body.home-page #learning > .section-copy {color:var(--home-ink);}
html body.home-page #learning > .section-copy > p:not(.eyebrow) {color:var(--home-ink-soft);}
@media(prefers-reduced-motion:reduce) {body.home-page :is(#learning,#parent-questions) * {transition:none!important;}}