/* Consulting & Training · the audit (audit.js): the chain's questions beside the notebook (the pencil's station lit),
   the finding pinned to FOLLOW-UP, the roadmap. Builds on ../_template/discipline.css. */
.cap-chain { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.cap-chain > li { display: grid; grid-template-columns: 9.5em minmax(0, 1fr); column-gap: 12px; align-items: baseline; opacity: 0.8; transition: opacity 320ms var(--v3-ease); }
.cap-chain > li.is-done { opacity: 0.9; }
.cap-chain > li.is-cur { opacity: 1; }
.cap-chain > li.is-dark { opacity: 0.5; }
.cap-st { font: 500 10.5px/1.5 var(--v3-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--filament, #c9b6ea); }
.cap-chain > li.is-cur .cap-st { color: var(--signal, #ece9f1); }
.cap-chain > li:nth-child(6).is-cur .cap-st { color: var(--e-warn, #f2c27a); }
.cap-q { font: 400 15px/1.4 var(--v3-body); color: rgba(236, 233, 241, 0.94); }
html[data-layout="land"] .xp[data-story="sig-q"] { width: min(calc(50vw - var(--g-m) - 16px), 580px); max-width: 580px; }
.cap-lanes { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.cap-lanes > li { display: grid; grid-template-columns: 4.6em minmax(0, 1fr); column-gap: 12px; align-items: baseline; font: 400 15px/1.4 var(--v3-body); }
.cap-lanes__n { font: 500 10.5px/1.5 var(--v3-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--filament, #c9b6ea); }
.xp[data-story="sig-road"] .xp__head, .xp[data-story="sig-finding"] .xp__head { max-width: 22ch; }
@media (max-width: 760px), (max-aspect-ratio: 9/10) {
  .cap-chain > li { grid-template-columns: 7.4em minmax(0, 1fr); column-gap: 8px; }
  .cap-q, .cap-lanes > li { font-size: 13px; }
}
/* the words over the notebook's lit page: a deeper glass (tools/check_contrast.py, 4.5:1) */
.cap-body .xp:is([data-story="sig-q"], [data-story="sig-finding"], [data-story="sig-road"], [data-story="sig-room"])::before { background: rgba(10, 8, 16, 0.8) !important; }