/*
 * Home mobile reference v3
 * Editorial mobile composition for the root homepage only.
 * Desktop and all other templates remain untouched.
 */
@media (max-width: 767px) {
  /* A controlled editorial column instead of edge-to-edge content. */
  html body#encore-theme main > #section-mm_home_hero .mm-shell,
  html body#encore-theme main > .mm-home-flow .mm-shell {
    width: min(calc(100% - 40px), 340px) !important;
    max-width: 340px !important;
  }

  /* Hero: quieter, lighter and easier to scan. */
  html body#encore-theme main > #section-mm_home_hero .mm-portal {
    min-height: 0 !important;
    padding: 54px 0 62px !important;
    background: #f2f5fb !important;
    color: #171b24 !important;
    border-bottom: 1px solid #dce2ed !important;
  }

  html body#encore-theme main > #section-mm_home_hero .mm-portal__eyebrow {
    margin: 0 0 22px !important;
    color: #405f9d !important;
    -webkit-text-fill-color: #405f9d !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    letter-spacing: .13em !important;
  }

  html body#encore-theme main > #section-mm_home_hero .mm-portal h1 {
    max-width: 325px !important;
    margin: 0 0 29px !important;
    color: #171b24 !important;
    -webkit-text-fill-color: #171b24 !important;
    font-family: "Libre Baskerville", Georgia, serif !important;
    font-size: clamp(24px, 6.7vw, 26px) !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    letter-spacing: -.01em !important;
    text-wrap: balance;
  }

  html body#encore-theme main > #section-mm_home_hero .mm-portal__lead {
    max-width: 315px !important;
    margin: 0 0 37px !important;
    color: #33405a !important;
    -webkit-text-fill-color: #33405a !important;
    font-size: 15.5px !important;
    font-weight: 500 !important;
    line-height: 1.68 !important;
  }

  html body#encore-theme main > #section-mm_home_hero .mm-portal__copy,
  html body#encore-theme main > #section-mm_home_hero .mm-portal__copy p {
    color: #555e70 !important;
    -webkit-text-fill-color: #555e70 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
  }

  html body#encore-theme main > #section-mm_home_hero .mm-portal__copy {
    max-width: 325px !important;
  }

  html body#encore-theme main > #section-mm_home_hero .mm-portal__copy p {
    margin: 0 0 23px !important;
  }

  html body#encore-theme main > #section-mm_home_hero .mm-portal__copy p:last-child {
    margin: 35px 0 0 !important;
    color: #243657 !important;
    -webkit-text-fill-color: #243657 !important;
    font-weight: 600 !important;
  }

  /* Shared rhythm for the homepage. */
  html body#encore-theme main > .mm-home-flow .mm-home-block {
    padding: 58px 0 64px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-label {
    margin: 0 0 19px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    letter-spacing: .12em !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-block h2,
  html body#encore-theme main > .mm-home-flow .mm-about-extra h2 {
    max-width: 315px !important;
    margin: 0 0 29px !important;
    font-family: "Libre Baskerville", Georgia, serif !important;
    font-size: clamp(20px, 5.7vw, 22px) !important;
    font-weight: 400 !important;
    line-height: 1.38 !important;
    letter-spacing: -.006em !important;
    text-wrap: balance;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-block p,
  html body#encore-theme main > .mm-home-flow .mm-about-extra p {
    max-width: 325px !important;
    margin: 0 0 23px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.78 !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-block__lead,
  html body#encore-theme main > .mm-home-flow .mm-home-block__lead p {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.72 !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-block__lead {
    margin-bottom: 20px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-actions {
    margin-top: 34px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-btn {
    min-height: 44px !important;
    padding: 11px 16px !important;
    font-size: 9.5px !important;
    letter-spacing: .07em !important;
  }

  /* Forms retain all Kajabi behavior; only their visual scale changes. */
  html body#encore-theme main > .mm-home-flow .mm-kajabi-form {
    margin-top: 34px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-kajabi-form form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-kajabi-form input,
  html body#encore-theme main > .mm-home-flow .mm-kajabi-form button {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-kajabi-form input {
    padding: 0 13px !important;
    font-size: 14px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-kajabi-form button {
    padding: 0 15px !important;
    font-size: 9.5px !important;
    letter-spacing: .065em !important;
  }

  /* Workshops: retain the section, reduce its visual weight. */
  html body#encore-theme main > .mm-home-flow #section-mm_home_workshops .mm-home-block {
    background: #f7f8fa !important;
  }

  /* Career mentoring: clearer hierarchy and calmer card. */
  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor37 {
    padding: 58px 0 64px !important;
  }

  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor37__grid {
    grid-template-columns: 1fr !important;
    gap: 46px !important;
  }

  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor37__eyebrow {
    margin-bottom: 19px !important;
    font-size: 9px !important;
    line-height: 1.55 !important;
  }

  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor37 h2 {
    max-width: 300px !important;
    margin-bottom: 29px !important;
    font-family: "Libre Baskerville", Georgia, serif !important;
    font-size: 23px !important;
    font-weight: 400 !important;
    line-height: 1.38 !important;
    letter-spacing: -.006em !important;
  }

  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor39__purpose,
  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor39__story {
    max-width: 320px !important;
    font-size: 14px !important;
    line-height: 1.78 !important;
  }

  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor39__purpose {
    margin-bottom: 21px !important;
    font-weight: 600 !important;
  }

  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor39__promise {
    max-width: 315px !important;
    margin-bottom: 29px !important;
    font-family: "Libre Baskerville", Georgia, serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
  }

  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor39__price {
    align-items: flex-end !important;
    flex-direction: row !important;
    gap: 18px !important;
    margin: 38px 0 31px !important;
    padding: 20px 0 !important;
  }

  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor39__price > span {
    font-size: 10px !important;
  }

  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor39__price strong {
    font-size: 25px !important;
  }

  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor39__price small {
    font-size: 12px !important;
  }

  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor37__more {
    gap: 9px !important;
    font-size: 12.5px !important;
  }

  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor37__waitlist {
    padding: 33px 22px 35px !important;
    background: #f5f7fa !important;
    border-top-width: 2px !important;
  }

  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor37__waitlist h3 {
    margin-bottom: 21px !important;
    font-family: "Libre Baskerville", Georgia, serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
  }

  html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor37__waitlist > p:not(.mm-mentor37__waitlist-kicker) {
    margin-bottom: 29px !important;
    font-size: 13.5px !important;
    line-height: 1.75 !important;
  }

  /* Masterclass: compact editorial panel. */
  html body#encore-theme main > .mm-home-flow #masterclass-9-reglas {
    padding: 58px 0 64px !important;
  }

  html body#encore-theme main > .mm-home-flow #masterclass-9-reglas h2 {
    max-width: 300px !important;
    margin-bottom: 29px !important;
    font-family: "Libre Baskerville", Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.38 !important;
    letter-spacing: -.006em !important;
  }

  html body#encore-theme main > .mm-home-flow #masterclass-9-reglas .mm-masterclass-copy {
    max-width: 325px !important;
    font-size: 14px !important;
    line-height: 1.78 !important;
  }

  html body#encore-theme main > .mm-home-flow #masterclass-9-reglas .mm-masterclass-meta {
    margin-top: 34px !important;
    padding: 9px 12px !important;
  }

  html body#encore-theme main > .mm-home-flow #masterclass-9-reglas .mm-masterclass-meta strong {
    font-size: 12px !important;
    font-weight: 600 !important;
  }

  /* Interviews and book: smaller media, more breathing room. */
  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-about-extra {
    padding: 58px 0 64px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-about-block--podcasts > p {
    margin-bottom: 34px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-podcast-grid--four {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 11px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-play {
    width: 34px !important;
    height: 34px !important;
    padding-left: 2px !important;
    font-size: 11px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-about-block--book {
    margin-top: 66px !important;
    padding-top: 58px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-book-preview {
    grid-template-columns: 1fr !important;
    gap: 37px !important;
    align-items: start !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-book-cover {
    width: 130px !important;
    max-width: 130px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-book-cover img {
    box-shadow: 0 12px 30px rgba(17, 18, 24, .1) !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-book-copy h2 {
    max-width: 270px !important;
    margin-bottom: 25px !important;
    font-family: "Libre Baskerville", Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.38 !important;
    letter-spacing: -.006em !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-book-copy h2 span {
    white-space: normal !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-book-proof {
    align-items: baseline !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin: 25px 0 16px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-book-proof strong {
    font-size: 25px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-book-proof span,
  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-book-copy .mm-book-publisher {
    font-size: 10.5px !important;
    line-height: 1.65 !important;
  }

  /* Preserve legibility on the dark final newsletter section. */
  html body#encore-theme main > .mm-home-flow .mm-home-block--email-again h2 {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-block--email-again p {
    color: rgba(255, 255, 255, .84) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .84) !important;
  }
}

@media (max-width: 359px) {
  html body#encore-theme main > #section-mm_home_hero .mm-shell,
  html body#encore-theme main > .mm-home-flow .mm-shell {
    width: calc(100% - 36px) !important;
  }

  html body#encore-theme main > #section-mm_home_hero .mm-portal h1 {
    font-size: 23px !important;
  }

  html body#encore-theme main > .mm-home-flow .mm-home-block h2,
  html body#encore-theme main > .mm-home-flow .mm-about-extra h2,
  html body#encore-theme main > .mm-home-flow #masterclass-9-reglas h2 {
    font-size: 20px !important;
  }
}

/* Homepage palette refinement. Paint only: existing content, layout and forms are preserved. */
html body#encore-theme main > .mm-home-flow {
  --mm-blue: #405b91;
  --mm-blue-deep: #243657;
  --mm-blue-soft: #edf2f8;
  --mm-line: #d7e0ec;
  --accent: #405b91;
  --accent-dark: #243657;
  --line: #d7e0ec;
  border-color: #405b91 !important;
}

/* The header and hero remain distinct at every existing breakpoint. */
html body#encore-theme:has(main > #section-mm_home_hero) .mm-header,
html body#encore-theme:has(main > #section-mm_home_hero) .mm-mobile {
  background-color: #405b91 !important;
}

html body#encore-theme main > #section-mm_home_hero .mm-portal {
  background-color: #edf2f8 !important;
  color: #171b24 !important;
  border-color: #d7e0ec !important;
}

html body#encore-theme main > #section-mm_home_hero .mm-portal__eyebrow {
  color: #405b91 !important;
  -webkit-text-fill-color: #405b91 !important;
}

html body#encore-theme main > #section-mm_home_hero .mm-portal h1 {
  color: #171b24 !important;
  -webkit-text-fill-color: #171b24 !important;
}

html body#encore-theme main > #section-mm_home_hero .mm-portal__lead,
html body#encore-theme main > #section-mm_home_hero .mm-portal__copy p:last-child {
  color: #243657 !important;
  -webkit-text-fill-color: #243657 !important;
}

