/* FirstTouch dark theme override for blog posts */

*, *::before, *::after { box-sizing: border-box; }

body {
  background: #0a0a0a !important;
  color: #a1a1aa !important;
  font-family: 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

a { color: #FF6A00 !important; }
a:hover { color: #FF8A33 !important; }

/* NAV */
.site-header {
  background: #0a0a0a !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  padding: 0 !important;
}
.site-header .logo {
  display: block;
  padding: 18px 0;
  font-family: 'Helvetica Neue', sans-serif !important;
  font-size: 18px !important;
  letter-spacing: -0.01em !important;
  color: #ffffff !important;
}

/* HERO */
.hero {
  background: #0a0a0a !important;
  border-bottom: 1px solid #1e1e1e !important;
  padding: 64px 24px 56px !important;
  color: #e4e4e7 !important;
}
.hero h1 {
  color: #ffffff !important;
  font-family: 'Helvetica Neue', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(26px, 3.5vw, 46px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}
.hero .subtitle { color: #71717a !important; }
.hero .meta { color: #52525b !important; }
.hero .category-tag {
  background: rgba(255,106,0,0.1) !important;
  border: 1px solid rgba(255,106,0,0.3) !important;
  color: #FF6A00 !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
}

/* ARTICLE BODY */
.article-wrap, .article-wrapper, .content {
  color: #a1a1aa !important;
  font-family: 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}
.article-wrap h2, .article-wrapper h2 {
  color: #ffffff !important;
  font-family: 'Helvetica Neue', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 700 !important;
}
.article-wrap h3, .article-wrapper h3 {
  color: #e4e4e7 !important;
  font-family: 'Helvetica Neue', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 600 !important;
}
.article-wrap p, .article-wrapper p { color: #a1a1aa !important; }
.article-wrap ul, .article-wrap ol,
.article-wrapper ul, .article-wrapper ol { color: #a1a1aa !important; }
.article-wrap li, .article-wrapper li { color: #a1a1aa !important; }
.article-wrap strong, .article-wrapper strong { color: #e4e4e7 !important; }

/* PULL QUOTE */
.pull-quote {
  border-left: 3px solid #FF6A00 !important;
  background: #111111 !important;
  border-radius: 0 8px 8px 0 !important;
}
.pull-quote p { color: #e4e4e7 !important; font-style: italic; }

/* STAT BOXES */
.stat-row { gap: 16px !important; }
.stat-box, .stat-card {
  background: #111111 !important;
  border: 1px solid #1e1e1e !important;
  border-radius: 12px !important;
  color: #ffffff !important;
}
.stat-box .number, .stat-card .number { color: #FF6A00 !important; }
.stat-box .label, .stat-card .label { color: #71717a !important; }
.stat-box .period { color: #52525b !important; }

/* HIGHLIGHT / CALLOUT / INSIGHT BOXES */
.highlight-box, .callout, .callout-box, .insight-box, .warning-box, .info {
  background: #111111 !important;
  border: 1px solid #1e1e1e !important;
  border-radius: 12px !important;
  color: #a1a1aa !important;
}
.callout-title, .insight-title { color: #ffffff !important; }
.highlight-box strong, .callout strong { color: #e4e4e7 !important; }

/* COMPARISON / RISK TABLE */
.comparison-table, .risk-table {
  background: #111111 !important;
  border: 1px solid #1e1e1e !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.comparison-table td, .comparison-table th,
.risk-table td, .risk-table th {
  border-color: #1e1e1e !important;
  color: #a1a1aa !important;
  background: transparent !important;
}
.comparison-table th, .risk-table th {
  background: #0f0f0f !important;
  color: #e4e4e7 !important;
}

/* PROCESS STEPS */
.process-steps { background: transparent !important; }
.process-step {
  background: #111111 !important;
  border: 1px solid #1e1e1e !important;
  border-radius: 12px !important;
}
.step-num { background: #FF6A00 !important; color: #ffffff !important; }
.step-content { color: #a1a1aa !important; }

/* RESULT / TIMELINE CARDS */
.result-card, .timeline-item {
  background: #111111 !important;
  border: 1px solid #1e1e1e !important;
  border-radius: 12px !important;
}
.result-label { color: #71717a !important; }

/* DIVIDERS */
.divider, .section-divider {
  background: #1e1e1e !important;
  border: none !important;
}

/* CHECK / CROSS / TICK marks */
.check, .tick, .yes { color: #22c55e !important; }
.cross, .no { color: #ef4444 !important; }
.meh { color: #f59e0b !important; }

/* CTA SECTION */
.cta-section, .cta-block, .cta-box {
  background: #111111 !important;
  border: 1px solid #1e1e1e !important;
  border-radius: 16px !important;
  color: #a1a1aa !important;
}
.cta-section h2, .cta-block h2, .cta-box h2 { color: #ffffff !important; }
.cta-section p, .cta-block p, .cta-box p { color: #71717a !important; }

/* BUTTONS */
.btn, .cta-btn, .callout-cta {
  background: #FF6A00 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  border: none !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
}
.btn:hover, .cta-btn:hover, .callout-cta:hover {
  background: #e85e00 !important;
  color: #ffffff !important;
}

/* AUTHOR BOX */
.author-box {
  background: #111111 !important;
  border: 1px solid #1e1e1e !important;
  border-radius: 12px !important;
}
.author-info .name { color: #ffffff !important; }
.author-info .bio-text { color: #71717a !important; }

/* RELATED SECTION */
.related { background: #0f0f0f !important; border-top: 1px solid #1e1e1e !important; }

/* FOOTER */
.site-footer {
  background: #0a0a0a !important;
  border-top: 1px solid #1e1e1e !important;
  color: #52525b !important;
}
.site-footer a { color: #71717a !important; }
.site-footer a:hover { color: #e4e4e7 !important; }

/* BYLINE / TAGS */
.byline { color: #52525b !important; }
.tag {
  background: rgba(255,106,0,0.1) !important;
  border: 1px solid rgba(255,106,0,0.2) !important;
  color: #FF6A00 !important;
  border-radius: 6px !important;
}

/* SCROLLBAR */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #1e1e1e; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #2e2e2e; }