/* Growth Toolbelt trace and the source's comparison image */
.trace { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.trace li { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: 10px; align-items: baseline; padding: 6px 0; border-top: 1px solid var(--line); font-size: var(--step--1); }
.trace li:first-child { border-top: 0; }
.trace .lv { font-family: var(--font-num); font-size: var(--step--2); font-weight: 600; color: var(--ink-3); }
.trace li.ok .lv { color: var(--pos); }
.trace .what { color: var(--ink-3); font-size: var(--step--2); display: block; }
.trace .val { color: var(--ink); }
.trace li.miss .val { color: var(--ink-3); font-style: italic; }
.fw-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.comp { margin: 0 0 var(--space-l); display: flex; flex-direction: column; gap: 8px; }
.comp img { width: 100%; height: auto; border-radius: var(--radius-card); box-shadow: var(--shadow-1); cursor: zoom-in; background: var(--canvas); }
.comp figcaption { font-size: var(--step--1); color: var(--ink-2); }
.media > img.cimg { object-fit: contain; padding: 4%; }