.social-journey-card,
#social-journey-view,
#social-journey-onboarding {
  --sj-ink: #101010;
  --sj-deep: #0b0b0b;
  --sj-panel: #171717;
  --sj-panel-soft: #202020;
  --sj-cream: var(--pbb-luxe-cream, #f8f7f2);
  --sj-paper: #fffaf0;
  --sj-gold: var(--pbb-luxe-gold, #d8b25e);
  --sj-gold-light: var(--pbb-luxe-gold-light, #f5d98a);
  --sj-muted: #c8c0b0;
  --sj-border: rgba(245, 217, 138, .2);
  box-sizing: border-box;
}

.social-journey-card * { box-sizing: border-box; }
.social-journey-card {
  display: none;
  margin: 0 25px 14px;
  border: 1px solid var(--sj-border);
  border-radius: 22px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  color: var(--sj-cream);
  -webkit-text-fill-color: var(--sj-cream);
  background:
    radial-gradient(circle at 88% 12%, rgba(245, 217, 138, .18) 0 54px, transparent 55px),
    linear-gradient(145deg, #202020 0%, #101010 68%, #080808 100%);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
}
.social-journey-card::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  right: -68px;
  bottom: -80px;
  border: 1px solid rgba(245, 217, 138, .18);
  border-radius: 50%;
}
.social-journey-card__inner { min-height: 198px; padding: 19px 20px 17px; position: relative; }
.social-journey-card__week-art {
  position: absolute;
  right: 19px;
  top: 16px;
  width: 58px;
  height: 66px;
  border: 1px solid rgba(245, 217, 138, .32);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(216, 178, 94, .08);
}
.social-journey-card__week-art span { color: var(--sj-gold-light); -webkit-text-fill-color: var(--sj-gold-light); font-size: .46rem; font-weight: 950; letter-spacing: .14em; }
.social-journey-card__week-art strong { margin-top: 1px; color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); font: 800 1.55rem/1 Georgia, serif; }
.social-journey-card__eyebrow { max-width: calc(100% - 72px); color: var(--sj-gold-light); -webkit-text-fill-color: var(--sj-gold-light); font-size: .64rem; font-weight: 950; letter-spacing: .11em; text-transform: uppercase; }
.social-journey-card__title { max-width: calc(100% - 72px); margin-top: 7px; font: 800 1.18rem/1.16 Georgia, serif; }
.social-journey-card__copy { margin-top: 5px; max-width: 78%; color: var(--sj-muted); -webkit-text-fill-color: var(--sj-muted); font-size: .76rem; line-height: 1.42; font-weight: 700; }
.social-journey-card__row { margin-top: 17px; display: flex; align-items: center; gap: 10px; }
.social-journey-card__progress { flex: 1; height: 6px; border-radius: 999px; overflow: hidden; background: rgba(248, 247, 242, .13); }
.social-journey-card__progress > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--sj-gold), var(--sj-gold-light)); }
.social-journey-card__count { color: var(--sj-gold-light); -webkit-text-fill-color: var(--sj-gold-light); font-size: .71rem; font-weight: 950; }
.social-journey-card__cta { margin-top: 13px; display: flex; justify-content: space-between; align-items: center; color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); font-size: .75rem; font-weight: 950; }
.social-journey-card__cta span { color: var(--sj-gold-light); -webkit-text-fill-color: var(--sj-gold-light); font-size: 1.05rem; }

#social-journey-view {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10035;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  background: #fbf7ed;
  color: var(--sj-ink);
  -webkit-text-fill-color: var(--sj-ink);
}
#social-journey-view.is-open { display: flex; }
.social-journey-header {
  flex: 0 0 auto;
  position: sticky;
  top: 0;
  z-index: 3;
  padding: calc(15px + env(safe-area-inset-top, 0px)) 20px 14px;
  text-align: center;
  background: rgba(251, 247, 237, .96);
  border-bottom: 1px solid rgba(183, 138, 46, .24);
  backdrop-filter: blur(14px);
}
.social-journey-header__title { margin: 0; color: var(--sj-ink); -webkit-text-fill-color: var(--sj-ink); font: 800 1.14rem/1.2 Georgia, serif; }
.social-journey-header__week { margin-top: 3px; color: var(--sj-gold); -webkit-text-fill-color: var(--sj-gold); font-size: .65rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.social-journey-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 17px 18px calc(32px + env(safe-area-inset-bottom, 0px)); background: linear-gradient(155deg, #fffdf8 0%, #f5ead2 100%); }

.social-journey-hero,
.social-journey-lesson {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--sj-border);
  border-radius: 25px;
  padding: 23px 21px;
  color: var(--sj-cream);
  -webkit-text-fill-color: var(--sj-cream);
  background: linear-gradient(145deg, #24211b 0%, #151515 57%, #0e0e0e 100%);
  box-shadow: 0 17px 38px rgba(0, 0, 0, .24);
}
.social-journey-hero::after,
.social-journey-lesson::after { content: ""; position: absolute; right: -55px; bottom: -75px; width: 175px; height: 175px; border: 1px solid rgba(245, 217, 138, .15); border-radius: 50%; }
.social-journey-hero__eyebrow,
.social-journey-lesson__eyebrow { color: var(--sj-gold-light); -webkit-text-fill-color: var(--sj-gold-light); font-size: .64rem; font-weight: 950; text-transform: uppercase; letter-spacing: .11em; }
.social-journey-hero h2,
.social-journey-lesson h2 { position: relative; margin: 8px 0 8px; max-width: 88%; color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); font: 800 1.62rem/1.08 Georgia, serif; }

/* Keep dark editorial-card display text readable even when dashboard theme
   heading rules load later and carry greater specificity on mobile. */
#social-journey-view .social-journey-hero h2,
#social-journey-view .social-journey-lesson h2,
#social-journey-view .social-journey-lesson__number strong {
  color: #f8f7f2 !important;
  -webkit-text-fill-color: #f8f7f2 !important;
  opacity: 1 !important;
}

