/* Chapter 1 colors over the unchanged Hero's Story type and layout system. */
:root, .self-esteem-page .starelai-root {
  --night: #060818;
  --indigo: #0a1a2a;
  --jade: #1a3545;
  --teal: #b0e8f0;
  --wine: #f0ebff;
  --magenta: #f5f0ff;
  --soft-pink: #f5f0ff;
  --ochre: #0e2535;
  --cream: #eef3ff;
  --cream-dim: #eef3ff;
  --cream-muted: rgba(160,210,225,0.7);
  --gold: #e8c87a;
  --gold-soft: rgba(232,200,122,0.45);
  --sage: #5aa0b4;
  --se-label: rgba(160,210,225,0.7);
  --se-reflection: #f0ebff;
  --se-quote: #f5f0ff;
  --se-star: #5aa0b4;
  --se-footer: #50788c;
  --se-overlay: linear-gradient(180deg,rgba(6,4,18,0.68),rgba(6,4,18,0.78));
  --se-background: linear-gradient(180deg,#060818 0%,#0a1a2a 16.67%,#0e2535 33.33%,#1a3545 50%,#0e2535 66.67%,#0a1a2a 83.33%,#060818 100%);
}
body.self-esteem-page { background: var(--se-background); color: #eef3ff; }
.self-esteem-page main { display: block; overflow-x: clip; }
.self-esteem-page .sl-shopnav { background: rgba(6,8,24,0.94); border-color: rgba(232,200,122,0.18); }
.self-esteem-page .sl-shopnav .sl-shopnav-logo { color: #e8c87a; }
.self-esteem-page .sl-shopnav-links a { color: #eef3ff; }
.self-esteem-page .sl-shopnav-links a:hover { color: #e8c87a; }
.self-esteem-page .sl-shopnav-burger span { background: #eef3ff; }

/* Only the section backgrounds and colors change, not their sizing or order. */
.self-esteem-page #main-content :is(.ph1,.ph2,.ph3,.rev,.ins,.sh-il,.rez,.sh-how,.qt,.toc,.faq) {
  background: transparent;
}
.self-esteem-page #main-content .ph1 {
  background: var(--se-overlay), url('https://storage.googleapis.com/starelai_marketing_assets/self-esteem2.png') center / cover;
}
.self-esteem-page #main-content .sh-how {
  background: var(--se-overlay), url('https://storage.googleapis.com/starelai_marketing_assets/self-esteem3.png') center / cover;
}
.self-esteem-page #main-content .sh-mq {
  background: linear-gradient(90deg,#0a1a2a,#1a3545,#0e2535);
}
.self-esteem-page #main-content .sh-mq-item { color: #b0e8f0; }
.self-esteem-page #main-content .sh-mq-glyph { color: #5aa0b4; }
.self-esteem-page #main-content .sh-mq-rule { background: rgba(90,160,180,0.3); }
.self-esteem-page #main-content :is(.ph2-bg,.ph3-bg,.ins-bg,.rev-bg,.faq-bg,.sh-il-bg,.qt-bg,.toc-bg) img {
  filter: none; opacity: 0.65;
}
.self-esteem-page #main-content :is(.ph2-scrim,.ph3-scrim,.ins-scrim,.faq-scrim,.rev-bg-veil,.sh-il-overlay) {
  background: var(--se-overlay);
}
.self-esteem-page #main-content .ph1-glow {
  background: radial-gradient(ellipse at 18% 30%,rgba(176,232,240,0.12),transparent 55%),radial-gradient(ellipse at 88% 80%,rgba(245,240,255,0.08),transparent 50%);
}
.self-esteem-page #main-content .ph1-grid {
  background-image: linear-gradient(rgba(90,160,180,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(90,160,180,0.035) 1px,transparent 1px);
}
.self-esteem-page #main-content :is(.ph1-h1,.ph1-sub,.ph1-body,.ph1-price,.ph1-trust-t,.ins-title,.ins-desc,.ph2-title,.ph2-body,.ph2-hh,.ph3-title,.ph3-sub,.sh-how-h2,.sh-how-t,.sh-how-b,.faq-title,.faq-q,.faq-a) {
  color: #eef3ff;
}
.self-esteem-page #main-content .ph1-hl-rainbow {
  color: #b0e8f0; -webkit-text-fill-color: #b0e8f0; text-shadow: none;
}
.self-esteem-page #main-content :is(.ph1-tc-title,.ph1-tc-price,.ph1-tc-editions) { color: #eef3ff; }
.self-esteem-page #main-content .ph1-tc-title .se-asset { color: #b0e8f0; display: inline; font-style: normal; }
.self-esteem-page #main-content .ph1-tc-title { font-style: normal; }
.self-esteem-page #main-content :is(.ph1-cap,.ph1-tc-editions,[class$="cta-cap"]) { color: var(--se-label); }
.self-esteem-page #main-content .ph1-trust { border-color: rgba(232,200,122,0.3); }
.self-esteem-page #main-content :is(.ph1-trust-g,.ph2-glyph,.ph3-stars,.ph2-stars,.ins-stars,.faq-stars) { color: #5aa0b4; }
.self-esteem-page #main-content :is(.ph3-stars,.ph2-stars,.ins-stars,.faq-stars) span { background: #5aa0b4; }
.self-esteem-page #main-content :is(.ph1-eye,.ph3-eye,.ins-eye,.sh-how-eye,.faq-eye),
.self-esteem-page .se-label {
  color: var(--se-label); font-size: 11px; letter-spacing: 3px; text-transform: uppercase;
}
.self-esteem-page .se-label { font-family: var(--f-ui); font-weight: 400; line-height: 1.7; display: inline-block; }
.self-esteem-page #main-content :is(.ph1-tc,.ins-desc,.sh-il-card,.faq-item,.toc-card) {
  background: var(--se-overlay); border-color: var(--gold-soft); border-radius: 12px;
}
.self-esteem-page #main-content .faq-item[open] { border-color: #e8c87a; }
.self-esteem-page #main-content .ph1-tc-iw::after { background: linear-gradient(to bottom,transparent 50%,rgba(10,26,42,0.5)); }
.self-esteem-page #main-content :is(.sh-il-q,.sh-il-sub) { color: var(--se-quote); }
.self-esteem-page #main-content .se-quote-credit { margin: 1.4rem 0 0; color: #e8c87a; }
.self-esteem-page #main-content .se-copy { max-width: 680px; margin: 2rem auto; color: #eef3ff; font: 300 1.08rem/1.7 var(--f-body); }
.self-esteem-page #main-content .se-copy p { margin: 0 0 1.4rem; }
.self-esteem-page #main-content .se-copy p:last-child { margin-bottom: 0; }
.self-esteem-page #main-content .sh-il-card :is(path,line) { stroke: #5aa0b4; }
.self-esteem-page #main-content .rez-blob { background: #5aa0b4; }
.self-esteem-page #main-content .rez-veil { background: var(--se-overlay); }
.self-esteem-page #main-content .rez { background: linear-gradient(160deg,#0a1a2a,#1a3545); }
.self-esteem-page #main-content .ph3-viewer-wrap {
  border-color: var(--gold-soft); background: rgba(6,8,24,0.5); box-shadow: 0 30px 80px rgba(6,8,24,0.7);
}
.self-esteem-page #main-content .ph3-viewer-wrap::after { border-color: rgba(232,200,122,0.25); }
.self-esteem-page #main-content .ph3-viewer { background: #060818; }
.self-esteem-page #main-content .ph3-cap a { color: #e8c87a; text-underline-offset: 4px; }
.self-esteem-page .se-sample-note { margin-top: 1.8rem; }
.self-esteem-page #main-content .se-asset { display: block; color: #b0e8f0; font-style: italic; text-align: center; }

