/* Marks drawn in a passage and the explanation card. Colours come from the page's tokens
   (--accent, --text-muted, --size-meta), so the extension can supply its own. */

:root {
  --rc-evidence: rgb(140 170 255 / 0.3);
  --rc-condition: rgb(255 190 120 / 0.32);
}

::highlight(rc-cue) {
  text-decoration: underline 1px var(--text-muted, #b9c2a4);
  text-underline-offset: 0.25em;
}

::highlight(rc-unresolved) {
  text-decoration: underline dotted 1px var(--text-muted, #b9c2a4);
  text-underline-offset: 0.25em;
}

/* The record being read: its cue carries a firmer underline. */
::highlight(rc-active) {
  text-decoration: underline 2px var(--accent, #dbffa3);
  text-underline-offset: 0.25em;
  background-color: rgb(219 255 163 / 0.12);
}

::highlight(rc-evidence) {
  background-color: var(--rc-evidence);
}

::highlight(rc-condition) {
  background-color: var(--rc-condition);
}

.rc-card {
  margin: 0 0 1rem;
}

.rc-card p {
  margin: 0.2rem 0;
}

.rc-excerpt {
  margin: 0 0 0.5rem;
  padding-left: 0.6rem;
  border-left: 2px solid var(--border, #3d2f44);
}

.rc-excerpt__cue {
  text-decoration: underline 2px var(--accent, #dbffa3);
  text-underline-offset: 0.2em;
}

.rc-excerpt__condition {
  background: var(--rc-condition);
}

.rc-key {
  color: var(--text-muted, #b9c2a4);
  display: inline-block;
  min-width: 4.5em;
}

.rc-claims {
  list-style: none;
  padding: 0;
  margin: 0;
}

.rc-card h4,
.rc-gloss {
  color: var(--text-muted, #b9c2a4);
  font-size: var(--size-meta, 0.9rem);
  font-weight: 400;
}

.rc-card h4 {
  margin: 0.6rem 0 0.1rem;
}

.rc-gloss {
  display: block;
  margin-bottom: 0.25rem;
}

.rc-evidence-toggle {
  margin-top: 0.5rem;
}

.rc-evidence-toggle[aria-pressed='true'] {
  border-color: var(--accent, #dbffa3);
  color: var(--accent, #dbffa3);
}

.rc-swatch {
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  vertical-align: -0.1em;
  margin-right: 0.3em;
  border-radius: 2px;
}

.rc-swatch--evidence {
  background: var(--rc-evidence);
}

.rc-swatch--condition {
  background: var(--rc-condition);
}