.social-journey-card .social-journey-card__title {
  color: #f8f7f2 !important;
  -webkit-text-fill-color: #f8f7f2 !important;
  opacity: 1 !important;
}

html.pbb-unified-next-steps #social-journey-card,
html.pbb-unified-next-steps #daily-weigh-in-card,
html.pbb-unified-next-steps #daily-weigh-in-done-card,
html.pbb-unified-next-steps #weekly-progress-photo-card,
html.pbb-unified-next-steps #weekly-progress-photo-done-card,
html.pbb-unified-next-steps #weekly-progress-photo-uploading-card,
html.pbb-unified-next-steps #fitness-diary-card,
html.pbb-unified-next-steps #fitness-diary-done-card,
html.pbb-unified-next-steps #daily-quiz-card,
html.pbb-unified-next-steps #daily-quiz-done-card,
html.pbb-unified-next-steps #check-in-prompt-card,
html.pbb-unified-next-steps #check-in-completed-card,
html.pbb-unified-next-steps #weekly-checkin-card,
html.pbb-unified-next-steps #fitbit-imported-activity-card { display: none !important; }
html.pbb-unified-next-steps .pbb-next-step-active-source { display: block !important; }
html.pbb-unified-next-steps #view-dashboard .pbb-next-step-active-source { display: block !important; }

/* Weekly Goals and Your Plan live inside this legacy character wrapper. Keep
   the wrapper transparent so the Home canvas follows the active app theme. */
html.pbb-unified-next-steps #view-dashboard .dashboard-welcome {
  background: transparent !important;
}
html[data-pbb-theme="light"].pbb-unified-next-steps #view-dashboard .dashboard-welcome {
  color: #151515;
}
html[data-pbb-theme="dark"].pbb-unified-next-steps #view-dashboard .dashboard-welcome {
  color: #f8f7f2;
}

html.pbb-unified-next-steps #weekly-goals-card.weekly-goals-home-card {
  margin: 10px 25px 14px !important;
}

#weekly-goals-card.weekly-goals-home-card {
  color: #f8f7f2;
  -webkit-text-fill-color: #f8f7f2;
  background:
    radial-gradient(circle at 88% 14%, rgba(216,178,94,.2) 0 38px, transparent 39px),
    radial-gradient(circle at 17% 92%, rgba(255,255,255,.05) 0 44px, transparent 45px),
    linear-gradient(145deg,#202020 0%,#101010 68%,#080808 100%);
  border: 1px solid rgba(245,217,138,.2);
  box-shadow: 0 18px 42px rgba(0,0,0,.28);
}
#weekly-goals-card .weekly-goals-home-card__loading,
#weekly-goals-card .weekly-goals-home-card__title { color:#f8f7f2; -webkit-text-fill-color:#f8f7f2; }
#weekly-goals-card .weekly-goals-home-card__eyebrow { color:#f5d98a; -webkit-text-fill-color:#f5d98a; }
#weekly-goals-card .weekly-goals-home-card__copy,
#weekly-goals-card .weekly-goal-progress-card__helper { color:#c8c0b0; -webkit-text-fill-color:#c8c0b0; }
#weekly-goals-card .weekly-goals-home-card__orb { background:#d8b25e; box-shadow:0 0 30px rgba(216,178,94,.3); }
#weekly-goals-card .weekly-goals-home-card__orb-cutout { background:#151515; }
#weekly-goals-card .weekly-goals-home-card__ring { border:1px solid rgba(245,217,138,.18); }
#weekly-goals-card .weekly-goals-home-card__count-badge { color:#f5d98a; -webkit-text-fill-color:#f5d98a; background:rgba(216,178,94,.1); border:1px solid rgba(245,217,138,.22); box-shadow:0 10px 24px rgba(0,0,0,.22); }
#weekly-goals-card .weekly-goals-home-card__button { border:1px solid rgba(245,217,138,.34); background:linear-gradient(135deg,#d8b25e,#f5d98a); color:#101010; -webkit-text-fill-color:#101010; box-shadow:0 10px 22px rgba(0,0,0,.2); }
#weekly-goals-card .weekly-goals-home-card__chip { background:rgba(216,178,94,.1); border:1px solid rgba(245,217,138,.2); color:#f5d98a; -webkit-text-fill-color:#f5d98a; }
#weekly-goals-card .weekly-goals-home-card__reward { background:rgba(216,178,94,.1); border:1px solid rgba(245,217,138,.22); color:#f5d98a; -webkit-text-fill-color:#f5d98a; }
#weekly-goals-card .weekly-goals-home-card__arc { background:#202020; border:1px solid rgba(245,217,138,.14); color:#ddd5c6; -webkit-text-fill-color:#ddd5c6; }
#weekly-goals-card .weekly-goal-progress-card { border:1px solid rgba(245,217,138,.14); background:#202020; box-shadow:0 8px 18px rgba(0,0,0,.2); }
#weekly-goals-card .weekly-goal-progress-card__title,
#weekly-goals-card .weekly-goal-progress-card__value { color:#f8f7f2; -webkit-text-fill-color:#f8f7f2; }
#weekly-goals-card .weekly-goal-progress-card__value.is-complete { color:#34d399; -webkit-text-fill-color:#34d399; }
#weekly-goals-card .weekly-goal-progress-card__track { background:#343434; }

