/* Person detail page — tokens from global.css; extends autodesk.css patterns */

/* ─── Page background — match index.html .main ───────────────────────────── */
.main {
  background: var(--neutral-800);
}
[data-theme="light"] .main {
  background: var(--color-cream);
}

/* ─── Page scaffold ──────────────────────────────────────────────────────── */

.person-detail-page {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
}

.person-detail-panels {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  padding-left: 36px;
}

/* ─── Panel icon ────────────────────────────────────────────────────────── */

.person-detail-panel-icon {
  color: var(--color-purple-soft);
  flex-shrink: 0;
}

/* ─── Intelligence Report panel body padding override ───────────────────── */

.acct-detail-panel-body.person-detail-prose,
.person-detail-panels .acct-detail-panel-body {
  padding: 32px 32px 48px;
}

/* ─── Intelligence Report prose ──────────────────────────────────────────── */

.person-detail-prose {
  color: var(--neutral-200);
  font-size: 16px;
  line-height: 1.7;
}

.person-detail-prose h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--neutral-50);
  line-height: 1.35;
  margin: 20px 0 6px;
}

.person-detail-prose h3:first-child {
  margin-top: 0;
}

.person-detail-prose p {
  color: var(--neutral-200);
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
}

.person-detail-prose p + p {
  margin-top: 8px;
}

.person-detail-prose ul {
  margin: 6px 0 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  list-style: disc;
}

.person-detail-prose li {
  color: var(--neutral-200);
  font-size: 16px;
  line-height: 1.6;
  padding-left: 2px;
}

.person-detail-insights {
  --insight-strip-frame: color-mix(in srgb, var(--neutral-700) 55%, var(--neutral-600) 45%);
  background: var(--inset-panel-gradient);
  border: 1px solid var(--insight-strip-frame);
  border-radius: 8px;
  padding: 24px;
  margin-top: 20px;
}

.person-detail-insights h3 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
}

.person-detail-insights ul {
  margin: 0;
  list-style: disc;
  padding-left: 18px;
}

.person-detail-insights li::marker {
  color: var(--color-purple);
}

.person-detail-divider {
  border: none;
  border-top: 1px solid var(--insight-strip-frame);
  width: calc(100% + 48px);
  margin: 24px -24px;
  max-width: none;
}

.person-detail-prose strong {
  color: var(--neutral-50);
  font-weight: 600;
}

.person-detail-prose a svg {
  display: inline;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.person-detail-insights a svg {
  width: 14px;
  height: 14px;
}

[data-theme="light"] .person-detail-insights a svg {
  color: #845CFF;
}

.person-detail-prose a {
  color: var(--color-purple-soft);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: color-mix(in srgb, var(--color-purple-soft) 35%, transparent);
  transition: color 0.15s ease;
}

.person-detail-prose a:hover {
  color: var(--color-purple-mist);
}

[data-theme="light"] .person-detail-prose a {
  color: var(--color-purple);
}

[data-theme="light"] .person-detail-prose a:hover {
  color: var(--color-purple-depth);
}

.person-detail-prose blockquote {
  background: color-mix(in srgb, var(--color-purple) 8%, transparent);
  border-left: 2px solid color-mix(in srgb, var(--color-purple) 45%, transparent);
  border-radius: 8px;
  padding: 10px 16px;
  margin: 0 0 16px;
}

.person-detail-prose blockquote p {
  color: var(--neutral-300);
  font-size: 16px;
  margin: 0;
}

[data-theme="light"] .person-detail-prose blockquote {
  background: color-mix(in srgb, var(--color-purple-wash) 40%, transparent);
  border-left-color: color-mix(in srgb, var(--color-purple) 50%, transparent);
}

/* ═══════════════════════════════════════════════════════════════════════════
   WARM / LIGHT VISUAL LANGUAGE — dark defaults + light overrides
   Scoped to .person-detail-page so autodesk.html is unaffected.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Back link */
.person-detail-page .acct-detail-back {
  padding-left: 24px;
  padding-right: 24px;
}

.person-detail-page .acct-detail-back-link { color: var(--neutral-400); }
.person-detail-page .acct-detail-back-link:hover { color: var(--neutral-200); }
[data-theme="light"] .person-detail-page .acct-detail-back-link { color: #737373; }
[data-theme="light"] .person-detail-page .acct-detail-back-link:hover { color: #404040; }

/* ─── Ghost button ───────────────────────────────────────────────────────── */
.person-detail-page .btn--ghost {
  color: var(--neutral-50);
  border-color: rgba(255, 255, 255, 0.2);
}
.person-detail-page .btn--ghost:hover {
  border-color: rgba(255, 255, 255, 0.4);
}
[data-theme="light"] .person-detail-page .btn--ghost {
  color: #171717;
  border-color: rgba(60, 40, 20, 0.3);
}
[data-theme="light"] .person-detail-page .btn--ghost:hover {
  border-color: rgba(60, 40, 20, 0.6);
}
[data-theme="light"] .person-detail-page .btn--ghost img {
  filter: brightness(0);
}

/* ─── Person header inside intel-report-wrap ─────────────────────────────── */
.person-detail-page .news-v2-company-row {
  gap: 32px;
}

.person-detail-page .intel-report-wrap > .news-v2-company-row {
  padding-bottom: 18px;
  margin-bottom: 0;
}

/* ─── Remove timeline spine, dots, and connectors ────────────────────────── */
.person-detail-page .news-v2-timeline-track {
  padding-left: 0;
}
.person-detail-page .news-v2-timeline-track::before,
.person-detail-page .news-v2-rail-step::before,
.person-detail-page .news-v2-rail-step::after {
  display: none;
}
.person-detail-page .intel-report-wrap > .news-v2-company-row > .account-logo-link,
.person-detail-page .intel-report-wrap > .news-v2-company-row > div.account-logo-link {
  margin-left: 0;
}

/* ─── Transparent card wrapper — no bg, no shadow ────────────────────────── */
/* Also override events.css hardcoded light vars so text is readable on dark bg */
.person-detail-page .card--news-v2-timeline {
  --news-v2-ink: var(--neutral-50);
  --news-v2-body: var(--neutral-300);
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.person-detail-page .card--news-v2-timeline:hover {
  background: transparent;
  box-shadow: none;
}
.person-detail-page .card--news-v2-timeline .news-v2-timeline-track {
  overflow: visible;
}
.person-detail-page .card--news-v2-timeline .news-v2-time {
  color: var(--neutral-400);
}
/* events.css sets #262626 on hover — invisible against #171717 dark bg */
.person-detail-page .card--news-v2-timeline .news-v2-company-name:hover {
  color: var(--neutral-50);
}

[data-theme="light"] .person-detail-page .card--news-v2-timeline {
  --news-v2-ink: #171717;
  --news-v2-body: #404040;
}
[data-theme="light"] .person-detail-page .card--news-v2-timeline .news-v2-time {
  color: #737373;
}

/* ─── Insight blocks — dark mode ─────────────────────────────────────────── */
.person-detail-page .jobs-insight.jobs-insight--solid-purple {
  background: var(--neutral-800);
  border: none;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.07);
  border-radius: 16px;
  transition: box-shadow 240ms ease-out;
}
.person-detail-page .jobs-insight.jobs-insight--solid-purple:hover {
  background: var(--neutral-surface-hover);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28), 0 1px 4px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.10);
}
.person-detail-page .intel-report-track .jobs-insight.jobs-insight--solid-purple .jobs-insight-heading {
  font-size: 18px;
  font-weight: 600;
  color: var(--neutral-50);
  margin-bottom: 12px;
}
.person-detail-page .intel-report-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  box-sizing: border-box;
  /* Match index timeline .news-v2-timeline-job-entity .job-entity-avatar (dark) */
  background-color: var(--neutral-surface-hover);
  border: 3px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.07);
  /* currentColor → SVG strokes; dark glyph on warm gradient in dark theme */
  color: #171717;
}
.person-detail-page .intel-report-icon svg,
.person-detail-page .intel-report-icon img {
  width: 20px;
  height: 20px;
  display: block;
}
[data-theme="light"] .person-detail-page .intel-report-icon img {
  filter: brightness(0) invert(1);
}
.person-detail-page .intel-report-track .person-detail-prose ul {
  list-style: none;
  padding-left: 0;
}
.person-detail-page .intel-report-track .person-detail-prose a svg {
  color: var(--neutral-400);
}
.person-detail-page .intel-report-track .person-detail-prose li,
.person-detail-page .intel-report-track .person-detail-prose p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--neutral-300);
  padding-bottom: 10px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
}
.person-detail-page .intel-report-track .person-detail-prose li:last-child,
.person-detail-page .intel-report-track .person-detail-prose p:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

