.scribble-embed {
  display: block;
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  border-radius: 12px;
  background: rgba(30,35,55,0.6);
  border-left: 4px solid #4b7fff;
  text-decoration: none;
  transition: 0.25s ease;
}

.scribble-embed:hover {
  background: rgba(50,60,90,0.7);
  transform: translateY(-2px);
}

.scribble-embed-title {
  font-weight: bold;
  color: #78aaff;
  margin-bottom: 0.25rem;
}

.scribble-embed-preview {
  font-size: 0.9rem;
  color: #ccd8ff;
  white-space: pre-line;
  opacity: 0.9;
  margin-bottom: 0.75rem;
}

.scribble-embed-open {
  font-size: 0.85rem;
  color: #ffd56e;
}

.scribble-embed.honey {
  border-left-color: #f5c372;
}

.scribble-embed.scroll {
  border-left-color: #ddd0b0;
}

.scribble-embed.math {
  border-left-color: #6ee7ff;
}

.scribble-embed.hybrid {
  border-left-color: #9a85ff;
}