/* Engine page: on top of style.css and insights.css (tiles, cards, the palette). */
.adds { display: grid; gap: 12px 24px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.adds > div { min-width: 0; }
.adds ul, .next { margin: 0; padding-left: 20px; display: grid; gap: 6px; max-width: 78ch; }
.adds .engine-col { border-left: 3px solid var(--up); padding-left: 16px; }
.findings { list-style: none; padding: 0; margin: 4px 0 14px; display: grid; gap: 8px; }
.findings li { padding: 10px 14px; border-radius: 10px; background: var(--soft); border-left: 4px solid var(--none); max-width: 90ch; }
.scroll { overflow-x: auto; }
.probe { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }
.probe th, .probe td { padding: 7px 12px 7px 0; text-align: left; vertical-align: top; }
.probe thead th { font: 600 0.78rem var(--sans); color: var(--muted); text-transform: uppercase; letter-spacing: 0.06em; border-bottom: 1px solid var(--rule); white-space: nowrap; }
.probe tbody td { border-bottom: 1px solid var(--rule); }
.probe .sub { color: var(--muted); font-size: 0.88rem; }
.probe .best { font-weight: 700; }
.probe .best.strong { color: var(--b); }
.probe .res { display: inline-block; min-width: 1.8em; text-align: center; font-weight: 700; border-radius: 6px; padding: 1px 6px; color: var(--none); background: var(--none-soft); }
.probe .res.win { color: var(--up); background: var(--up-soft); }
.probe .res.loss { color: var(--down); background: var(--down-soft); }
.probe .took { display: inline-block; border-radius: 999px; padding: 1px 8px; font-weight: 700; font-size: 0.86rem; white-space: nowrap; color: var(--up); background: var(--up-soft); }
.probe .skip { display: inline-block; border-radius: 999px; padding: 1px 8px; font-size: 0.86rem; white-space: nowrap; color: var(--none); background: var(--none-soft); }