/* How it works learn page — section rhythm */



body.page-learn-how-it-works .egg-how-it-works-block {

  margin-top: clamp(2rem, 4vw, 2.75rem);

  padding-top: clamp(1.5rem, 3vw, 2rem);

  border-top: 1px solid rgba(109, 40, 217, 0.12);

}



body.page-learn-how-it-works .egg-how-it-works-block:first-child {

  margin-top: clamp(1rem, 2vw, 1.35rem);

  padding-top: 0;

  border-top: 0;

}



body.page-learn-how-it-works .egg-how-it-works-block .eg-slim-h4 {

  margin: 1.15rem 0 0.45rem;

  font-family: var(--font-display, "Bakbak One", sans-serif);

  font-size: clamp(1.05rem, 2vw, 1.2rem);

  color: #2a1848;

}



body.page-learn-how-it-works .parents-curriculum-delivery {

  margin-top: clamp(2rem, 4vw, 2.75rem);

  padding-top: clamp(1.5rem, 3vw, 2rem);

  border-top: 1px solid rgba(109, 40, 217, 0.12);

}



body.page-learn-how-it-works .egg-learn-tool-sections {

  margin-top: clamp(2rem, 4vw, 2.75rem);

  padding-top: clamp(1.5rem, 3vw, 2rem);

  border-top: 1px solid rgba(109, 40, 217, 0.12);

}



body.page-learn-how-it-works .parents-weekly-section.section {

  padding-top: clamp(1.5rem, 3vw, 2.25rem);

  padding-bottom: clamp(1rem, 2vw, 1.35rem);

}



body.page-learn-how-it-works .parents-weekly-section + .egg-learn-tool-sections {

  margin-top: 0;

  padding-top: clamp(1.15rem, 2.2vw, 1.5rem);

}



body.page-learn-how-it-works .egg-learn-tool-sections .egg-tool-showcase--age {

  border-top: 0;

  padding-top: 0;

}



body.page-learn-how-it-works .egg-learn-tool-sections .parents-age-groupings {

  margin-top: 0;

  padding-top: 0;

  border-top: 0;

}



body.page-learn-how-it-works .egg-learn-tool-sections .parents-progress-shell {

  padding-inline: 0;

}



body.page-learn-how-it-works .egg-session-compare--xplore tbody td:nth-child(2) {

  font-weight: 600;

  color: #2a1848;

}



/* Vault segments break out of the learn-page shell column */

body.page-learn-how-it-works .egg-how-it-works-vault-breakout {

  width: 100vw;

  max-width: 100vw;

  margin-inline: calc(50% - 50vw);

  margin-top: clamp(2rem, 4vw, 2.75rem);

}



body.page-learn-how-it-works .egg-how-it-works-vault-breakout:first-of-type {

  margin-top: clamp(1.5rem, 3vw, 2rem);

}



body.page-learn-how-it-works .egg-how-it-works-vault-breakout + .egg-how-it-works-vault-breakout {

  margin-top: 0;

}



body.page-learn-how-it-works .egg-how-it-works-events-wrap .eg-home-community-events {

  border-block: 1px solid rgba(107, 70, 193, 0.14);

}



body.page-learn-how-it-works .parents-weekly-section .parents-weekly-shell {

  position: relative;

  z-index: 1;

}



/* Community events: full-width stacked layout (not a narrow left column) */

body.page-learn-how-it-works .egg-how-it-works-events .eg-home-community-events__layout {

  grid-template-columns: 1fr;

  gap: clamp(1.5rem, 3vw, 2.25rem);

}



body.page-learn-how-it-works .egg-how-it-works-events .eg-home-community-events__head {

  max-width: none;

}



body.page-learn-how-it-works .egg-how-it-works-events .eg-home-community-events__showcase {

  justify-self: stretch;

  max-width: none;

  width: 100%;

}



body.page-learn-how-it-works .egg-how-it-works-events .eg-home-community-events__highlights {

  max-width: none;

  width: 100%;

}



@media (min-width: 901px) {

  body.page-learn-how-it-works

    .egg-how-it-works-events

    .eg-home-community-events__layout:has(.eg-home-community-events__showcase:not([hidden])) {

    grid-template-columns: minmax(0, 0.55fr) minmax(0, 1.45fr);

    align-items: start;

  }

}