/* Themen II Visualisierung (Heatmap) Styles */

#thematic2-viewer-container {
  overflow-x: hidden;
}

#thematic2-visualization-main {
  user-select: none;
}

#thematic2-visualization-main .grid line {
  stroke: var(--border-color);
  stroke-opacity: 0.2;
  shape-rendering: crispEdges;
}

#thematic2-visualization-main .grid path {
  stroke-width: 0;
}

#thematic2-visualization-main .tick text {
  fill: var(--text-color);
  font-size: 13px;
}

#thematic2-visualization-main .domain {
  stroke: var(--border-color);
}

#thematic2-visualization-main .theme-group text {
  font-size: 14px;
}

/* Schlagwort-Chips für Themenverwaltung */
.keyword-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 15px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
    margin: 3px;
    user-select: none;
}

.keyword-chip.active {
    background: var(--primary-color, #4a90a4);
    color: white;
}

.keyword-chip.inactive {
    background: var(--border-color, #ddd);
    color: var(--secondary-text, #666);
    text-decoration: line-through;
}

.keyword-chip:hover {
    opacity: 0.8;
}

/* Themensuche-Ergebnisse Styling */
.semantic-answer {
  font-size: var(--text-size);
  line-height: var(--line-height);
  color: var(--secondary-text);
  font-weight: normal;
}

.answer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid var(--border-color);
  flex-wrap: nowrap;
}

.answer-title {
  margin: 0;
  color: var(--heading-color);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.3;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.semantic-answer .answer-content {
  font-size: 0.85rem !important;
}