/* The review card gradients, fonts, borders, timing and widths are untouched.
   Only the surrounding dark edge masks match the new page background. */
.self-esteem-page #section-pdp_reviews .rev-rows::before { background: linear-gradient(to right,#0a1a2a,rgba(10,26,42,0)); }
.self-esteem-page #section-pdp_reviews .rev-rows::after { background: linear-gradient(to left,#0a1a2a,rgba(10,26,42,0)); }

/* Extra supplied placements fit the existing centered reading column. */
.se-placements { margin: 3rem auto; text-align: left; }
.se-subhead { font-family: var(--f-sub); font-size: 1.35rem; font-weight: 700; font-style: italic; color: #b0e8f0; }
.se-placements ol { list-style: none; padding: 0; margin: 0; }
.se-placements li { display: flex; flex-direction: column; gap: 0.35rem; padding: 1.25rem 0; border-bottom: 1px solid rgba(90,160,180,0.3); }
.se-placements li strong { font-family: var(--f-sub); font-size: 1.25rem; font-weight: 700; color: #e8c87a; }
.se-placements li span { font-size: 1.06rem; font-weight: 300; line-height: 1.7; }
.self-esteem-page #main-content .se-six-steps { row-gap: 4rem; }
.self-esteem-page #main-content .sh-how-num { color: #e8c87a; background: #060818; border-color: var(--gold-soft); }
.self-esteem-page #main-content .sh-how-orbit { border-color: rgba(232,200,122,0.25); }
.self-esteem-page #main-content .sh-how-grid::before { background: repeating-linear-gradient(to right,rgba(232,200,122,0.4) 0,rgba(232,200,122,0.4) 6px,transparent 6px,transparent 14px); }

.self-esteem-page footer { background: #060818 !important; color: #50788c !important; border-color: rgba(232,200,122,0.15) !important; }

/* Longer CTA labels retain the original square pink button treatment. */
.self-esteem-page .btn-buy { max-width: 100%; text-align: center; }
.self-esteem-page :is(a,button,summary):focus-visible { outline: 3px solid #b0e8f0; outline-offset: 5px; }
.se-skip-link { position: absolute; top: -100px; left: 1rem; padding: 1rem; z-index: 10002; background: #060818; color: #eef3ff; }
.se-skip-link:focus { position: fixed; top: 0.5rem; }
@media (max-width: 720px) {
  .self-esteem-page .sl-shopnav-links { background: rgba(6,8,24,0.98); }
}
@media (max-width: 560px) {
  .self-esteem-page .btn-buy { padding-left: 1.35rem; padding-right: 1.35rem; letter-spacing: 0.14em; }
  .self-esteem-page #main-content .ph1-cta-wrap { align-items: stretch; }
  .self-esteem-page #main-content .ph1-cta { width: 100%; }
}

/* Word-level rainbow accents for the opening statement. */
.self-esteem-page #section-pdp_marquee_top .se-rainbow-pink { color: #ffb5d8; }
.self-esteem-page #section-pdp_marquee_top .se-rainbow-aqua { color: #b0e8f0; }
.self-esteem-page #section-pdp_marquee_top .se-rainbow-gold { color: #ffe29a; }
.self-esteem-page #section-pdp_marquee_top .se-rainbow-lilac { color: #d6bdff; }

/* Single-line product title scales with its reading column. */
.self-esteem-page #main-content .ph1-copy { container-type: inline-size; }
.self-esteem-page #main-content .ph1-eye {
  font-family: var(--f-sub);
  font-size: clamp(0.75rem, 4.3cqi, 1.5rem);
  white-space: nowrap;
  font-weight: 700;
  font-style: italic;
  line-height: 1.14;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 1.5rem;
  color: #b0e8f0;
}