html body#encore-theme main > #section-mm_home_hero .mm-portal__copy,
html body#encore-theme main > #section-mm_home_hero .mm-portal__copy p {
  color: #505766 !important;
  -webkit-text-fill-color: #505766 !important;
}

/* Blue, white and pale blue alternate without changing section boundaries. */
html body#encore-theme main > .mm-home-flow #mm-masterclass-intro {
  background-color: #405b91 !important;
}

html body#encore-theme main > .mm-home-flow #mm-masterclass-intro .mm-label,
html body#encore-theme main > .mm-home-flow #mm-masterclass-intro .mm-btn {
  color: #405b91 !important;
  -webkit-text-fill-color: #405b91 !important;
}

html body#encore-theme main > .mm-home-flow #mm-masterclass-intro .mm-btn:not(:disabled):hover {
  background-color: #edf2f8 !important;
  border-color: #edf2f8 !important;
}

html body#encore-theme main > .mm-home-flow #section-mm_home_workshops .mm-home-block {
  background-color: #ffffff !important;
}

html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor37 {
  --m37-ink: #171b24;
  --m37-text: #505766;
  --m37-muted: #596477;
  --m37-blue: #405b91;
  --m37-deep: #243657;
  --m37-line: #d7e0ec;
  --m37-tint: #ffffff;
  background-color: #edf2f8 !important;
}

