/* The shared navigator's text rendering. Colours come from the host page's custom properties when it
   defines them (--snav-*), with neutral fallbacks, so Logos' brand.css and the Studio theme both apply. */
.snav { font-size: 0.95rem; line-height: 1.45; }
.snav-list { list-style: none; margin: 0; padding-left: 1.1rem; }
.snav-roots { padding-left: 0; }
.snav-row { display: flex; align-items: baseline; gap: 0.4rem; padding: 0.15rem 0; flex-wrap: wrap; }
.snav-toggle {
  width: 1.2rem; flex: 0 0 1.2rem; border: 0; background: none; padding: 0; cursor: pointer;
  color: var(--snav-muted, #6b7280); font-size: 0.85rem;
}
.snav-toggle:disabled { cursor: default; }
.snav-label {
  border: 0; background: none; padding: 0; font: inherit; text-align: left; cursor: pointer;
  color: var(--snav-text, inherit);
}
span.snav-label { cursor: default; color: var(--snav-muted, #6b7280); }
button.snav-label:hover, button.snav-label:focus-visible { text-decoration: underline; }
.snav-subject > .snav-row > .snav-label { font-weight: 600; }
.snav-reasoning > .snav-row > .snav-label { font-weight: 400; }
.snav-count, .snav-doc, .snav-elsewhere { color: var(--snav-muted, #6b7280); font-size: 0.8rem; }
.snav-count {
  padding: 0 0.4rem; border-radius: 999px; background: var(--snav-badge, rgba(107, 114, 128, 0.12));
}
.snav-elsewhere { font-style: italic; }
.snav-status { color: var(--snav-muted, #6b7280); font-style: italic; padding: 0.15rem 0 0.15rem 1.6rem; }
.snav-error { color: var(--snav-error, #b91c1c); }

/* A framed walk: how a corpus reasoning relates to its article, and the node they meet on. */
.snav-relation {
  font-size: 0.75em;
  padding: 0.05em 0.45em;
  border-radius: 0.6em;
  border: 1px solid var(--snav-muted, currentColor);
  white-space: nowrap;
}
.snav-relation-follows { color: var(--snav-follows, #2e7d32); border-color: currentColor; }
.snav-relation-contradicts { color: var(--snav-contradicts, #c62828); border-color: currentColor; }
.snav-relation-reinterprets { color: var(--snav-reinterprets, #b26a00); border-color: currentColor; }
.snav-via { font-size: 0.85em; color: var(--snav-muted, inherit); }
.snav-outside > .snav-row .snav-label { font-style: italic; }