/* Extracted from ev-methodology.html to avoid inline styles. */
.sub {
  color: var(--muted);
  font-size: 0.95rem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pill {
  background: linear-gradient(
    120deg,
    rgba(122, 162, 255, 0.18),
    rgba(94, 244, 255, 0.16)
  );
  border: 1px solid rgba(122, 162, 255, 0.38);
  color: #e0e8ff;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.78rem;
  padding: 4px 10px;
}

nav.toc {
  background: var(--panel-alt);
  border: var(--border);
  border-radius: 12px;
  padding: 18px;
  box-shadow: var(--shadow-soft);
}

nav.toc ul {
  margin: 10px 0 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;
}

.small {
  font-size: 0.9rem;
  color: var(--muted);
}

code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.95em;
}

/* Add a visible expand/collapse affordance for methodology FAQ sections. */
details > summary::after {
  content: "▾";
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1;
  transform: rotate(-90deg);
  transition:
    transform var(--transition-duration) ease,
    color var(--transition-duration) ease;
}

details[open] > summary::after {
  color: var(--text);
  transform: rotate(0deg);
}