/* Book of Job color variables */
:root {
  --prologue: #b8860b;
  --prologue-bg: #fdf8eb;
  --suffering: #5d4037;
  --suffering-bg: #f5f0ed;
  --friends: #c0392b;
  --friends-bg: #fdf0ee;
  --elihu: #2c3e80;
  --elihu-bg: #eef0f7;
  --god: #27ae60;
  --god-bg: #eef9f2;
}

/* Card color overrides */
.card--prologue { --cat: var(--prologue); --cat-bg: var(--prologue-bg); }

.card--suffering { --cat: var(--suffering); --cat-bg: var(--suffering-bg); }

.card--friends { --cat: var(--friends); --cat-bg: var(--friends-bg); }

.card--elihu { --cat: var(--elihu); --cat-bg: var(--elihu-bg); }

.card--god { --cat: var(--god); --cat-bg: var(--god-bg); }

/* Speech cycle component — debate structure */
.speech-cycle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 12px 0;
}

.speech-item {
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 0.88em;
}

.speech-item--friend {
  background: var(--friends-bg);
  border-left: 3px solid var(--friends);
}

.speech-item--job {
  background: var(--suffering-bg);
  border-left: 3px solid var(--suffering);
}

.speech-label {
  font-size: 0.72em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-family: -apple-system, sans-serif;
  margin-bottom: 3px;
}

.speech-label--friend { color: var(--friends); }
.speech-label--job { color: var(--suffering); }

/* Comparison table */
.job-compare th {
  background: var(--text);
  color: #fff;
  cursor: pointer;
}

.job-compare th:hover { background: #3d2a1e; }

@media (max-width: 600px) {
  .speech-cycle { grid-template-columns: 1fr; }
}