/* Primaerschluessel-Beispiel: Schema und Datensaetze, Hervorhebung per pk-hover.js */
.pk-begriff { cursor: help; border-bottom: 2px dotted #94a3b8; border-radius: 4px; padding: 0 .1em;
  transition: background .15s, color .15s; }
.pk-begriff.pk-aktiv, .pk-begriff:focus-visible { background: #fee2e2; color: #b91c1c; outline: none; }
.pk-demo { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; margin: .6rem 0 1rem; }
.pk-schema { background: #fff; border: 1px solid #cbd5dd; border-radius: 6px; min-width: 11rem; font-size: .9rem; }
.pk-schema-name { background: #34474f; color: #fff; font-weight: 700; padding: .2rem .5rem; border-radius: 5px 5px 0 0; }
.pk-schema ul { list-style: none; margin: 0; padding: .25rem .5rem .35rem; }
.pk-schema li { display: flex; gap: .35rem; align-items: baseline; border-radius: 4px; padding: 0 .2rem;
  transition: background .15s; }
.pk-schema .sql-attr { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.pk-schema .sql-pk .sql-attr { text-decoration: underline; font-weight: 700; }
.pk-schema .sql-typ { color: #7a8790; font-size: .78rem; }
.pk-demo .material-table th, .pk-demo .material-table td { transition: background .15s, color .15s; }
.pk-schema li.pk-hervor { background: #fee2e2; color: #b91c1c; }
.pk-demo .material-table .pk-hervor { background: #fee2e2; color: #b91c1c; font-weight: 700; }