/* Performance Marketing · cheap leads (lanes.js): the scenario's panel (its frame label in the header at body size),
   the two buttons that judge, the lanes' labels, the cost per qualified lead. Builds on ../_template/discipline.css. */
.cap-frame { margin: 0; font: 500 15.5px/1.35 var(--v3-body); letter-spacing: 0.01em; color: var(--e-warn, #f2c27a); }
.cap-judge { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.cap-judge .fz-filter { min-height: 44px; font-size: 10.5px; }
.cap-lane { font: 500 12px/1.45 var(--v3-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--signal, #ece9f1); max-width: 26ch; }
/* a phone: the lanes' figures in three short lines, clear of the narrow frame's edges */
html[data-layout="port"] .cap-lane { max-width: 17ch; }
html[data-layout="land"] .xp[data-story="sig-per"] .xp__body { max-width: 37ch; }
/* a desktop: each lane's figures on one line (lane A's label right of the caption band, below lane B's) */
html[data-layout="land"] .cap-lane { max-width: none; white-space: nowrap; }
/* (PORT-SITE, check_contrast) the label's glass as wide as its one line: the kit's 300 px label width left the
   line's end outside its panel, over the lanes' passing lights */
html[data-layout="land"] .xp:is([data-story="sig-a"], [data-story="sig-b"]) { max-width: none; }
.xp[data-story="sig-a"] { border-left: 2px solid #b79cf0; }
.xp[data-story="sig-b"] { border-left: 2px solid #f2e6ff; }
/* the lane that wins under the current judgement reads brighter (html[data-judge], lanes.js) */
html[data-judge="cpq"] .xp[data-story="sig-a"] .cap-lane, html[data-judge="cpl"] .xp[data-story="sig-b"] .cap-lane { color: rgba(236, 233, 241, 0.74); }
.xp[data-story="sig-per"] .xp__body { font-size: 15px; }
.xp[data-story="sig-panel"] .xp__h2 { max-width: 16ch; }
/* the panel over the lanes' light: a deeper glass; the judgement not chosen still reads (4.5:1) */
.cap-body .xp[data-story="sig-panel"]::before { background: rgba(10, 8, 16, 0.78) !important; }
.cap-judge .fz-filter:not([aria-pressed="true"]) { color: rgba(236, 233, 241, 0.92); background: rgba(10, 8, 16, 0.55); }