/* 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;

  }

}



body.page-learn-how-it-works .egg-begin-starter-course {
  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-begin-starter-course__card {
  display: grid;
  gap: clamp(1.25rem, 3vw, 2rem);
  align-items: center;
  padding: clamp(1.25rem, 3vw, 1.85rem);
  border-radius: 1.15rem;
  border: 2px solid rgba(109, 40, 217, 0.16);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 240, 255, 0.96) 100%);
  box-shadow: 0 14px 40px rgba(109, 40, 217, 0.08);
}

@media (min-width: 820px) {
  body.page-learn-how-it-works .egg-begin-starter-course__card {
    grid-template-columns: minmax(0, 1fr) minmax(9rem, 13rem);
  }
}

body.page-learn-how-it-works .egg-begin-starter-course__copy {
  display: grid;
  gap: 0.85rem;
}

body.page-learn-how-it-works .egg-begin-starter-course__eyebrow {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(109, 40, 217, 0.82);
}

body.page-learn-how-it-works .egg-begin-starter-course__title {
  margin: 0;
}

body.page-learn-how-it-works .egg-begin-starter-course__lede {
  margin: 0;
  font-size: clamp(1.02rem, 2.1vw, 1.15rem);
  line-height: 1.5;
  color: rgba(15, 23, 42, 0.88);
}

body.page-learn-how-it-works .egg-begin-starter-course__highlights {
  margin: 0;
  padding-left: 1.15rem;
  display: grid;
  gap: 0.35rem;
  font-size: 0.98rem;
  line-height: 1.45;
  color: rgba(15, 23, 42, 0.82);
}

body.page-learn-how-it-works .egg-begin-starter-course__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 0.35rem;
}

body.page-learn-how-it-works .egg-begin-starter-course__figure {
  margin: 0;
  justify-self: center;
  text-align: center;
}

body.page-learn-how-it-works .egg-begin-starter-course__figure img {
  width: min(100%, 13rem);
  height: auto;
  display: block;
  margin-inline: auto;
  filter: drop-shadow(0 10px 24px rgba(109, 40, 217, 0.14));
}