/* Wisdom Books color variables */
:root {
  --proverbs: #b8860b;
  --proverbs-bg: #fdf8eb;
  --ecclesiastes: #5d4037;
  --ecclesiastes-bg: #f5f0ec;
  --song: #c0392b;
  --song-bg: #fdf0ee;
  --fear: #2c3e80;
  --fear-bg: #eef0f7;
  --woman: #27ae60;
  --woman-bg: #eef9f2;
}

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

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

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

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

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

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

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

/* Book badges */
.badge-proverbs {
  display: inline-block;
  font-family: -apple-system, sans-serif;
  font-size: 0.72em;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--proverbs-bg);
  color: var(--proverbs);
}

.badge-ecclesiastes {
  display: inline-block;
  font-family: -apple-system, sans-serif;
  font-size: 0.72em;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--ecclesiastes-bg);
  color: var(--ecclesiastes);
}

.badge-song {
  display: inline-block;
  font-family: -apple-system, sans-serif;
  font-size: 0.72em;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--song-bg);
  color: var(--song);
}

.badge-all {
  display: inline-block;
  font-family: -apple-system, sans-serif;
  font-size: 0.72em;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--fear-bg);
  color: var(--fear);
}

/* Proverb pair component — contrasts */
.proverb-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 12px 0;
}

.proverb-wise {
  padding: 10px 14px;
  border-radius: 8px;
  background: #eef9f2;
  border-left: 3px solid var(--woman);
  font-size: 0.9em;
}

.proverb-fool {
  padding: 10px 14px;
  border-radius: 8px;
  background: #fdf0ee;
  border-left: 3px solid var(--song);
  font-size: 0.9em;
}

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

.proverb-wise .proverb-label { color: var(--woman); }
.proverb-fool .proverb-label { color: var(--song); }

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

/* === Topic groups (97 тем) === */
.group-title {
  font-family: -apple-system, sans-serif;
  font-size: 1.1em;
  font-weight: 600;
  color: var(--text);
  margin: 32px 0 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--border);
}
.topic-group:first-of-type .group-title { margin-top: 16px; }

:root {
  --topics-wisdom: #b8860b;    --topics-wisdom-bg: #fdf8eb;
  --topics-speech: #5d4037;    --topics-speech-bg: #f5f0ec;
  --topics-character: #2c3e80; --topics-character-bg: #eef0f7;
  --topics-work: #2980b9;      --topics-work-bg: #edf4fb;
  --topics-family: #27ae60;    --topics-family-bg: #eef9f2;
  --topics-right: #c0392b;     --topics-right-bg: #fdf0ee;
}
.card--topics-wisdom    { --cat: var(--topics-wisdom);    --cat-bg: var(--topics-wisdom-bg); }
.card--topics-speech    { --cat: var(--topics-speech);    --cat-bg: var(--topics-speech-bg); }
.card--topics-character { --cat: var(--topics-character); --cat-bg: var(--topics-character-bg); }
.card--topics-work      { --cat: var(--topics-work);      --cat-bg: var(--topics-work-bg); }
.card--topics-family    { --cat: var(--topics-family);    --cat-bg: var(--topics-family-bg); }
.card--topics-right     { --cat: var(--topics-right);     --cat-bg: var(--topics-right-bg); }

/* === Accordion: collapsible topic groups === */
.topic-group .cards-grid {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.topic-group.open .cards-grid { max-height: 50000px; }

.group-chevron {
  display: inline-block;
  transition: transform 0.3s;
  font-size: 0.7em;
  margin-right: 6px;
}
.topic-group.open .group-chevron { transform: rotate(180deg); }

.group-title { cursor: pointer; user-select: none; }
.group-title:hover { color: var(--accent); }

.group-count {
  font-size: 0.7em;
  font-weight: 400;
  color: var(--text-muted);
  margin-left: 8px;
}

/* === Topics search === */
.topics-search { margin-bottom: 24px; }
.topics-search input {
  width: 100%;
  padding: 10px 16px;
  font-family: -apple-system, sans-serif;
  font-size: 0.95em;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-card);
  color: var(--text);
}
.topics-search input:focus { border-color: var(--accent); outline: none; }