html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .mm-mentor37__waitlist {
  background-color: #ffffff !important;
}

html body#encore-theme main > .mm-home-flow #section-mm_home_newsletter .mm-home-block {
  background-color: #ffffff !important;
}

html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-about-extra {
  background-color: #edf2f8 !important;
  border-color: #d7e0ec !important;
}

/* Full-width book background: border-image paints outside the existing box
   without changing widths, margins, padding, overflow or document flow. */
html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-about-block--book {
  background-color: #ffffff !important;
  border-color: #d7e0ec !important;
  border-image-source: linear-gradient(#ffffff, #ffffff);
  border-image-slice: 0 fill;
  border-image-width: 0;
  border-image-outset: 0 100vw 96px;
}

@media (max-width: 767px) {
  html body#encore-theme main > .mm-home-flow .mm-home-authority-inline .mm-about-block--book {
    border-image-outset: 0 100vw 64px;
  }
}

/* Field and supporting text keep readable contrast on their existing surfaces. */
html body#encore-theme main > .mm-home-flow .mm-kajabi-form input::placeholder,
html body#encore-theme main > .mm-home-flow .mm-kajabi-form textarea::placeholder {
  color: #596477 !important;
  -webkit-text-fill-color: #596477 !important;
  opacity: 1 !important;
}

