/* AO Psychology V128B — Children & Young People alignment correction.
   Bring the introduction, age-group headings and cards onto the common page grid.
   Retain the approved two-age content, photographs, mobile copy and white footer gap. */
body.ao63-white-site main#main-content.a62-kids-page #cy-explain .cy-intro-grid.ao128-intro-grid {
  display:block;
  grid-template-columns:none;
  gap:0;
  align-items:initial;
}
body.ao63-white-site main#main-content.a62-kids-page #cy-explain .ao128-intro-heading,
body.ao63-white-site main#main-content.a62-kids-page #cy-explain .ao128-intro-copy {
  box-sizing:border-box;
  width:100%;
  max-width:900px;
  min-width:0;
  margin-left:0;
  margin-right:0;
}
body.ao63-white-site main#main-content.a62-kids-page #cy-explain .ao128-intro-heading h2 {
  max-width:850px;
  margin:13px 0 18px !important;
  text-wrap:balance;
}
body.ao63-white-site main#main-content.a62-kids-page #cy-explain .ao128-intro-copy {
  border:0;
  padding:0;
}
body.ao63-white-site main#main-content.a62-kids-page #cy-explain .ao128-intro-copy p {
  max-width:900px;
  margin:0 0 14px;
  font-size:14px;
  line-height:1.88;
}
body.ao63-white-site main#main-content.a62-kids-page #cy-explain .ao128-intro-copy p:last-child {margin-bottom:0;}
body.ao63-white-site main#main-content.a62-kids-page .cy-audiences .cy-audience-grid.ao128-age-grid {
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
  max-width:none;
  margin:0;
  gap:clamp(16px,2vw,24px);
  align-items:stretch;
}
body.ao63-white-site main#main-content.a62-kids-page .cy-audiences .cy-audience-grid.ao128-age-grid > article {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:0;
  height:auto !important;
  margin:0;
}
@media (max-width:760px) {
  body.ao63-white-site main#main-content.a62-kids-page #cy-explain .ao128-intro-heading,
  body.ao63-white-site main#main-content.a62-kids-page #cy-explain .ao128-intro-copy {max-width:100%;}
  body.ao63-white-site main#main-content.a62-kids-page #cy-explain .ao128-intro-heading h2 {margin:12px 0 17px !important;}
  body.ao63-white-site main#main-content.a62-kids-page #cy-explain .ao128-intro-copy p {font-size:13.6px;line-height:1.8;}
  body.ao63-white-site main#main-content.a62-kids-page .cy-audiences .cy-audience-grid.ao128-age-grid {
    grid-template-columns:minmax(0,1fr);
    gap:14px;
  }
}