/* ==========================================================================
   Track Training System, round 5 · shared refinement of round-4 Opus B
   Loads after opus-b.css, before one faq-X.css. Hero, tour panel, first
   offer photograph, offer-card ombre and the closing ombre are untouched.
   Four changes: a tighter newspaper bio, a few paper-to-teal washes where
   one section hands off to the next, a stronger Thomas headline on B's
   orange rule, and a clean footer for the transparent logo master.
   No copy, order, link or control changes.
   ========================================================================== */

body#encore-theme.tts-round-two {
  --wash-teal: #E4EEEC;
  --wash-sage: #EDF2EE;
  --wash-warm: #F8EBDB;
}


/* Depth: transitional washes. Light, never wallpaper. -------------------- */

/* 5 -> 6. The essay and index start on the tour's cream and drift toward a
   pale teal paper that "The Best Coaches Do This" picks up and clears. */
#encore-theme #section-1637331684950 {
  background: linear-gradient(180deg, var(--cream) 0%, var(--cream) 34%, var(--wash-sage) 100%);
}

#encore-theme #section-1637331684949 {
  background: linear-gradient(180deg, var(--wash-sage) 0%, var(--paper) 48%, var(--paper) 100%);
  border-top-color: transparent;
}

/* 8. The Plan: the reader-wall teal settles into cream. */
#encore-theme #section-1637335107165 {
  background: linear-gradient(180deg, var(--wash-teal) 0%, #EFF0E8 24%, var(--cream) 56%, var(--cream) 100%);
}

/* 9. The story warms as it nears the start-line offer. */
#encore-theme #section-1637331684953 {
  background: linear-gradient(180deg, var(--paper) 0%, var(--paper) 52%, var(--wash-warm) 100%);
}

/* 11. Between two teal review bands: teal paper into warm paper. */
#encore-theme #section-1637331684955 {
  background: linear-gradient(168deg, var(--wash-teal) 0%, #F3F0E7 40%, #F9ECDC 100%);
}


/* 7. Thomas: B's orange rule, read as a headline. "Worth every cent" keeps
   its round-4 setting exactly. The review cards carry no top cap. ------- */
#encore-theme #block-1710278368810 h2 {
  font-size: clamp(30px, 3.3vw, 44px);
  line-height: 1.1;
  letter-spacing: -.024em;
  padding-top: 2px;
  padding-bottom: 4px;
}

#encore-theme #block-1710278368810 h2 strong { font-weight: 600; }

#encore-theme main :is(#block-1670266540853_0, #block-1670336796293_0) .senja-embed .sj-card {
  --box-shadow: 0 0 0 1px rgba(255, 255, 255, .5), 0 26px 50px -32px rgba(0, 0, 0, .65) !important;
}


/* 11. About Jay: the same newspaper float, set tighter. ------------------ */
#encore-theme #section-1637331684955 .sizer {
  padding-top: clamp(44px, 5vw, 68px);
  padding-bottom: clamp(36px, 4.4vw, 60px);
}

#encore-theme #block-1635534740791_0 h2 {
  margin: 0 0 18px;
  padding-bottom: 14px;
}

#encore-theme #block-1635534740791_0 .tts-bio-float .coach-portrait {
  width: 180px;
  margin: 4px 0 10px 28px;
}

#encore-theme #block-1635534740791_0 .coach-bio-copy p {
  line-height: 1.66;
  margin: 0 0 14px;
}

#encore-theme #block-1635534740791_0 .coach-bio-copy p:last-child { margin-bottom: 0; }

@media (max-width: 899px) {
  #encore-theme #block-1635534740791_0 .tts-bio-float .coach-portrait { width: 160px; margin-left: 22px; }
}

/* Phone: keep the float. A short column beside a small portrait, then the
   copy runs full width. Narrow screens stack a small portrait instead. */
@media (max-width: 599px) {
  #encore-theme #section-1637331684955 .sizer { padding-top: 40px; padding-bottom: 36px; }
  #encore-theme #block-1635534740791_0 h2 { margin-bottom: 16px; padding-bottom: 12px; }
  #encore-theme #block-1635534740791_0 .coach-bio-copy p {
    font-size: 16.5px;
    line-height: 1.6;
    hyphens: auto;
    -webkit-hyphens: auto;
  }
  #encore-theme #block-1635534740791_0 .tts-bio-float .coach-portrait {
    float: right;
    width: 124px;
    margin: 4px 0 8px 16px;
  }
  #encore-theme #block-1635534740791_0 .tts-bio-float .coach-portrait img { border-radius: 4px; }
}

@media (max-width: 359px) {
  #encore-theme #block-1635534740791_0 .tts-bio-float .coach-portrait {
    float: none;
    width: 112px;
    margin: 0 0 14px;
  }
}


/* Footer: the transparent logo master on the closing dark, no plate. ---- */
#encore-theme #section-footer .footer {
  background: #0E1A20;
  border-top: 1px solid rgba(247, 241, 230, .08);
}

#encore-theme #section-footer .footer__content { padding-top: 28px; padding-bottom: 28px; }

#encore-theme #section-footer .logo { display: inline-block; line-height: 0; }

#encore-theme #section-footer .logo__image {
  width: 150px;
  height: auto;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#encore-theme #section-footer .logo:focus-visible {
  outline: 3px solid var(--orange-3);
  outline-offset: 6px;
  border-radius: 2px;
}

/* October 28: Jay requested a short heading across the section. */
#encore-theme #block-1635627567459 h2 {max-width:none;width:100%;font-size:clamp(30px,3.4vw,46px)}

/* October 28: compact inventory title and balanced Plan introduction. */
#encore-theme #block-1635522650218_0 .tts-col-b {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
}
#encore-theme #block-1635522650218_0 .tts-col-b h2 {
  max-width: none;
  font-size: clamp(23px, 2.1vw, 30px);
  text-wrap: nowrap;
}
#encore-theme #block-1637335107165_0 h5 {
  max-width: 32ch;
  text-wrap: balance;
}
#encore-theme #block-1636462927785_1 p:first-of-type::first-letter {
  float: none;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  padding: 0;
}

/* Senja's wall and Kajabi block clipped the shadow into a hard ledge. */
#encore-theme :is(#block-1670014348090_0, #block-1670266540853_0, #block-1670336796293_0) > .block,
#encore-theme main .senja-embed .sj-card-wall {
  overflow: visible !important;
}
#encore-theme main .senja-embed .sj-card {
  --box-shadow: 0 8px 24px -12px rgba(0, 0, 0, .3) !important;
  box-shadow: 0 8px 24px -12px rgba(0, 0, 0, .3) !important;
}
#encore-theme main .senja-embed .sj-attachment-container {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px -12px rgba(22, 35, 42, .4);
}
#encore-theme main .senja-embed .sj-attachment-container img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: inherit;
}
@media (max-width: 899px) {
  #encore-theme #block-1635522650218_0 .tts-col-b {grid-template-columns: minmax(0, 1fr)}
}
@media (max-width: 399px) {
  #encore-theme #block-1635522650218_0 .tts-col-b h2 {font-size: 21px}
}