/* Person Deep Research CTA (no-data state) */
.person-detail-page .person-deep-research-cta .jobs-insight-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--neutral-300);
}
.person-deep-research-cta__body {
  display: flex;
  align-items: center;
  gap: 24px;
}
.person-deep-research-cta__main {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
}
.person-deep-research-cta__actions {
  margin-top: 16px;
}
.person-deep-research-cta__preview {
  flex-shrink: 0;
  display: flex;
  width: 208px;
  flex-direction: column;
  border-radius: 8px;
  border: none;
  background: linear-gradient(
    160deg,
    color-mix(in srgb, var(--neutral-800) 72%, var(--color-purple-depth) 28%) 0%,
    color-mix(in srgb, var(--neutral-900) 82%, var(--color-purple-night) 18%) 100%
  );
  padding: 12px;
}
.person-deep-research-cta__preview-label {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--color-purple-soft);
}
.person-deep-research-cta__preview-label span {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}
.person-deep-research-cta__preview-label svg {
  flex-shrink: 0;
}
.person-deep-research-cta__preview-sections {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.person-deep-research-cta__preview-section {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.person-deep-research-cta__preview-heading {
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: color-mix(in srgb, var(--color-purple-mist) 35%, var(--neutral-400) 65%);
}
.person-deep-research-cta__preview-lines {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.person-deep-research-cta__preview-line {
  display: block;
  height: 3px;
  border-radius: 99px;
  background: color-mix(in srgb, var(--color-purple-mist) 32%, var(--neutral-700) 68%);
  width: 100%;
}
.person-deep-research-cta__preview-line--w78 { width: 78%; }
.person-deep-research-cta__preview-line--w60 { width: 60%; }
.person-deep-research-cta__preview-line--w85 { width: 85%; }

[data-theme="light"] .person-detail-page .person-deep-research-cta .jobs-insight-text {
  color: #525252;
}
[data-theme="light"] .person-deep-research-cta__preview {
  background: linear-gradient(
    160deg,
    #ffffff 0%,
    color-mix(in srgb, var(--color-cream) 62%, var(--color-purple-wash) 38%) 100%
  );
}
[data-theme="light"] .person-deep-research-cta__preview-heading {
  color: color-mix(in srgb, var(--color-purple) 28%, #737373 72%);
}
[data-theme="light"] .person-deep-research-cta__preview-line {
  background: color-mix(in srgb, var(--color-purple-wash) 72%, rgba(60, 40, 20, 0.08) 28%);
}

/* ─── Insight blocks — light mode ───────────────────────────────────────── */
[data-theme="light"] .person-detail-page .jobs-insight.jobs-insight--solid-purple {
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(60, 40, 20, 0.08);
}
[data-theme="light"] .person-detail-page .jobs-insight.jobs-insight--solid-purple:hover {
  box-shadow: 0 8px 20px rgba(60, 40, 20, 0.045), 0 1px 4px rgba(60, 40, 20, 0.025), 0 0 0 1px rgba(60, 40, 20, 0.08);
}
[data-theme="light"] .person-detail-page .intel-report-track .jobs-insight.jobs-insight--solid-purple .jobs-insight-heading { color: #171717; }
[data-theme="light"] .person-detail-page .intel-report-track .person-detail-prose a svg { color: #525252; }
[data-theme="light"] .person-detail-page .intel-report-track .person-detail-prose li,
[data-theme="light"] .person-detail-page .intel-report-track .person-detail-prose p {
  color: #525252;
  border-bottom: 1px dashed rgba(60, 40, 20, 0.15);
}
[data-theme="light"] .person-detail-page .intel-report-icon {
  color: #ffffff;
  /* Match index timeline .news-v2-timeline-job-entity .job-entity-avatar (light) */
  background-color: var(--color-cream);
  border: 3px solid var(--color-cream-light);
  box-shadow: 0 0 0 1px rgba(60, 40, 20, 0.1);
}

/* Person header — dark mode */
.person-detail-page .acct-detail-header {
  background: linear-gradient(160deg, var(--neutral-700) 0%, var(--neutral-800) 100%);
  border: none;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.07), 0 2px 16px rgba(0, 0, 0, 0.2);
}
.person-detail-page .acct-detail-title { color: var(--neutral-50); }
.person-detail-page .acct-detail-subtitle { color: var(--neutral-400); }
.person-detail-page .person-detail-panel-icon { color: var(--color-purple-soft); }

/* Hero avatar — ring matches people table .people-avatar-wrap; dark initials on warm gradient (dark theme) */
.person-detail-hero-avatar {
  border: 2px solid var(--neutral-600);
  box-shadow: none;
  color: #171717;
}
[data-theme="light"] .person-detail-hero-avatar {
  border: 2px solid var(--color-cream-light);
  box-shadow: 0 0 0 1px rgba(60, 40, 20, 0.1);
  color: #ffffff;
}

/* Person header — light mode */
[data-theme="light"] .person-detail-page .acct-detail-header {
  background: linear-gradient(160deg, #ffffff 0%, var(--color-cream) 100%);
  box-shadow: 0 0 0 1px rgba(60, 40, 20, 0.08), 0 2px 16px rgba(60, 40, 20, 0.05);
}
[data-theme="light"] .person-detail-page .acct-detail-title { color: #171717; }
[data-theme="light"] .person-detail-page .acct-detail-subtitle { color: #737373; }
[data-theme="light"] .person-detail-page .person-detail-panel-icon { color: var(--color-purple); }

/* Panels — dark mode */
.person-detail-panels .acct-detail-panel {
  background: linear-gradient(160deg, var(--neutral-700) 0%, var(--neutral-800) 100%);
  border: none;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.07), 0 2px 16px rgba(0, 0, 0, 0.15);
}
.person-detail-panels .acct-detail-panel-header {
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.person-detail-panels .acct-detail-panel-body { border-top-color: rgba(255, 255, 255, 0.07); }
.person-detail-panels .acct-detail-panel-title { color: var(--neutral-50); }

/* Panels — light mode */
[data-theme="light"] .person-detail-panels .acct-detail-panel {
  background: linear-gradient(160deg, #ffffff 0%, var(--color-cream) 100%);
  box-shadow: 0 0 0 1px rgba(60, 40, 20, 0.08), 0 2px 16px rgba(60, 40, 20, 0.04);
}
[data-theme="light"] .person-detail-panels .acct-detail-panel-header {
  background: rgba(60, 40, 20, 0.025);
  border-bottom: 1px solid rgba(60, 40, 20, 0.07);
}
[data-theme="light"] .person-detail-panels .acct-detail-panel-body { border-top-color: rgba(60, 40, 20, 0.07); }
[data-theme="light"] .person-detail-panels .acct-detail-panel-title { color: #171717; }

/* Pill badge in panel header */
.person-detail-panels .accounts-pill-events {
  color: var(--color-purple-soft);
  background: color-mix(in srgb, var(--color-purple) 12%, transparent);
  border-color: color-mix(in srgb, var(--color-purple) 35%, transparent);
}
[data-theme="light"] .person-detail-panels .accounts-pill-events {
  color: var(--color-purple);
  background: color-mix(in srgb, var(--color-purple) 10%, transparent);
  border-color: color-mix(in srgb, var(--color-purple) 28%, transparent);
}

/* ─── Intelligence Report wrapper — dark mode (shadow matches timeline cards) ─ */
.intel-report-wrap {
  background: linear-gradient(160deg, var(--neutral-700) 0%, var(--neutral-800) 100%);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.07);
  transition: box-shadow 240ms ease-out;
  border-radius: 16px;
  padding: 20px 24px 0;
  position: relative;
  overflow: visible;
}
.intel-report-wrap:hover {
  background: linear-gradient(160deg, var(--neutral-surface-raise) 0%, var(--neutral-800) 100%);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 1px 4px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.10);
}
.intel-report-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-image: url('../assets/images/diagonal-pattern.svg');
  background-repeat: repeat;
  -webkit-mask-image: linear-gradient(115deg, transparent 25%, black);
  mask-image: linear-gradient(115deg, transparent 25%, black);
  pointer-events: none;
  z-index: 0;
  opacity: 0.12;
}
.intel-report-wrap > * {
  position: relative;
  z-index: 1;
}

/* ─── Intelligence Report wrapper — light mode ───────────────────────────── */
[data-theme="light"] .intel-report-wrap {
  background: linear-gradient(160deg, #ffffff 0%, var(--color-cream) 100%);
  box-shadow: 0 0 0 1px rgba(60, 40, 20, 0.08);
}
[data-theme="light"] .intel-report-wrap:hover {
  background: linear-gradient(160deg, #ffffff 0%, var(--color-cream-light) 40%, var(--color-cream) 100%);
  box-shadow: 0 8px 20px rgba(60, 40, 20, 0.045), 0 1px 4px rgba(60, 40, 20, 0.025), 0 0 0 1px rgba(60, 40, 20, 0.08);
}
[data-theme="light"] .intel-report-wrap::after {
  opacity: 1;
}

/* ─── Intelligence Report header bar ─────────────────────────────────────── */
.intel-report-header {
  --intel-report-header-line: repeating-linear-gradient(
    to right,
    rgba(255, 255, 255, 0.15) 0,
    rgba(255, 255, 255, 0.15) 4px,
    transparent 4px,
    transparent 9px
  );
  margin: 0 -24px;
  padding: 16px 24px;
  background-image: var(--intel-report-header-line), var(--intel-report-header-line);
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom left;
  background-size: 100% 1px, 100% 1px;
}
[data-theme="light"] .intel-report-header {
  --intel-report-header-line: repeating-linear-gradient(
    to right,
    rgba(60, 40, 20, 0.22) 0,
    rgba(60, 40, 20, 0.22) 4px,
    transparent 4px,
    transparent 9px
  );
}

.intel-report-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--neutral-50);
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.intel-report-title svg {
  color: #9a7e62;
  flex-shrink: 0;
}
[data-theme="light"] .intel-report-title { color: #171717; }

/* Recent Events — inside same intel-report-wrap, after insight track */
.person-detail-page .intel-report-track + .intel-report-header {
  padding-top: 16px;
}

.person-detail-page .intel-report-wrap > .acct-detail-events.person-detail-recent-events {
  margin: 0 -24px;
  padding-bottom: 28px;
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.15) 0,
    rgba(255, 255, 255, 0.15) 4px,
    transparent 4px,
    transparent 9px
  );
  background-size: 1px 100%;
  background-position: 34px 0;
  background-repeat: no-repeat;
}

[data-theme="light"] .person-detail-page .intel-report-wrap > .acct-detail-events.person-detail-recent-events {
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(60, 40, 20, 0.28) 0,
    rgba(60, 40, 20, 0.28) 4px,
    transparent 4px,
    transparent 9px
  );
}

.person-detail-page .intel-report-track:has(+ .intel-report-header) {
  --intel-report-track-end-gap: 32px;
  padding-bottom: var(--intel-report-track-end-gap);
}

.person-detail-page .intel-report-track:has(+ .intel-report-header) > .news-v2-rail-step:last-child {
  margin-bottom: 0;
}

/* Top dashed divider when track follows person header (no-data deep research) */
.person-detail-page .intel-report-wrap > .news-v2-company-row + .intel-report-track {
  --intel-report-section-line: repeating-linear-gradient(
    to right,
    rgba(255, 255, 255, 0.15) 0,
    rgba(255, 255, 255, 0.15) 4px,
    transparent 4px,
    transparent 9px
  );
  margin: 0 -24px;
  padding-left: 68px;
  padding-right: 24px;
  background-image:
    var(--intel-report-section-line),
    repeating-linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.15) 0,
      rgba(255, 255, 255, 0.15) 4px,
      transparent 4px,
      transparent 9px
    );
  background-repeat: no-repeat, no-repeat;
  background-position: top left, 39px 0;
  background-size: 100% 1px, 1px 100%;
}
.person-detail-page .intel-report-wrap > .news-v2-company-row + .intel-report-track.news-v2-timeline-track::before {
  left: 39px;
}
[data-theme="light"] .person-detail-page .intel-report-wrap > .news-v2-company-row + .intel-report-track {
  --intel-report-section-line: repeating-linear-gradient(
    to right,
    rgba(60, 40, 20, 0.22) 0,
    rgba(60, 40, 20, 0.22) 4px,
    transparent 4px,
    transparent 9px
  );
  background-image:
    var(--intel-report-section-line),
    repeating-linear-gradient(
      to bottom,
      rgba(60, 40, 20, 0.28) 0,
      rgba(60, 40, 20, 0.28) 4px,
      transparent 4px,
      transparent 9px
    );
}

/* ─── Intelligence Report inner timeline — dark mode ────────────────────── */
.person-detail-page .intel-report-track {
  --news-v2-rail-line: rgba(255, 255, 255, 0.15);
  --news-v2-spine-from-type-gap: 0;
  --news-v2-spine-into-card-bottom: 0;
  padding-left: 44px;
  padding-top: 16px;
  padding-bottom: 24px;
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.15) 0,
    rgba(255, 255, 255, 0.15) 4px,
    transparent 4px,
    transparent 9px
  );
  background-size: 1px 100%;
  background-position: 15px 0;
  background-repeat: no-repeat;
}
.person-detail-page .intel-report-track.news-v2-timeline-track::before {
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  width: 1px;
  background: repeating-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.15) 0,
    rgba(255, 255, 255, 0.15) 4px,
    transparent 4px,
    transparent 9px
  );
  pointer-events: none;
  z-index: 0;
}