html body#encore-theme main > .mm-home-flow .mm-kajabi-form input,
html body#encore-theme main > .mm-home-flow .mm-kajabi-form textarea,
html body#encore-theme main > .mm-home-flow .mm-kajabi-form select {
  color: #171b24 !important;
  -webkit-text-fill-color: #171b24 !important;
  border-color: #71819b !important;
}

html body#encore-theme main > .mm-home-flow .mm-kajabi-form input:focus,
html body#encore-theme main > .mm-home-flow .mm-kajabi-form textarea:focus,
html body#encore-theme main > .mm-home-flow .mm-kajabi-form select:focus {
  border-color: #405b91 !important;
  outline-color: #405b91 !important;
}

html body#encore-theme main > .mm-home-flow #mm-masterclass-intro .mm-kajabi-form input:focus,
html body#encore-theme main > .mm-home-flow #mm-masterclass-intro .mm-kajabi-form textarea:focus,
html body#encore-theme main > .mm-home-flow #mm-masterclass-intro .mm-kajabi-form select:focus {
  outline-color: #ffffff !important;
}

html body#encore-theme main > .mm-home-flow #section-mm_home_newsletter .form-group label,
html body#encore-theme main > .mm-home-flow #section-mm_home_career_mentoring .form-group label {
  color: #505766 !important;
  -webkit-text-fill-color: #505766 !important;
}

html body#encore-theme main > .mm-home-flow .mm-kajabi-form .parsley-errors-list {
  background-color: #fff1f2 !important;
  color: #8d2633 !important;
  -webkit-text-fill-color: #8d2633 !important;
}

/* A navy footer closes the same palette; email and legal text remain legible. */
html body#encore-theme:has(main > #section-mm_home_hero) .mm-footer {
  background-color: #243657 !important;
  color: #ffffff !important;
}

html body#encore-theme:has(main > #section-mm_home_hero) .mm-footer__bottom,
html body#encore-theme:has(main > #section-mm_home_hero) .mm-footer__email,
html body#encore-theme:has(main > #section-mm_home_hero) .mm-footer__links a,
html body#encore-theme:has(main > #section-mm_home_hero) .mm-footer__legal a {
  color: #e2e9f5 !important;
}

html body#encore-theme:has(main > #section-mm_home_hero) .mm-footer__brand:hover,
html body#encore-theme:has(main > #section-mm_home_hero) .mm-footer__brand:focus,
html body#encore-theme:has(main > #section-mm_home_hero) .mm-footer__email:hover,
html body#encore-theme:has(main > #section-mm_home_hero) .mm-footer__links a:hover,
html body#encore-theme:has(main > #section-mm_home_hero) .mm-footer__legal a:hover {
  color: #ffffff !important;
}

html body#encore-theme:has(main > #section-mm_home_hero) .mm-footer__bottom,
html body#encore-theme:has(main > #section-mm_home_hero) .mm-footer__legal,
html body#encore-theme:has(main > #section-mm_home_hero) .mm-footer__icon-link {
  border-color: #71819b !important;
}
