/* ═══════════════════════════════════════════════════════════════
   NEW SECTION STYLES — Gap Analysis Content
   ═══════════════════════════════════════════════════════════════ */

/* ── Data Tables (universal) ────────────────────────────────── */
.data-table { width:100%; border-collapse:collapse; margin:28px 0; font-size:14px; }
.data-table th {
  font-family:'JetBrains Mono',monospace; font-size:11px;
  letter-spacing:0.1em; text-transform:uppercase;
  padding:12px 16px; text-align:left;
  border-bottom:2px solid var(--border-light);
  color:var(--text-muted-dark);
}
.data-table td { padding:12px 16px; border-bottom:1px solid var(--border-light); }
.data-table tr:last-child td { border-bottom:none; }
.section--dark .data-table th { border-color:var(--border-dark); color:var(--text-muted-light); }
.section--dark .data-table td { border-color:var(--border-dark); color:var(--text-light); }
.section--cream .data-table td { color:var(--text-dark); }

/* Scenario table highlight columns */
.scenario-table th:nth-child(3) { color:var(--amber); }

/* ── Milestone Grid ─────────────────────────────────────────── */
.milestone-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:28px;
}
.ms-item {
  display:flex; align-items:center; gap:10px;
  padding:12px 16px; border-radius:4px;
  font-size:14px; line-height:1.4;
}
.ms-done { background:rgba(16,185,129,0.08); color:var(--emerald); }
.ms-next { background:rgba(255,255,255,0.04); color:var(--text-muted-light); border:1px dashed var(--border-dark); }
.ms-check { font-weight:700; font-size:16px; }
.ms-dot { width:8px; height:8px; border-radius:50%; background:var(--amber); display:inline-block; }

/* ── GTM Funnel ─────────────────────────────────────────────── */
.gtm-funnel {
  display:flex; align-items:center; gap:8px;
  margin-top:32px; flex-wrap:wrap;
}
.gtm-step {
  flex:1; min-width:140px; padding:20px 16px;
  background:#fff; border:1px solid var(--border-light);
  border-radius:4px; text-align:center;
  font-size:13px; line-height:1.5; color:var(--text-dark);
  box-shadow:0 1px 3px rgba(0,0,0,0.04);
}
.gtm-step--highlight { background:var(--amber); color:#000; border-color:var(--amber); }
.gtm-num {
  display:block; font-family:'JetBrains Mono',monospace;
  font-size:11px; color:var(--text-muted-dark); margin-bottom:4px;
}
.gtm-step--highlight .gtm-num { color:rgba(0,0,0,0.5); }
.gtm-arrow { font-size:18px; color:var(--text-muted-dark); }
.section--dark .gtm-step { background:rgba(255,255,255,0.04); border-color:var(--border-dark); color:var(--text-light); }
.section--dark .gtm-arrow { color:var(--text-muted-light); }

/* ── Profit Timeline ────────────────────────────────────────── */
.profit-timeline { margin-top:28px; }
.pt-item {
  display:flex; gap:20px; padding:14px 0;
  border-bottom:1px solid var(--border-light);
  align-items:baseline; font-size:14px;
}
.pt-item:last-child { border-bottom:none; }
.pt-when {
  font-family:'JetBrains Mono',monospace;
  font-size:12px; color:var(--amber);
  min-width:90px; font-weight:600;
}
.pt-what { color:var(--text-dark); }
.pt-item--highlight { background:rgba(16,185,129,0.06); padding:14px 16px; border-radius:4px; margin:4px -16px; }
.pt-item--highlight .pt-what { font-weight:600; color:var(--emerald); }
.section--dark .pt-item { border-color:var(--border-dark); }
.section--dark .pt-what { color:var(--text-light); }

/* ── Funds Grid ─────────────────────────────────────────────── */
.funds-grid { margin-top:28px; display:flex; flex-direction:column; gap:16px; }
.fund-bar { position:relative; }
.fund-fill {
  height:32px; border-radius:4px; transition:width 1s ease;
}
.fund-label {
  display:block; margin-top:6px; font-size:13px;
  color:var(--text-muted-light);
}

/* ── Exit Paths ─────────────────────────────────────────────── */
.exit-paths { margin-top:28px; }
.exit-path {
  padding:24px 0; border-bottom:1px solid var(--border-dark);
}
.exit-path:last-child { border-bottom:none; }
.exit-path h3 { font-size:18px; font-weight:600; margin:8px 0 16px; color:var(--text-dark); }
.section--dark .exit-path { border-color:var(--border-dark); }
.section--dark .exit-path h3 { color:var(--text-light); }

/* ── Expansion Grid ─────────────────────────────────────────── */
.expansion-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:28px; }
.exp-phase {
  padding:24px 20px; border:1px solid var(--border-dark);
  border-radius:4px; background:rgba(255,255,255,0.02);
}
.exp-region { font-weight:600; color:var(--amber); font-size:14px; margin:8px 0 2px; }
.exp-when {
  font-family:'JetBrains Mono',monospace; font-size:11px;
  color:var(--text-muted-light); letter-spacing:0.05em;
}
.exp-phase p:last-child { font-size:13px; color:var(--text-muted-light); margin-top:8px; line-height:1.5; }

/* ── FAQ ────────────────────────────────────────────────────── */
.faq-list { margin-top:28px; }
.faq-item { padding:24px 0; border-bottom:1px solid var(--border-light); }
.faq-item:last-child { border-bottom:none; }
.faq-q {
  font-size:16px; font-weight:600; color:var(--text-dark);
  margin-bottom:10px; font-style:italic;
}
.faq-a { font-size:14px; color:var(--text-muted-dark); line-height:1.7; }
.section--dark .faq-item { border-color:var(--border-dark); }
.section--dark .faq-q { color:var(--text-light); }
.section--dark .faq-a { color:var(--text-muted-light); }

/* ── Responsive ─────────────────────────────────────────────── */
@media(max-width:768px){
  .milestone-grid { grid-template-columns:1fr; }
  .expansion-grid { grid-template-columns:repeat(2,1fr); }
  .gtm-funnel { flex-direction:column; }
  .gtm-arrow { transform:rotate(90deg); }
  .data-table { font-size:12px; }
  .data-table th, .data-table td { padding:8px 10px; }
}