/* Broader product positioning and consolidated copy, Codex preview only. */
.codex-copy-preview .hero-quote h1::before,
.codex-copy-preview .hero-quote h1::after { content: none; }

.codex-copy-preview .hero-formulator {
  margin: 16px 0 0;
  font: 400 15px/1.5 var(--sans);
  color: white;
}

.codex-copy-preview .hero-review-lines small {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  font-weight: 400;
}

/* Without autoplay (including reduced motion), excerpts can be scrolled by hand. */
.codex-copy-preview .hero-review-lines {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.codex-copy-preview .hero-review-lines li {
  flex: 0 0 100%;
  min-width: 0;
  scroll-snap-align: start;
}
.codex-copy-preview .hero-captions.is-sequenced .hero-review-lines {
  display: grid;
  overflow: visible;
}
.codex-copy-preview .hero-review-lines .review-excerpt-context {
  margin-top: 3px;
  font-size: 12px;
}

.codex-copy-preview .benefit-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 36px 64px;
  margin: 0;
}

.codex-copy-preview #for .band-head { margin-bottom: 40px; }
.codex-copy-preview .benefit-list > div { border-top: 1px solid var(--line); padding-top: 24px; }
.codex-copy-preview .benefit-list dt {
  display: flex;
  align-items: center;
  gap: 16px;
  font: 500 24px/1.3 var(--serif);
  margin-bottom: 12px;
}
.codex-copy-preview .benefit-list dt svg { width: 32px; height: 32px; flex: none; color: var(--forest); }
.codex-copy-preview .benefit-list dd { margin: 0 0 0 48px; max-width: 46ch; color: var(--ink-2); }
.codex-copy-preview .benefit-list blockquote { margin: 0; }
.codex-copy-preview .benefit-list blockquote p { font: 400 17px/1.6 var(--sans); margin: 0 0 8px; }
.codex-copy-preview .benefit-list cite { font: 400 13px/1.5 var(--sans); color: var(--ink-2); }
.codex-copy-preview .inside-product img { max-width: 280px; width: 100%; height: auto; }
.codex-copy-preview .why-media { display: block; }
.codex-copy-preview .why-media .math-figure { max-width: 640px; margin-inline: auto; }
.codex-copy-preview .mid-cta:has(> .btn:only-child) { justify-content: center; }
.codex-copy-preview .mid-cta { border-top: 0; padding-top: 0; }
.codex-copy-preview #formula { --line: rgba(255,255,255,.18); }
.codex-copy-preview #formula .ins-name { color: var(--on-forest); }
.codex-copy-preview #formula .ins-spec { color: var(--on-forest-3); }
.codex-copy-preview #formula .ins-benefit { color: var(--on-forest-2); }
.codex-copy-preview #formula .ins-carrier { background: rgba(255,255,255,.06); }
.codex-copy-preview .routine-start { max-width: 720px; margin: 0 auto 32px; display: flex; gap: 20px; align-items: baseline; }
.codex-copy-preview .routine-start > span { flex: none; font-size: 13px; font-weight: 600; letter-spacing: .1em; color: var(--gold-ink); }
.codex-copy-preview .routine-start p { margin: 0; color: var(--ink-2); }
.codex-copy-preview .routine-quote { margin: 24px 0 0; padding: 0 0 0 20px; border-left: 2px solid var(--gold-ink); }
.codex-copy-preview .timeline .routine-quote p { font: 500 20px/1.5 var(--serif); color: var(--ink); }
.codex-copy-preview .routine-quote cite { display: block; margin-top: 12px; font: 400 13px/1.5 var(--sans); color: var(--ink-2); }
.codex-copy-preview .tl-answer .routine-quote { border-color: var(--gold-on-dark); }
.codex-copy-preview .timeline .tl-answer .routine-quote p { color: var(--on-forest); }
.codex-copy-preview .tl-answer .routine-quote cite { color: var(--on-forest-2); }
.codex-copy-preview .routine-close { max-width: 660px; margin: 40px auto 0; text-align: center; }
.codex-copy-preview .routine-close-title { font: 500 30px/1.25 var(--serif); margin-bottom: 16px; }
.codex-copy-preview .routine-close > p:not(.routine-close-title) { color: var(--ink-2); }
.codex-copy-preview .routine-close .routine-context { font-size: 13px; }
.codex-copy-preview .routine-close .btn { margin-top: 12px; }
@media (max-width: 640px) {
  .codex-copy-preview .routine-90 .tl-mark { font-size: 10px; letter-spacing: .06em; padding-inline: 9px; }
  .codex-copy-preview .routine-start { display: block; }
  .codex-copy-preview .routine-start p { margin-top: 8px; }
  .codex-copy-preview .timeline .routine-quote { padding-left: 12px; }
  .codex-copy-preview .timeline .routine-quote p { font-size: 18px; }
  .codex-copy-preview .routine-close .btn { width: 100%; }
}
.codex-copy-preview #all-reviews .rcard-photo .review-context {
  font: 400 13px/1.4 var(--sans);
  color: var(--ink-2);
  margin: 8px 0 0;
}

@media (max-width: 760px) {
  .codex-copy-preview .hero-formulator { margin-top: 12px; color: var(--ink-2); }
  .codex-copy-preview .benefit-list { grid-template-columns: 1fr; gap: 24px; }
  .codex-copy-preview .benefit-list dt { font-size: 22px; gap: 12px; }
  .codex-copy-preview .benefit-list dd { margin-left: 44px; }
  .codex-copy-preview .inside-product img { max-width: 210px; }
  .codex-copy-preview .hero-captions.is-sequenced .hero-review-lines { min-height: 78px; }
}