/* Linkages animation control styles */
#control-holder {
  background: rgba(232, 216, 171, 0.3);
  border-bottom: 2px solid #C7B07B;
  padding: 10px 15px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#control-holder button {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  border: 2px solid #705B35;
  border-radius: 6px;
  background: #E8D9AC;
  color: #570026;
  transition: background 0.2s;
}
#control-holder button:hover { background: #C7B07B; }

#control-holder select {
  padding: 6px 10px;
  font-size: 14px;
  border: 2px solid #705B35;
  border-radius: 6px;
  background: #FFF6D9;
  color: #705B35;
  cursor: pointer;
}

#control-holder input[type="range"] { cursor: pointer; }

.speed-label, .iter-label {
  font-size: 13px;
  font-weight: bold;
  color: #705B35;
}

.legend-row {
  display: flex;
  gap: 15px;
  font-size: 13px;
  font-weight: bold;
  color: #705B35;
  align-items: center;
  margin-top: 5px;
}

.hint-text {
  font-size: 12px;
  color: #998860;
  margin-top: 4px;
}