.person-detail-page .intel-report-track .news-v2-rail-step::before,
.person-detail-page .intel-report-track .news-v2-rail-step::after {
  display: block;
}
/* Colored dots per section — dark mode */
.person-detail-page .intel-report-track .news-v2-rail-step:nth-child(1)::before {
  background: var(--color-peach);
  box-shadow: 0 0 0 2px var(--neutral-800);
}
.person-detail-page .intel-report-track .news-v2-rail-step:nth-child(2)::before {
  background: var(--color-violet);
  box-shadow: 0 0 0 2px var(--neutral-800);
}
.person-detail-page .intel-report-track .news-v2-rail-step:nth-child(3)::before {
  background: var(--color-mint);
  box-shadow: 0 0 0 2px var(--neutral-800);
}
.person-detail-page .intel-report-track:has(.person-deep-research-cta) .news-v2-rail-step::before {
  background: var(--color-violet);
  box-shadow: 0 0 0 2px var(--neutral-800);
}

/* ─── Intelligence Report inner timeline — light mode ───────────────────── */
[data-theme="light"] .person-detail-page .intel-report-track {
  --news-v2-rail-line: rgba(60, 40, 20, 0.22);
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(60, 40, 20, 0.28) 0,
    rgba(60, 40, 20, 0.28) 4px,
    transparent 4px,
    transparent 9px
  );
}
[data-theme="light"] .person-detail-page .intel-report-track.news-v2-timeline-track::before {
  background: repeating-linear-gradient(
    to bottom,
    rgba(60, 40, 20, 0.22) 0,
    rgba(60, 40, 20, 0.22) 4px,
    transparent 4px,
    transparent 9px
  );
}
[data-theme="light"] .person-detail-page .intel-report-track .news-v2-rail-step:nth-child(1)::before {
  background: var(--color-peach);
  box-shadow: 0 0 0 2px var(--color-cream);
}
[data-theme="light"] .person-detail-page .intel-report-track .news-v2-rail-step:nth-child(2)::before {
  background: var(--color-violet);
  box-shadow: 0 0 0 2px var(--color-cream);
}
[data-theme="light"] .person-detail-page .intel-report-track .news-v2-rail-step:nth-child(3)::before {
  background: var(--color-mint);
  box-shadow: 0 0 0 2px var(--color-cream);
}
[data-theme="light"] .person-detail-page .intel-report-track:has(.person-deep-research-cta) .news-v2-rail-step::before {
  background: var(--color-violet);
  box-shadow: 0 0 0 2px var(--color-cream);
}