html[data-pbb-theme="light"] #weekly-goals-card.weekly-goals-home-card {
  color:#181713;
  -webkit-text-fill-color:#181713;
  background:
    radial-gradient(circle at 88% 14%, rgba(216,178,94,.18) 0 38px, transparent 39px),
    radial-gradient(circle at 17% 92%, rgba(183,138,46,.07) 0 44px, transparent 45px),
    linear-gradient(135deg,#fffaf0 0%,#fffdf8 54%,#f3ead6 100%);
  border-color:rgba(167,125,43,.3);
  box-shadow:0 14px 34px rgba(60,43,16,.12);
}
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goals-home-card__loading,
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goals-home-card__title { color:#181713; -webkit-text-fill-color:#181713; }
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goals-home-card__eyebrow { color:#765410; -webkit-text-fill-color:#765410; }
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goals-home-card__copy,
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goal-progress-card__helper { color:#6b6255; -webkit-text-fill-color:#6b6255; }
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goals-home-card__orb-cutout { background:#fffaf0; }
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goals-home-card__ring { border-color:rgba(140,101,26,.18); }
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goals-home-card__count-badge { color:#765410; -webkit-text-fill-color:#765410; background:rgba(216,178,94,.15); border-color:rgba(140,101,26,.24); box-shadow:0 8px 20px rgba(68,48,17,.08); }
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goals-home-card__button { border-color:rgba(140,101,26,.34); background:linear-gradient(135deg,#d8b25e,#f5d98a); color:#151515; -webkit-text-fill-color:#151515; box-shadow:0 8px 18px rgba(68,48,17,.14); }
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goals-home-card__chip { background:rgba(216,178,94,.13); border-color:rgba(140,101,26,.2); color:#66470d; -webkit-text-fill-color:#66470d; }
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goals-home-card__reward { background:#f3e5c6; border-color:rgba(140,101,26,.2); color:#5f430c; -webkit-text-fill-color:#5f430c; }
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goals-home-card__arc { background:rgba(255,253,248,.88); border-color:rgba(140,101,26,.16); color:#554a38; -webkit-text-fill-color:#554a38; }
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goal-progress-card { border-color:rgba(140,101,26,.14); background:#fff; box-shadow:0 8px 18px rgba(68,48,17,.07); }
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goal-progress-card__title { color:#181713; -webkit-text-fill-color:#181713; }
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goal-progress-card__value { color:#334155; -webkit-text-fill-color:#334155; }
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goal-progress-card__value.is-complete { color:#047857; -webkit-text-fill-color:#047857; }
html[data-pbb-theme="light"] #weekly-goals-card .weekly-goal-progress-card__track { background:#e2e8f0; }

html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan { margin: 0 25px 16px !important; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-steps-shell { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; animation: none; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-steps-shell::before { display: none; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-steps-head { padding: 13px 0 10px; border: 0; background: transparent; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-steps-kicker { color: #9a6b16; -webkit-text-fill-color: #9a6b16; font-size: .61rem; letter-spacing: .16em; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-steps-title { color: #181713; -webkit-text-fill-color: #181713; font: 800 1.38rem/1.12 Georgia, serif; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-steps-note { color: #756b5a; -webkit-text-fill-color: #756b5a; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-steps-list { gap: 13px; padding: 0; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-action { position: relative; isolation: isolate; overflow: hidden; min-height: 92px; border: 1px solid rgba(183,138,46,.22); border-radius: 23px; padding: 15px 14px; display: grid; grid-template-columns: 56px minmax(0,1fr) 34px; gap: 14px; background: linear-gradient(118deg,#fffaf0 0%,#fffdf8 54%,#fff 100%); box-shadow: 0 13px 31px rgba(68,48,17,.09), inset 0 1px 0 rgba(255,255,255,.95); }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-action::before { content: ""; position: absolute; z-index: -1; width: 145px; height: 145px; left: -52px; top: 50%; border-radius: 50%; background: var(--next-step-accent,#b78a2e); opacity: .09; transform: translateY(-50%); filter: blur(3px); }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-action::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(105deg,rgba(255,224,140,.2),transparent 42%); pointer-events: none; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-action:first-child { border-color: rgba(183,138,46,.42); box-shadow: 0 16px 36px rgba(154,107,22,.14), inset 0 1px 0 #fff; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-mark { width: 54px; height: 54px; align-self: center; border: 1px solid rgba(183,138,46,.19); border-radius: 17px; display: grid; place-items: center; background: rgba(255,250,235,.9); box-shadow: 0 8px 20px rgba(68,48,17,.07), inset 0 1px 0 #fff; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-mark::after { content: "\2726"; color: var(--next-step-accent,#b78a2e); -webkit-text-fill-color: var(--next-step-accent,#b78a2e); font-size: 1.45rem; line-height: 1; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="feed_intro"] .next-step-mark::after { content: "\1F44B"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="meal_plan_intro"] .next-step-mark::after { content: "\1F37D"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="shopping_list_intro"] .next-step-mark::after { content: "\1F6D2"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="nutrition_tracker_intro"] .next-step-mark::after { content: "\1F4F7"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="workout_week_intro"] .next-step-mark::after { content: "\1F4C5"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="coach_message_intro"] .next-step-mark::after { content: "\1F399"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="weekly_goals_intro"] .next-step-mark::after { content: "\2713"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="foundations_intro"] .next-step-mark::after { content: "\1F4D6"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="weekly_review"] .next-step-mark::after { content: "\1F4DD"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="connect_health"] .next-step-mark::after { content: "\2764"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="quiz"] .next-step-mark::after { content: "\1F4D6"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="workout"] .next-step-mark::after { content: "\1F3CB"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="daily_checkin"] .next-step-mark::after { content: "\2713"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="nutrition"] .next-step-mark::after,
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="first_meal"] .next-step-mark::after { content: "\1F957"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="hydration"] .next-step-mark::after { content: "\1F4A7"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="steps"] .next-step-mark::after { content: "\1F45F"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="weighin"] .next-step-mark::after { content: "\2696"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="sleep"] .next-step-mark::after { content: "\263E"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="progress_photo"] .next-step-mark::after { content: "\1F4F7"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="imported_activity"] .next-step-mark::after { content: "\2197"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="fitness_diary"] .next-step-mark::after { content: "\1F4CB"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan [data-next-step-id="community"] .next-step-mark::after { content: "\1F4AC"; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-copy { position: relative; align-self: center; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-action:first-child .next-step-copy::before { content: "UP NEXT"; display: block; margin-bottom: 4px; color: #9a6b16; -webkit-text-fill-color: #9a6b16; font-size: .54rem; line-height: 1; font-weight: 950; letter-spacing: .15em; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-copy strong { margin-bottom: 5px; color: #181713; -webkit-text-fill-color: #181713; font-size: .94rem; line-height: 1.2; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-copy span { color: #6b6255; -webkit-text-fill-color: #6b6255; font-size: .73rem; line-height: 1.36; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-cta { width: 32px; height: 32px; align-self: center; border: 1px solid rgba(183,138,46,.2); border-radius: 50%; display: grid; place-items: center; overflow: hidden; background: rgba(255,253,248,.88); color: transparent; -webkit-text-fill-color: transparent; font-size: 0; box-shadow: 0 5px 14px rgba(68,48,17,.06); }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-cta::after { content: "\203A"; color: #6f541d; -webkit-text-fill-color: #6f541d; font: 800 1.45rem/1 Georgia,serif; transform: translateY(-1px); }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-action.is-progress { grid-template-columns: 56px minmax(0,1fr); }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-action.is-progress .next-step-copy { padding-right: 4px; }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-progress-track { background: rgba(5,150,105,.15); }
html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-steps-complete { border: 1px solid rgba(183,138,46,.22); border-radius: 18px; background: #fffdf8; }

html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-steps-kicker { color:#f5d98a; -webkit-text-fill-color:#f5d98a; }
html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-steps-title { color:#f8f7f2; -webkit-text-fill-color:#f8f7f2; }
html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-steps-note { color:#c8c0b0; -webkit-text-fill-color:#c8c0b0; }
html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-action { border-color:rgba(245,217,138,.18); background:linear-gradient(118deg,#202020 0%,#171717 54%,#101010 100%); box-shadow:0 13px 31px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04); }
html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-action::after { background:linear-gradient(105deg,rgba(216,178,94,.12),transparent 42%); }
html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-action:first-child { border-color:rgba(245,217,138,.34); box-shadow:0 16px 36px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06); }
html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-mark { border-color:rgba(245,217,138,.2); background:#202020; box-shadow:0 8px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04); }
html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-copy strong { color:#f8f7f2; -webkit-text-fill-color:#f8f7f2; }
html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-copy span { color:#c8c0b0; -webkit-text-fill-color:#c8c0b0; }
html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-copy::before { color:#f5d98a; -webkit-text-fill-color:#f5d98a; }
html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-cta { border-color:rgba(245,217,138,.2); background:#202020; box-shadow:0 5px 14px rgba(0,0,0,.22); }
html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-cta::after { color:#f5d98a; -webkit-text-fill-color:#f5d98a; }
html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-steps-complete { border-color:rgba(245,217,138,.2); background:#171717; }
html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-steps-complete-copy strong { color:#f8f7f2; -webkit-text-fill-color:#f8f7f2; }
html[data-pbb-theme="dark"].pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-steps-complete-copy span { color:#c8c0b0; -webkit-text-fill-color:#c8c0b0; }
@media (max-width: 380px) {
  html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-action { grid-template-columns: 50px minmax(0,1fr) 30px; gap: 11px; padding: 13px 12px; }
  html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-action.is-progress { grid-template-columns: 50px minmax(0,1fr); }
  html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-mark { width: 48px; height: 48px; border-radius: 15px; }
  html.pbb-unified-next-steps #next-obvious-steps-card.is-unified-plan .next-step-cta { display: grid; width: 29px; height: 29px; }
}

.social-journey-section-heading-row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.social-journey-section-heading-row button { border:0; background:transparent; color:var(--sj-gold); -webkit-text-fill-color:var(--sj-gold); font-size:.7rem; font-weight:900; }
.social-journey-plan-list { display:grid; gap:9px; }
.social-journey-plan-action { width:100%; border:1px solid rgba(183,138,46,.24); border-radius:16px; padding:13px; background:#fffdf8; color:var(--sj-ink); -webkit-text-fill-color:var(--sj-ink); display:grid; grid-template-columns:7px minmax(0,1fr) auto; align-items:center; gap:11px; text-align:left; box-shadow:0 8px 22px rgba(68,48,17,.07); }
.social-journey-up-next .social-journey-plan-action { padding:16px 14px; border-color:rgba(183,138,46,.42); background:linear-gradient(135deg,#fff9e9,#fffdf8); box-shadow:0 13px 30px rgba(183,138,46,.15); }
.social-journey-plan-action__mark { align-self:stretch; border-radius:999px; background:var(--journey-action-accent,#b78a2e); }
.social-journey-plan-action strong { display:block; font-size:.88rem; line-height:1.22; }
.social-journey-plan-action small { display:block; margin-top:4px; color:#6b6255; -webkit-text-fill-color:#6b6255; font-size:.72rem; line-height:1.35; }
.social-journey-plan-action b { color:var(--journey-action-accent,#b78a2e); -webkit-text-fill-color:var(--journey-action-accent,#b78a2e); font-size:.67rem; white-space:nowrap; }
.social-journey-plan-action.is-progress { cursor:default; }
.social-journey-plan-progress { display:block; height:7px; margin-top:8px; border-radius:999px; background:rgba(5,150,105,.15); overflow:hidden; }
.social-journey-plan-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#10b981,#059669); }
.social-journey-weekly-focus { display:grid; gap:8px; padding:10px; border:1px solid rgba(183,138,46,.22); border-radius:18px; background:rgba(255,253,248,.82); }
.social-journey-weekly-focus__row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 11px; border-radius:12px; background:#fff; }
.social-journey-weekly-focus__row strong { display:block; font-size:.81rem; }
.social-journey-weekly-focus__row small { display:block; margin-top:3px; color:#6b6255; -webkit-text-fill-color:#6b6255; font-size:.68rem; }
.social-journey-weekly-focus__row b { color:var(--sj-gold); -webkit-text-fill-color:var(--sj-gold); font-size:.72rem; }
.social-journey-weekly-focus__row.is-complete { opacity:.68; }
.social-journey-hero p,
.social-journey-lesson p { position: relative; margin: 0; max-width: 90%; color: var(--sj-muted); -webkit-text-fill-color: var(--sj-muted); font-size: .83rem; line-height: 1.52; }
.social-journey-goals-hero__label { margin-top: 21px; color: var(--sj-gold); -webkit-text-fill-color: var(--sj-gold); font-size: .58rem; font-weight: 950; letter-spacing: .18em; }
.social-journey-lesson { padding-top: 116px; min-height: 330px; display: flex; flex-direction: column; justify-content: flex-end; }
.social-journey-lesson__number { position: absolute; top: 23px; left: 21px; width: 69px; height: 78px; border: 1px solid rgba(245, 217, 138, .35); border-radius: 18px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(216, 178, 94, .08); }
.social-journey-lesson__number span { color: var(--sj-gold-light); -webkit-text-fill-color: var(--sj-gold-light); font-size: .48rem; font-weight: 950; letter-spacing: .15em; }
.social-journey-lesson__number strong { margin-top: 2px; color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); font: 800 1.9rem/1 Georgia, serif; }
.social-journey-lesson h2 { color: #181713 !important; -webkit-text-fill-color: #181713 !important; opacity: 1 !important; }
.social-journey-lesson__number strong { color: #8a651c !important; -webkit-text-fill-color: #8a651c !important; opacity: 1 !important; }
.social-journey-week-dots { display: grid; grid-template-columns: repeat(12, 1fr); gap: 4px; margin-top: 18px; position: relative; }
.social-journey-week-dots span { height: 5px; border-radius: 999px; background: rgba(248, 247, 242, .13); }
.social-journey-week-dots span.done { background: var(--sj-gold); }

.social-journey-section,
.social-journey-learn-card { margin-top: 17px; }
.social-journey-section__heading { margin: 0 0 9px; color: var(--sj-muted); -webkit-text-fill-color: var(--sj-muted); font-size: .68rem; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.social-journey-learn-card { padding: 18px; border: 1px solid var(--sj-border); border-radius: 21px; background: var(--sj-panel); }
.social-journey-learn-points { display: grid; gap: 0; }
.social-journey-learn-points > div { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: start; padding: 13px 0; border-top: 1px solid rgba(248, 247, 242, .08); }
.social-journey-learn-points > div:first-child { border-top: 0; }
.social-journey-learn-points span { color: var(--sj-gold); -webkit-text-fill-color: var(--sj-gold); font: 800 .75rem/1.5 Georgia, serif; }
.social-journey-learn-points p { margin: 0; color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); font-size: .79rem; line-height: 1.48; font-weight: 750; }

.social-journey-task { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 11px; align-items: center; margin-top: 9px; padding: 13px; border: 1px solid rgba(248, 247, 242, .1); border-radius: 18px; background: var(--sj-panel); color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); box-shadow: 0 8px 22px rgba(0, 0, 0, .14); }
.social-journey-task__icon { width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; background: rgba(216, 178, 94, .12); font-size: 1.05rem; }
.social-journey-task__title { color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); font-size: .86rem; line-height: 1.22; font-weight: 950; }
.social-journey-task__hint { margin-top: 3px; color: var(--sj-muted); -webkit-text-fill-color: var(--sj-muted); font-size: .7rem; line-height: 1.35; font-weight: 700; }
.social-journey-task__value { color: var(--sj-gold-light); -webkit-text-fill-color: var(--sj-gold-light); font-size: .71rem; font-weight: 950; white-space: nowrap; }
.social-journey-task.is-complete { border-color: rgba(216, 178, 94, .42); background: #201c14; }
.social-journey-task.is-complete .social-journey-task__icon { background: var(--sj-gold); color: var(--sj-ink); -webkit-text-fill-color: var(--sj-ink); }
.social-journey-task__action { grid-column: 2 / -1; justify-self: start; border: 1px solid rgba(245, 217, 138, .18); border-radius: 999px; padding: 8px 12px; background: var(--sj-panel-soft); color: var(--sj-gold-light); -webkit-text-fill-color: var(--sj-gold-light); font-size: .69rem; font-weight: 950; cursor: pointer; }
.social-journey-task__action.is-check { background: var(--sj-gold); color: var(--sj-ink); -webkit-text-fill-color: var(--sj-ink); }
.social-journey-callout { margin-top: 14px; padding: 14px; border: 1px solid rgba(216, 178, 94, .32); border-radius: 17px; background: #211c13; color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); }
.social-journey-callout strong { display: block; font-size: .82rem; }
.social-journey-callout p { margin: 5px 0 0; color: var(--sj-muted); -webkit-text-fill-color: var(--sj-muted); font-size: .72rem; line-height: 1.45; }

.social-journey-button { width: 100%; min-height: 50px; border: 0; border-radius: 15px; padding: 12px 15px; background: linear-gradient(135deg, var(--sj-gold), var(--sj-gold-light)); color: var(--sj-ink); -webkit-text-fill-color: var(--sj-ink); font-size: .86rem; font-weight: 950; cursor: pointer; box-shadow: 0 11px 24px rgba(216, 178, 94, .18); }
.social-journey-button.secondary { background: var(--sj-panel); color: var(--sj-gold-light); -webkit-text-fill-color: var(--sj-gold-light); border: 1px solid var(--sj-border); box-shadow: none; }
.social-journey-button.danger { background: #281919; color: #f5b8b8; -webkit-text-fill-color: #f5b8b8; border: 1px solid rgba(245, 184, 184, .25); box-shadow: none; }
.social-journey-button + .social-journey-button { margin-top: 9px; }
.social-journey-button:disabled { opacity: .48; cursor: not-allowed; box-shadow: none; }
.social-journey-lesson-action,
.social-journey-finish { display: grid; gap: 8px; margin-top: 17px; }
.social-journey-text-button { width: 100%; min-height: 42px; border: 0; background: transparent; color: var(--sj-muted); -webkit-text-fill-color: var(--sj-muted); font-size: .75rem; font-weight: 850; cursor: pointer; }
.social-journey-pilot-controls { margin-top: 19px; padding: 14px; border: 1px dashed rgba(245, 217, 138, .24); border-radius: 18px; background: rgba(255, 255, 255, .025); }
.social-journey-pilot-controls h3 { margin: 0 0 5px; color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); font-size: .82rem; }
.social-journey-pilot-controls p { margin: 0 0 11px; color: var(--sj-muted); -webkit-text-fill-color: var(--sj-muted); font-size: .7rem; line-height: 1.45; }

#social-journey-onboarding { display: none; position: fixed; inset: 0; z-index: 10045; padding: calc(20px + env(safe-area-inset-top, 0px)) 18px calc(20px + env(safe-area-inset-bottom, 0px)); background: rgba(0, 0, 0, .78); backdrop-filter: blur(9px); align-items: center; justify-content: center; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
#social-journey-onboarding.is-open { display: flex; }
.social-journey-onboarding__sheet { width: 100%; max-width: 500px; max-height: 100%; overflow-y: auto; border: 1px solid var(--sj-border); border-radius: 25px; background: var(--sj-panel); color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); box-shadow: 0 28px 80px rgba(0, 0, 0, .5); }
.social-journey-onboarding__visual { min-height: 210px; padding: 25px 22px; background: linear-gradient(145deg, #24211b, #101010); color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; }
.social-journey-onboarding__visual::after { content: ""; position: absolute; right: -40px; top: -45px; width: 150px; height: 150px; border: 1px solid rgba(245, 217, 138, .18); border-radius: 50%; }
.social-journey-onboarding__step { position: relative; color: var(--sj-gold-light); -webkit-text-fill-color: var(--sj-gold-light); font-size: .64rem; font-weight: 950; letter-spacing: .11em; text-transform: uppercase; }
.social-journey-onboarding__visual h2 { position: relative; margin: 8px 0 6px; max-width: 90%; color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); font: 800 1.75rem/1.05 Georgia, serif; }
.social-journey-onboarding__visual p { position: relative; margin: 0; max-width: 92%; color: var(--sj-muted); -webkit-text-fill-color: var(--sj-muted); font-size: .83rem; line-height: 1.5; }
.social-journey-onboarding__body { padding: 19px 20px 21px; }
.social-journey-onboarding__body p { margin: 0 0 13px; color: var(--sj-muted); -webkit-text-fill-color: var(--sj-muted); font-size: .82rem; line-height: 1.5; }
.social-journey-instagram-select { width: 100%; min-height: 47px; border: 1px solid var(--sj-border); border-radius: 13px; padding: 10px 12px; background: var(--sj-panel-soft); color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); font-size: .82rem; font-weight: 800; }

.social-journey-planner { display: grid; gap: 16px; }
.social-journey-planner-field { display: grid; gap: 5px; }
.social-journey-planner-field > span { color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); font-size: .83rem; font-weight: 900; }
.social-journey-planner-field > small { color: var(--sj-muted); -webkit-text-fill-color: var(--sj-muted); font-size: .71rem; line-height: 1.4; }
.social-journey-planner-field input,
.social-journey-planner-field textarea { width: 100%; box-sizing: border-box; border: 1px solid var(--sj-border); border-radius: 13px; padding: 11px 12px; background: var(--sj-panel-soft); color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); caret-color: var(--sj-gold-light); font-family: inherit; font-size: .84rem; font-weight: 700; line-height: 1.45; outline: none; }
.social-journey-planner-field textarea { resize: vertical; min-height: 86px; }
.social-journey-planner-field input::placeholder,
.social-journey-planner-field textarea::placeholder { color: var(--sj-muted); -webkit-text-fill-color: var(--sj-muted); opacity: .72; }
.social-journey-planner-field input:focus,
.social-journey-planner-field textarea:focus { border-color: var(--sj-gold); box-shadow: 0 0 0 3px rgba(183, 138, 46, .16); }
.social-journey-plan-summary { display: grid; grid-template-columns: minmax(70px, .35fr) minmax(0, 1fr); gap: 8px 12px; margin-bottom: 12px; padding: 15px; border: 1px solid var(--sj-border); border-radius: 15px; background: var(--sj-panel-soft); }
.social-journey-plan-summary span { color: var(--sj-muted); -webkit-text-fill-color: var(--sj-muted); font-size: .68rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.social-journey-plan-summary strong { min-width: 0; color: var(--sj-cream); -webkit-text-fill-color: var(--sj-cream); font-size: .78rem; line-height: 1.45; overflow-wrap: anywhere; }
.social-journey-status { margin-top: 9px; color: var(--sj-muted); -webkit-text-fill-color: var(--sj-muted); font-size: .7rem; line-height: 1.4; }

html[data-pbb-theme="light"] .social-journey-card { color: var(--sj-ink); -webkit-text-fill-color: var(--sj-ink); background: radial-gradient(circle at 88% 12%, rgba(216, 178, 94, .18) 0 54px, transparent 55px), linear-gradient(145deg, var(--sj-paper), #f3ead6); border-color: rgba(167, 125, 43, .32); box-shadow: 0 14px 34px rgba(60, 43, 16, .12); }
html[data-pbb-theme="light"] .social-journey-card__week-art { border-color: rgba(140, 101, 26, .3); background: rgba(216, 178, 94, .15); }
html[data-pbb-theme="light"] .social-journey-card__week-art span,
html[data-pbb-theme="light"] .social-journey-card__eyebrow,
html[data-pbb-theme="light"] .social-journey-card__count,
html[data-pbb-theme="light"] .social-journey-card__cta span { color: #765410; -webkit-text-fill-color: #765410; }
html[data-pbb-theme="light"] .social-journey-card__week-art strong,
html[data-pbb-theme="light"] .social-journey-card__copy,
html[data-pbb-theme="light"] .social-journey-card__cta { color: var(--sj-ink); -webkit-text-fill-color: var(--sj-ink); }
html[data-pbb-theme="light"] .social-journey-card__progress { background: rgba(16, 16, 16, .12); }
html[data-pbb-theme="light"] #social-journey-view { background: var(--sj-cream); color: var(--sj-ink); -webkit-text-fill-color: var(--sj-ink); }
html[data-pbb-theme="light"] .social-journey-header { background: rgba(248, 247, 242, .96); border-bottom-color: rgba(98, 70, 18, .15); }
html[data-pbb-theme="light"] .social-journey-header__title { color: var(--sj-ink); -webkit-text-fill-color: var(--sj-ink); }
html[data-pbb-theme="light"] .social-journey-header__week { color: #765410; -webkit-text-fill-color: #765410; }
html[data-pbb-theme="light"] .social-journey-task,
html[data-pbb-theme="light"] .social-journey-learn-card { background: var(--sj-paper); border-color: rgba(140, 101, 26, .18); color: var(--sj-ink); -webkit-text-fill-color: var(--sj-ink); box-shadow: 0 8px 22px rgba(60, 43, 16, .06); }
html[data-pbb-theme="light"] .social-journey-task__title,
html[data-pbb-theme="light"] .social-journey-learn-points p,
html[data-pbb-theme="light"] .social-journey-pilot-controls h3 { color: var(--sj-ink); -webkit-text-fill-color: var(--sj-ink); }
html[data-pbb-theme="light"] .social-journey-task__hint,
html[data-pbb-theme="light"] .social-journey-section__heading,
html[data-pbb-theme="light"] .social-journey-pilot-controls p,
html[data-pbb-theme="light"] .social-journey-text-button { color: #6b6254; -webkit-text-fill-color: #6b6254; }
html[data-pbb-theme="light"] .social-journey-task__value,
html[data-pbb-theme="light"] .social-journey-learn-points span { color: #765410; -webkit-text-fill-color: #765410; }
html[data-pbb-theme="light"] .social-journey-task__action { background: #f3ead6; border-color: rgba(140, 101, 26, .22); color: #66470d; -webkit-text-fill-color: #66470d; }
html[data-pbb-theme="light"] .social-journey-task.is-complete { background: #f7eedc; }
html[data-pbb-theme="light"] .social-journey-callout { background: #f3e5c6; color: #32240a; -webkit-text-fill-color: #32240a; }
html[data-pbb-theme="light"] .social-journey-callout p { color: #62502d; -webkit-text-fill-color: #62502d; }
html[data-pbb-theme="light"] .social-journey-button.secondary { background: var(--sj-paper); color: #66470d; -webkit-text-fill-color: #66470d; border-color: rgba(140, 101, 26, .24); }
html[data-pbb-theme="light"] .social-journey-pilot-controls { background: rgba(255, 250, 240, .65); border-color: rgba(140, 101, 26, .24); }

@media (max-width: 380px) {
  .social-journey-card { margin-left: 17px; margin-right: 17px; }
  .social-journey-scroll { padding-left: 14px; padding-right: 14px; }
  .social-journey-task { grid-template-columns: 38px minmax(0, 1fr) auto; padding: 11px; gap: 9px; }
  .social-journey-task__icon { width: 38px; height: 38px; }
}

/* First-client journey: continue the cream-and-gold onboarding language. */
#social-journey-view.is-activation {
  --sj-cream: #fbfaf7;
  --sj-paper: #fffdf8;
  --sj-muted: #596273;
  background: radial-gradient(circle at 90% 12%, rgba(184,137,43,.14), transparent 28%), linear-gradient(154deg, #fbfaf7 0 58%, #f1e9da 58% 78%, #f8f5ee 78% 100%);
  color: #1a202c;
  -webkit-text-fill-color: #1a202c;
}
#social-journey-view.is-activation .social-journey-header { background: rgba(251,250,247,.94); border-bottom-color: rgba(154,105,25,.16); }
#social-journey-view.is-activation .social-journey-header__title { color:#1a202c; -webkit-text-fill-color:#1a202c; }
#social-journey-view.is-activation .social-journey-header__week { color:#8b5e17; -webkit-text-fill-color:#8b5e17; }
#social-journey-view.is-activation .social-journey-lesson,
#social-journey-view.is-activation .social-journey-hero,
#social-journey-view.is-activation .social-journey-welcome {
  border-color: rgba(154,105,25,.22);
  background: radial-gradient(circle at 94% 10%, rgba(216,178,94,.17), transparent 34%), rgba(255,253,248,.94);
  color:#1a202c;
  -webkit-text-fill-color:#1a202c;
  box-shadow: 0 18px 42px rgba(67,50,21,.1);
}
#social-journey-view.is-activation .social-journey-lesson h2,
#social-journey-view.is-activation .social-journey-hero h2,
#social-journey-view.is-activation .social-journey-welcome h2 { color:#1a202c !important; -webkit-text-fill-color:#1a202c !important; opacity:1 !important; }
#social-journey-view.is-activation .social-journey-lesson p,
#social-journey-view.is-activation .social-journey-hero p,
#social-journey-view.is-activation .social-journey-welcome p { color:#596273; -webkit-text-fill-color:#596273; }
#social-journey-view.is-activation .social-journey-lesson__eyebrow,
#social-journey-view.is-activation .social-journey-welcome__eyebrow { color:#8b5e17; -webkit-text-fill-color:#8b5e17; }
#social-journey-view.is-activation .social-journey-lesson__number { border-color:rgba(154,105,25,.3); background:rgba(216,178,94,.14); }
#social-journey-view.is-activation .social-journey-lesson__number strong { color:#1a202c !important; -webkit-text-fill-color:#1a202c !important; opacity:1 !important; }
#social-journey-view.is-activation .social-journey-learn-card,
#social-journey-view.is-activation .social-journey-task { border-color:rgba(154,105,25,.2); background:rgba(255,253,248,.88); color:#1a202c; -webkit-text-fill-color:#1a202c; box-shadow:0 9px 24px rgba(67,50,21,.07); }
#social-journey-view.is-activation .social-journey-learn-points p,
#social-journey-view.is-activation .social-journey-task__title { color:#1a202c; -webkit-text-fill-color:#1a202c; }
#social-journey-view.is-activation .social-journey-section__heading,
#social-journey-view.is-activation .social-journey-task__hint { color:#596273; -webkit-text-fill-color:#596273; }
#social-journey-view.is-activation .social-journey-task__action { background:#f1e9da; border-color:rgba(154,105,25,.24); color:#765410; -webkit-text-fill-color:#765410; }

.social-journey-welcome { position:relative; overflow:hidden; border:1px solid var(--sj-border); border-radius:25px; padding:27px 22px 23px; background:linear-gradient(145deg,#24211b,#101010); box-shadow:0 17px 38px rgba(0,0,0,.24); }
.social-journey-welcome__eyebrow { color:var(--sj-gold-light); -webkit-text-fill-color:var(--sj-gold-light); font-size:.63rem; font-weight:950; letter-spacing:.12em; }
.social-journey-welcome h2 { margin:10px 0 9px; color:var(--sj-cream); -webkit-text-fill-color:var(--sj-cream); font:800 1.72rem/1.08 Georgia,serif; }
.social-journey-welcome > p { margin:0; color:var(--sj-muted); -webkit-text-fill-color:var(--sj-muted); font-size:.84rem; line-height:1.55; }
.social-journey-welcome__audio { width:100%; margin-top:20px; accent-color:#b8892b; }
.social-journey-welcome__audio.is-unavailable { display:none; }
.social-journey-welcome__transcript { margin-top:18px; padding:16px; border:1px solid rgba(154,105,25,.24); border-radius:16px; background:rgba(216,178,94,.1); }
.social-journey-welcome__transcript strong { color:#8b5e17; -webkit-text-fill-color:#8b5e17; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }
.social-journey-welcome__transcript p { margin:7px 0 0; color:inherit; -webkit-text-fill-color:inherit; font-size:.78rem; line-height:1.5; }
/* Activation goals keep the editorial black card with readable cream type. */
#social-journey-view.is-activation .social-journey-goals-hero {
  color: #fffaf0;
  -webkit-text-fill-color: #fffaf0;
  background: radial-gradient(circle at 94% 10%, rgba(216,178,94,.15), transparent 34%), linear-gradient(145deg, #24211b 0%, #151515 57%, #0e0e0e 100%);
}
#social-journey-view.is-activation .social-journey-goals-hero h2 {
  color: #fffaf0;
  -webkit-text-fill-color: #fffaf0;
}
#social-journey-view.is-activation .social-journey-goals-hero p {
  color: #ded8cc;
  -webkit-text-fill-color: #ded8cc;
}
#social-journey-view.is-activation .social-journey-goals-hero__label,
#social-journey-view.is-activation .social-journey-goals-hero .social-journey-hero__eyebrow {
  color: #e7bf62;
  -webkit-text-fill-color: #e7bf62;
}

/* Guide the activation journey toward the first Foundations lesson. */
.balance-activation-lesson-target {
  position: relative;
  z-index: 1;
  border: 1px solid rgba(184, 137, 43, .72) !important;
  background: linear-gradient(135deg, #fffdf7, #f8edcf) !important;
  box-shadow: 0 0 0 0 rgba(216, 178, 94, .38), 0 8px 22px rgba(154, 105, 25, .15) !important;
  animation: balanceFirstLessonGlow 2.4s ease-in-out infinite;
}

@keyframes balanceFirstLessonGlow {
  0%, 100% {
    transform: translateY(0);
    box-shadow: 0 0 0 0 rgba(216, 178, 94, 0), 0 8px 22px rgba(154, 105, 25, .13);
  }
  50% {
    transform: translateY(-1px);
    box-shadow: 0 0 0 5px rgba(216, 178, 94, .2), 0 12px 30px rgba(154, 105, 25, .25);
  }
}

@media (prefers-reduced-motion: reduce) {
  .balance-activation-lesson-target {
    animation: none;
    box-shadow: 0 0 0 4px rgba(216, 178, 94, .18), 0 8px 22px rgba(154, 105, 25, .15) !important;
  }
}
