/* Klaar voor NT2 — verbs readability repair 202608271. */
.vb-card {
  background: var(--bg-card, #ffffff);
  color: var(--text-primary, #1a1a2e);
  border-color: var(--border, rgba(0, 0, 0, .12));
}
.vb-card:hover, .vb-card-open { border-color: var(--accent, #6c63ff); }
.vb-meaning {
  color: var(--text-secondary, #4a4a6a);
  opacity: 1;
  direction: rtl;
  font-weight: 650;
  line-height: 1.55;
}
.vb-detail { border-top-color: var(--border, rgba(0, 0, 0, .12)); }
.vb-row-label, .vb-examples-title { color: var(--text-secondary, #4a4a6a); opacity: 1; }
.vb-row-value, .vb-example-nl { color: var(--text-primary, #1a1a2e); }
.vb-example-ar { color: var(--text-secondary, #4a4a6a); opacity: 1; direction: rtl; }
.vb-example-preview {
  margin-top: 12px;
  padding: 10px 12px;
  border-inline-start: 3px solid var(--accent, #6c63ff);
  border-radius: 0 10px 10px 0;
  background: var(--bg-secondary, #f0f0ff);
}
.vb-example-preview-label {
  margin-bottom: 3px;
  color: var(--text-muted, #606080);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.vb-example-preview-nl { color: var(--text-primary, #1a1a2e); font-size: .91rem; line-height: 1.45; }
.vb-example-preview-ar { margin-top: 4px; color: var(--text-secondary, #4a4a6a); direction: rtl; font-size: .87rem; line-height: 1.55; }
@media (max-width: 560px) {
  .vb-grid { grid-template-columns: 1fr; gap: 12px; }
  .vb-card { padding: 15px; }
  .vb-example-preview { padding: 10px; }
}