/* Prose body — light mode overrides (dark defaults already in top section) */
[data-theme="light"] .person-detail-prose { color: #404040; }
[data-theme="light"] .person-detail-prose h3 { color: #171717; }
[data-theme="light"] .person-detail-prose p { color: #404040; }
[data-theme="light"] .person-detail-prose li { color: #404040; }
[data-theme="light"] .person-detail-prose strong { color: #171717; }
[data-theme="light"] .person-detail-prose a { color: var(--color-purple); }
[data-theme="light"] .person-detail-prose a:hover { color: var(--color-purple-depth); }
[data-theme="light"] .person-detail-prose a svg { color: var(--color-purple); }
[data-theme="light"] .person-detail-prose blockquote {
  background: rgba(60, 40, 20, 0.04);
  border-left-color: rgba(60, 40, 20, 0.2);
}
[data-theme="light"] .person-detail-prose blockquote p { color: #525252; }

/* ─── Recent Events — Intel Report style spine + dots ────────────────────── */
.person-detail-page .acct-detail-event-timeline {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 20px;
  flex-shrink: 0;
  align-self: flex-start;
  padding-top: 3px;
}

/* Hide per-event spine elements — replaced by a single container background-image */
.person-detail-page .person-detail-recent-events .acct-detail-event-spine {
  display: none;
}

/* Meta row above the headline */
.person-detail-page .acct-detail-event-body {
  display: flex;
  flex-direction: column;
}

.person-detail-page .acct-detail-event-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
  margin-bottom: 0;
}

/* Match index timeline type bar divider (news-v2-type-divider) */
.person-detail-page .acct-detail-event-meta .news-v2-type-divider {
  align-self: center;
  width: 1px;
  height: 14px;
  margin: 0 2px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.15);
}
[data-theme="light"] .person-detail-page .acct-detail-event-meta .news-v2-type-divider {
  background: #d4d4d4;
}

.person-detail-page .acct-detail-event-top {
  order: 0;
  margin-bottom: 0;
}

.person-detail-page .acct-detail-event-date-label {
  font-size: 12px;
  color: var(--neutral-500);
  flex-shrink: 0;
}

/* ─── Recent Events — dark mode ─────────────────────────────────────────── */
.person-detail-page .acct-detail-event {
  border-top: none;
  border-bottom: none;
  padding-top: 16px;
  padding-bottom: 16px;
  border-radius: 0;
  transition: box-shadow 240ms ease-out;
}

.person-detail-page .acct-detail-event--last,
.person-detail-page .acct-detail-event:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.person-detail-page .acct-detail-event:hover {
  box-shadow: none;
}
.person-detail-page .acct-detail-event:hover .acct-detail-event-view {
  color: #ffffff;
  background: var(--color-purple);
  border-color: var(--color-purple);
}
.person-detail-page .accounts-pill-events {
  color: var(--color-purple-soft);
  background: color-mix(in srgb, var(--color-purple) 12%, transparent);
  border-color: color-mix(in srgb, var(--color-purple) 35%, transparent);
}
.person-detail-page .acct-detail-event-text { color: var(--neutral-300); }
.person-detail-page .acct-detail-event-source {
  color: var(--neutral-500);
  font-size: 12px;
  font-weight: 600;
}
.person-detail-page .acct-detail-event-source svg {
  width: 14px;
  height: 14px;
  opacity: 0.95;
  flex-shrink: 0;
}
.person-detail-page .acct-detail-event-view {
  border-radius: 9999px;
  padding: 4px 14px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--neutral-400);
  border-color: rgba(255, 255, 255, 0.15);
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.person-detail-page .acct-detail-event-view:hover {
  color: var(--neutral-200);
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.06);
}
.person-detail-page .acct-detail-event-dot {
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 50%;
  background: color-mix(in srgb, white 15%, var(--neutral-800));
  box-shadow: 0 0 0 2px var(--neutral-800);
  display: block;
  position: relative;
  z-index: 1;
  transition: background 180ms ease-out;
}
.person-detail-page .acct-detail-event-dot-inner { display: none; }
.person-detail-page .acct-detail-event:hover .acct-detail-event-dot {
  background: var(--color-purple);
}

.person-detail-page .intel-report-wrap .acct-detail-event {
  transition: none;
}

.person-detail-page .intel-report-wrap .acct-detail-event:hover {
  background-color: transparent;
  box-shadow: none;
  transform: none;
  margin-left: 0;
  margin-right: 0;
}

/* ─── Recent Events — light mode ────────────────────────────────────────── */
[data-theme="light"] .person-detail-page .acct-detail-event {
  border-top: none;
  border-bottom: none;
}

[data-theme="light"] .person-detail-page .acct-detail-event--last,
[data-theme="light"] .person-detail-page .acct-detail-event:last-child {
  border-bottom: none;
}
[data-theme="light"] .person-detail-page .acct-detail-event:hover {
  box-shadow: none;
}
[data-theme="light"] .person-detail-page .acct-detail-event:hover .acct-detail-event-view {
  color: #ffffff;
  background: var(--color-purple);
  border-color: var(--color-purple);
}
[data-theme="light"] .person-detail-page .accounts-pill-events {
  color: var(--color-purple);
  background: color-mix(in srgb, var(--color-purple) 10%, transparent);
  border-color: color-mix(in srgb, var(--color-purple) 28%, transparent);
}
[data-theme="light"] .person-detail-page .acct-detail-event-text { color: #404040; }
[data-theme="light"] .person-detail-page .acct-detail-event-date-label {
  color: #a3a3a3;
}
[data-theme="light"] .person-detail-page .acct-detail-event-source { color: #a3a3a3; }
[data-theme="light"] .person-detail-page .acct-detail-event-view {
  color: #737373;
  border-color: rgba(60, 40, 20, 0.18);
}
[data-theme="light"] .person-detail-page .acct-detail-event-view:hover {
  color: #404040;
  border-color: rgba(60, 40, 20, 0.35);
  background: rgba(60, 40, 20, 0.04);
}
[data-theme="light"] .person-detail-page .acct-detail-event-dot {
  border: none;
  background: color-mix(in srgb, rgb(60, 40, 20) 28%, var(--color-cream));
  box-shadow: 0 0 0 2px var(--color-cream);
}
[data-theme="light"] .person-detail-page .acct-detail-event:hover .acct-detail-event-dot {
  background: var(--color-purple);
}

/* ─── Page timeline rail ─────────────────────────────────────────────────── */

/* Dashed vertical spine — dark mode */
.person-detail-panels::before {
  content: '';
  position: absolute;
  left: 10px;
  transform: translateX(-50%);
  transform-origin: top center;
  top: 28px;
  bottom: 28px;
  width: 1px;
  background: repeating-linear-gradient(
    to bottom,
    rgba(132, 92, 255, 0.28) 0,
    rgba(132, 92, 255, 0.28) 4px,
    transparent 4px,
    transparent 9px
  );
  animation: person-spine-draw 500ms cubic-bezier(0.4, 0, 0.2, 1) 80ms both;
}

[data-theme="light"] .person-detail-panels::before {
  background: repeating-linear-gradient(
    to bottom,
    rgba(60, 40, 20, 0.22) 0,
    rgba(60, 40, 20, 0.22) 4px,
    transparent 4px,
    transparent 9px
  );
}

.person-panel-step {
  position: relative;
  z-index: 1;
}

/* Dot on the spine */
.person-panel-step::before {
  content: '';
  position: absolute;
  left: -26px;
  top: 28px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-purple);
  box-shadow: 0 0 0 3px var(--neutral-800);
  transform: translate(-50%, -50%);
  z-index: 3;
  animation: person-dot-pop 400ms cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.person-panel-step:nth-child(1)::before { animation-delay: 180ms; }
.person-panel-step:nth-child(2)::before { animation-delay: 340ms; }

/* Horizontal dashed connector — dark mode */
.person-panel-step::after {
  content: '';
  position: absolute;
  left: -26px;
  top: 28px;
  width: 26px;
  height: 1px;
  background: repeating-linear-gradient(
    to right,
    rgba(132, 92, 255, 0.28) 0,
    rgba(132, 92, 255, 0.28) 4px,
    transparent 4px,
    transparent 9px
  );
  transform: translateY(-50%);
  z-index: 2;
}

[data-theme="light"] .person-panel-step::after {
  background: repeating-linear-gradient(
    to right,
    rgba(60, 40, 20, 0.22) 0,
    rgba(60, 40, 20, 0.22) 4px,
    transparent 4px,
    transparent 9px
  );
}

@keyframes person-spine-draw {
  from { transform: translateX(-50%) scaleY(0); }
  to   { transform: translateX(-50%) scaleY(1); }
}

@keyframes person-dot-pop {
  0%   { transform: translate(-50%, -50%) scale(0); opacity: 0; }
  60%  { transform: translate(-50%, -50%) scale(1.3); opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

@keyframes fade-up {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ─── Outer timeline steps — staggered fade-up ───────────────────────────── */
.person-detail-page .news-v2-timeline-track:not(.intel-report-track) > .news-v2-rail-step:nth-child(1) > * { animation: fade-up 320ms ease-out 80ms both; }
.person-detail-page .news-v2-timeline-track:not(.intel-report-track) > .news-v2-rail-step:nth-child(2) > * { animation: fade-up 320ms ease-out 180ms both; }
.person-detail-page .news-v2-timeline-track:not(.intel-report-track) > .news-v2-rail-step:nth-child(3) > * { animation: fade-up 320ms ease-out 300ms both; }
.person-detail-page .news-v2-timeline-track:not(.intel-report-track) > .news-v2-rail-step:nth-child(4) > * { animation: fade-up 320ms ease-out 400ms both; }
.person-detail-page .news-v2-timeline-track:not(.intel-report-track) > .news-v2-rail-step:nth-child(5) > * { animation: fade-up 320ms ease-out 480ms both; }
.person-detail-page .news-v2-timeline-track:not(.intel-report-track) > .news-v2-rail-step:nth-child(6) > * { animation: fade-up 320ms ease-out 560ms both; }

/* ═══════════════════════════════════════════════════════════════════════════
   RECENT EVENTS — DESIGN VARIATIONS
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Recent Events heading row with dashed bottom ──────────────────────── */

.re-heading-row {
  margin: 0 -24px 14px;
  padding: 0 24px 12px;
  background-image: repeating-linear-gradient(
    to right,
    rgba(255, 255, 255, 0.15) 0,
    rgba(255, 255, 255, 0.15) 4px,
    transparent 4px,
    transparent 9px
  );
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 100% 1px;
}

[data-theme="light"] .re-heading-row {
  background-image: repeating-linear-gradient(
    to right,
    rgba(60, 40, 20, 0.22) 0,
    rgba(60, 40, 20, 0.22) 4px,
    transparent 4px,
    transparent 9px
  );
}

/* ─── Shared variation label ─────────────────────────────────────────────── */

.re-var-label {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--neutral-600);
  padding: 2px 8px;
  border: 1px solid var(--neutral-700);
  border-radius: 9999px;
}

[data-theme="light"] .re-var-label {
  color: #a3a3a3;
  border-color: rgba(60, 40, 20, 0.15);
}

/* ─── Variation A: Signal Cards ──────────────────────────────────────────── */

.re-v1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.re-v1-item {
  display: flex;
  align-items: stretch;
  gap: 0;
  border: 1px solid var(--neutral-700);
  border-radius: 10px;
  overflow: hidden;
  transition: border-color 0.18s ease, background 0.18s ease;
  cursor: pointer;
}

.re-v1-item:hover {
  border-color: var(--neutral-500);
  background: color-mix(in srgb, var(--neutral-700) 28%, transparent);
}

.re-v1-bar {
  width: 3px;
  flex-shrink: 0;
}

.re-v1-bar--news     { background: var(--color-purple-soft); }
.re-v1-bar--earnings { background: var(--color-sand); }
.re-v1-bar--strategy { background: var(--color-mint); }

.re-v1-body {
  flex: 1;
  min-width: 0;
  padding: 11px 14px;
}

.re-v1-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
}

.re-v1-chip {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 9999px;
}

.re-v1-chip--news     { color: var(--color-purple-soft); background: color-mix(in srgb, var(--color-purple) 14%, transparent); }
.re-v1-chip--earnings { color: var(--color-sand);        background: color-mix(in srgb, var(--color-sand) 12%, transparent); }
.re-v1-chip--strategy { color: var(--color-mint);        background: color-mix(in srgb, var(--color-mint) 12%, transparent); }

.re-v1-date {
  font-size: 11px;
  color: var(--neutral-500);
}

.re-v1-headline {
  font-size: 13px;
  color: var(--neutral-200);
  line-height: 1.45;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.re-v1-cta {
  flex-shrink: 0;
  align-self: center;
  padding: 0 16px;
  background: transparent;
  border: none;
  color: var(--neutral-600);
  font-size: 14px;
  cursor: pointer;
  transition: color 0.15s ease;
}

.re-v1-cta:hover { color: var(--neutral-200); }

[data-theme="light"] .re-v1-item {
  background: #ffffff;
  border-color: rgba(60, 40, 20, 0.1);
}

[data-theme="light"] .re-v1-item:hover {
  background: #f8f5f1;
  border-color: rgba(60, 40, 20, 0.22);
}

[data-theme="light"] .re-v1-headline { color: #262626; }
[data-theme="light"] .re-v1-date     { color: #a3a3a3; }
[data-theme="light"] .re-v1-cta      { color: #c4b8aa; }
[data-theme="light"] .re-v1-cta:hover { color: #404040; }

[data-theme="light"] .re-v1-chip--news     { color: var(--color-purple); background: color-mix(in srgb, var(--color-purple) 10%, transparent); }
[data-theme="light"] .re-v1-chip--earnings { color: #a87830; background: color-mix(in srgb, var(--color-sand) 20%, transparent); }
[data-theme="light"] .re-v1-chip--strategy { color: #1dc98a; background: color-mix(in srgb, var(--color-mint) 12%, transparent); }

/* ─── Variation B: Month-Grouped Feed ───────────────────────────────────── */

.re-v2 {
  display: flex;
  flex-direction: column;
}

.re-v2-month {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--neutral-500);
  padding: 14px 0 6px;
  border-bottom: 1px solid var(--neutral-700);
}

.re-v2-month:first-child { padding-top: 0; }

.re-v2-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.re-v2-row:last-child { border-bottom: none; }

.re-v2-row:hover .re-v2-text { color: var(--neutral-50); }

.re-v2-day {
  flex-shrink: 0;
  width: 20px;
  text-align: right;
  font-size: 12px;
  font-weight: 600;
  color: var(--neutral-500);
  padding-top: 2px;
}

.re-v2-content {
  flex: 1;
  min-width: 0;
}

.re-v2-text {
  font-size: 13px;
  color: var(--neutral-300);
  line-height: 1.45;
  margin: 0 0 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: color 0.15s ease;
}

.re-v2-footer {
  display: flex;
  align-items: center;
  gap: 6px;
}

.re-v2-chip {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 9999px;
}

.re-v2-chip--news     { color: var(--color-purple-soft); background: color-mix(in srgb, var(--color-purple) 14%, transparent); }
.re-v2-chip--earnings { color: var(--color-sand);        background: color-mix(in srgb, var(--color-sand) 12%, transparent); }
.re-v2-chip--strategy { color: var(--color-mint);        background: color-mix(in srgb, var(--color-mint) 12%, transparent); }

.re-v2-link {
  background: transparent;
  border: none;
  color: var(--neutral-600);
  font-size: 13px;
  cursor: pointer;
  padding: 0;
  margin-left: auto;
  transition: color 0.15s ease;
  line-height: 1;
}

.re-v2-link:hover { color: var(--neutral-200); }

[data-theme="light"] .re-v2-month  { color: #a3a3a3; border-bottom-color: rgba(60, 40, 20, 0.12); }
[data-theme="light"] .re-v2-row    { border-bottom-color: rgba(60, 40, 20, 0.06); }
[data-theme="light"] .re-v2-row:hover .re-v2-text { color: #171717; }
[data-theme="light"] .re-v2-day    { color: #a3a3a3; }
[data-theme="light"] .re-v2-text   { color: #404040; }
[data-theme="light"] .re-v2-link   { color: #c4b8aa; }
[data-theme="light"] .re-v2-link:hover { color: #404040; }

[data-theme="light"] .re-v2-chip--news     { color: var(--color-purple); background: color-mix(in srgb, var(--color-purple) 10%, transparent); }
[data-theme="light"] .re-v2-chip--earnings { color: #a87830; background: color-mix(in srgb, var(--color-sand) 20%, transparent); }
[data-theme="light"] .re-v2-chip--strategy { color: #1dc98a; background: color-mix(in srgb, var(--color-mint) 10%, transparent); }

/* ─── Variation C: Horizontal Bento Scroll ───────────────────────────────── */

.re-v3 {
  position: relative;
  margin: 0 -24px;
}

.re-v3::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 16px;
  width: 56px;
  background: linear-gradient(to right, transparent, var(--neutral-800));
  pointer-events: none;
  z-index: 2;
  border-radius: 0 16px 16px 0;
}

.re-v3-track {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 24px 16px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.re-v3-track::-webkit-scrollbar { display: none; }

.re-v3-card {
  flex-shrink: 0;
  width: 210px;
  background: color-mix(in srgb, var(--neutral-700) 20%, transparent);
  border: 1px solid var(--neutral-700);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.re-v3-card:hover {
  border-color: var(--neutral-500);
  background: color-mix(in srgb, var(--neutral-700) 36%, transparent);
  transform: translateY(-2px);
}

.re-v3-top-bar {
  height: 3px;
  flex-shrink: 0;
}

.re-v3-top-bar--news     { background: var(--color-purple-soft); }
.re-v3-top-bar--earnings { background: var(--color-sand); }
.re-v3-top-bar--strategy { background: var(--color-mint); }

.re-v3-body {
  flex: 1;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
}

.re-v3-date {
  font-size: 11px;
  color: var(--neutral-500);
  margin-bottom: 6px;
}

.re-v3-headline {
  font-size: 13px;
  color: var(--neutral-200);
  line-height: 1.45;
  margin: 0;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.re-v3-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.re-v3-chip {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 9999px;
}

.re-v3-chip--news     { color: var(--color-purple-soft); background: color-mix(in srgb, var(--color-purple) 14%, transparent); }
.re-v3-chip--earnings { color: var(--color-sand);        background: color-mix(in srgb, var(--color-sand) 12%, transparent); }
.re-v3-chip--strategy { color: var(--color-mint);        background: color-mix(in srgb, var(--color-mint) 12%, transparent); }

.re-v3-cta {
  background: transparent;
  border: none;
  color: var(--neutral-600);
  font-size: 14px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  transition: color 0.15s ease;
}

.re-v3-cta:hover { color: var(--neutral-200); }

[data-theme="light"] .re-v3::after {
  background: linear-gradient(to right, transparent, #ffffff);
}

[data-theme="light"] .re-v3-card {
  background: #ffffff;
  border-color: rgba(60, 40, 20, 0.1);
}

[data-theme="light"] .re-v3-card:hover {
  background: #faf6f1;
  border-color: rgba(60, 40, 20, 0.22);
}

[data-theme="light"] .re-v3-date      { color: #a3a3a3; }
[data-theme="light"] .re-v3-headline  { color: #262626; }
[data-theme="light"] .re-v3-footer    { border-top-color: rgba(60, 40, 20, 0.08); }
[data-theme="light"] .re-v3-cta       { color: #c4b8aa; }
[data-theme="light"] .re-v3-cta:hover { color: #404040; }

[data-theme="light"] .re-v3-chip--news     { color: var(--color-purple); background: color-mix(in srgb, var(--color-purple) 10%, transparent); }
[data-theme="light"] .re-v3-chip--earnings { color: #a87830; background: color-mix(in srgb, var(--color-sand) 20%, transparent); }
[data-theme="light"] .re-v3-chip--strategy { color: #1dc98a; background: color-mix(in srgb, var(--color-mint) 10%, transparent); }

/* ─── Inner intel-report steps — staggered fade-up ──────────────────────── */
.person-detail-page .intel-report-track > .news-v2-rail-step:nth-child(1) > * { animation: fade-up 320ms ease-out 360ms both; }
.person-detail-page .intel-report-track > .news-v2-rail-step:nth-child(2) > * { animation: fade-up 320ms ease-out 440ms both; }
.person-detail-page .intel-report-track > .news-v2-rail-step:nth-child(3) > * { animation: fade-up 320ms ease-out 520ms both; }

/* ─── Back link — page entry ─────────────────────────────────────────────── */
.person-detail-page .acct-detail-back { animation: fade-up 280ms ease-out 0ms both; }

/* ─── Outer timeline — spine draw ───────────────────────────────────────── */
.person-detail-page .news-v2-timeline-track:not(.intel-report-track)::before {
  transform-origin: top center;
  animation: person-spine-draw 500ms cubic-bezier(0.4, 0, 0.2, 1) 40ms both;
}

/* ─── Outer timeline — dot pop ──────────────────────────────────────────── */
.person-detail-page .news-v2-timeline-track:not(.intel-report-track) > .news-v2-rail-step::before {
  animation: person-dot-pop 400ms cubic-bezier(0.34, 1.56, 0.64, 1) 50ms both;
}

/* ─── Inner intel-report — spine draw ───────────────────────────────────── */
.person-detail-page .intel-report-track::before {
  transform-origin: top center;
  animation: person-spine-draw 600ms cubic-bezier(0.4, 0, 0.2, 1) 280ms both;
}

/* ─── Inner intel-report — dot pop staggered (fires 30ms before content) ─── */
.person-detail-page .intel-report-track > .news-v2-rail-step::before {
  animation: person-dot-pop 400ms cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
.person-detail-page .intel-report-track > .news-v2-rail-step:nth-child(1)::before { animation-delay: 330ms; }
.person-detail-page .intel-report-track > .news-v2-rail-step:nth-child(2)::before { animation-delay: 410ms; }
.person-detail-page .intel-report-track > .news-v2-rail-step:nth-child(3)::before { animation-delay: 490ms; }

/* ─── No-data page — section-by-section cascade (matching new-cards-v3 timing) ─ */

/* Cancel bulk per-step fades so each section animates independently */
.person-no-data .news-v2-timeline-track:not(.intel-report-track) > .news-v2-rail-step > *,
.person-no-data .intel-report-track > .news-v2-rail-step > * {
  animation: none;
}

/* Cascade: back → header → CTA → events heading → events staggered */
.person-no-data .acct-detail-back                          { animation: fade-up 280ms ease-out  40ms both; }
.person-no-data .intel-report-wrap > .news-v2-company-row  { animation: fade-up 300ms ease-out  80ms both; }
.person-no-data .intel-report-wrap > .intel-report-track   { animation: fade-up 300ms ease-out 200ms both; }
.person-no-data .intel-report-wrap > .intel-report-header  { animation: fade-up 280ms ease-out 320ms both; }
.person-no-data .acct-detail-event:nth-child(1) { animation: fade-up 260ms ease-out 380ms both; }
.person-no-data .acct-detail-event:nth-child(2) { animation: fade-up 260ms ease-out 430ms both; }
.person-no-data .acct-detail-event:nth-child(3) { animation: fade-up 260ms ease-out 480ms both; }
.person-no-data .acct-detail-event:nth-child(4) { animation: fade-up 260ms ease-out 530ms both; }
.person-no-data .acct-detail-event:nth-child(5) { animation: fade-up 260ms ease-out 580ms both; }
.person-no-data .acct-detail-event:nth-child(6) { animation: fade-up 260ms ease-out 630ms both; }
.person-no-data .acct-detail-event:nth-child(7) { animation: fade-up 260ms ease-out 680ms both; }
.person-no-data .acct-detail-event:nth-child(8) { animation: fade-up 260ms ease-out 730ms both; }

/* ─── Right-side panels — staggered fade-up ─────────────────────────────── */
.person-panel-step:nth-child(1) { animation: fade-up 320ms ease-out 180ms both; }
.person-panel-step:nth-child(2) { animation: fade-up 320ms ease-out 340ms both; }

/* ─── Email chip ─────────────────────────────────────────────────────────── */
.person-detail-page .news-v2-company-meta .news-v2-time {
  margin-bottom: 8px;
}

.person-detail-account-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Match people-table .people-account-logo; size stays 20px for subtitle line */
.person-detail-account-logo {
  width: 20px;
  height: 20px;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.07);
  background: var(--neutral-surface-hover);
}

[data-theme="light"] .person-detail-account-logo {
  border: 2px solid var(--color-cream-light);
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(60, 40, 20, 0.1);
  background: #ffffff;
}

/* Find email button */
.person-detail-page .person-find-email-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  background: transparent;
  color: var(--neutral-400);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: color 160ms ease-out, border-color 160ms ease-out, background 160ms ease-out;
  vertical-align: middle;
}
.person-detail-page .person-find-email-btn:hover {
  color: var(--neutral-50);
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.05);
}
[data-theme="light"] .person-detail-page .person-find-email-btn {
  color: #737373;
  border-color: rgba(60, 40, 20, 0.2);
}
[data-theme="light"] .person-detail-page .person-find-email-btn:hover {
  color: #171717;
  border-color: rgba(60, 40, 20, 0.45);
  background: rgba(60, 40, 20, 0.04);
}

/* Email chip — aligned with intel-report-wrap + subtitle meta on person detail */
.person-detail-page .person-email-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 6px 3px 10px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 600;
  max-width: 280px;
  vertical-align: middle;
  background: color-mix(in srgb, var(--neutral-800) 90%, var(--neutral-700) 10%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--neutral-400);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.person-detail-page .person-email-chip__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.person-detail-page .person-email-chip__copy {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--neutral-500);
  padding: 0;
  position: relative;
  z-index: 1;
  transition: color 0.15s ease, background 0.15s ease;
}

.person-detail-page .person-email-chip__copy:hover {
  color: var(--neutral-300);
  background: rgba(255, 255, 255, 0.08);
}

.person-detail-page .person-email-chip__copy-icon,
.person-detail-page .person-email-chip__check-icon {
  position: absolute;
  inset: 0;
  margin: auto;
  display: block;
  width: 12px;
  height: 12px;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.person-detail-page .person-email-chip__copy-icon {
  filter: brightness(0) invert(1);
  opacity: 1;
  transform: scale(1);
}

.person-detail-page .person-email-chip__check-icon {
  opacity: 0;
  transform: scale(0.5);
}

.person-detail-page .person-email-chip--copied .person-email-chip__copy-icon {
  opacity: 0;
  transform: scale(0.5);
}

.person-detail-page .person-email-chip--copied .person-email-chip__check-icon {
  opacity: 1;
  transform: scale(1);
}

.person-detail-page .person-email-chip--copied .person-email-chip__copy {
  color: var(--color-mint);
}

[data-theme="light"] .person-detail-page .person-email-chip {
  background: rgba(60, 40, 20, 0.05);
  border: 1px solid rgba(60, 40, 20, 0.12);
  color: #737373;
  box-shadow: none;
}

[data-theme="light"] .person-detail-page .person-email-chip__copy {
  color: #a3a3a3;
}

[data-theme="light"] .person-detail-page .person-email-chip__copy:hover {
  color: #525252;
  background: rgba(60, 40, 20, 0.08);
}

[data-theme="light"] .person-detail-page .person-email-chip:not(.person-email-chip--copied) .person-email-chip__copy-icon {
  filter: brightness(0);
  opacity: 0.45;
}

[data-theme="light"] .person-detail-page .person-email-chip--copied .person-email-chip__copy-icon {
  opacity: 0;
  transform: scale(0.5);
}

[data-theme="light"] .person-detail-page .person-email-chip--copied .person-email-chip__check-icon {
  opacity: 1;
  transform: scale(1);
}

[data-theme="light"] .person-detail-page .person-email-chip--copied .person-email-chip__copy {
  color: #1dc98a;
}