/* search.nida.bible additions to the editor's styles: the SDBH entry popup */

.sdbh-pop {
  width: min(640px, calc(100vw - 32px));
  max-height: min(80vh, 720px);
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--panel);
  color: var(--ink);
  box-shadow: 0 8px 30px rgba(0, 0, 0, .2);
}
.sdbh-pop::backdrop { background: rgba(0, 0, 0, .25); }
.sdbh-head {
  position: sticky; top: 0;
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 12px; border-bottom: 1px solid var(--line); background: var(--panel);
}
.sdbh-title .he { font-size: 22px; }
.sdbh-close { font-size: 18px; line-height: 1; border: none; }
.sdbh-body { padding: 4px 16px 12px; }
.sdbh-pos { margin-top: 10px; color: var(--muted); font-style: italic; }
.sdbh-ms { list-style: none; padding: 0; margin: 4px 0; }
.sdbh-m { padding: 6px 8px; border-radius: 4px; margin-bottom: 2px; }
.sdbh-m.on { background: var(--hit); }
.sdbh-dom { display: inline-block; padding: 0 6px; border-radius: 3px; background: var(--chip); font-size: 12px; margin-inline-end: 4px; }
.sdbh-dom.core { font-style: italic; }
.sdbh-def { margin-top: 2px; }
.sdbh-gloss { font-weight: 600; }
.sdbh-type { font-size: 11px; color: var(--muted); }
.sdbh-m details { margin-top: 4px; }
.sdbh-m details ul { margin: 4px 0; padding-inline-start: 18px; }
.sdbh-m summary { cursor: pointer; color: var(--muted); }