/* The bonus-entry check on the redesign foundation: a heading with a quiet source picker, one plain
 * comparison table in a white group, and folded details for the 100 test slots. */
.engine-comparison{margin:0 0 30px;padding:22px 0 4px;border-top:1px solid var(--gx-hair)}
.engine-comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:10px}
.engine-comparison-heading h2{font-size:20px;letter-spacing:-.5px}
.engine-comparison-heading label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--gx-muted)}
.engine-comparison-intro,.engine-comparison-limit{max-width:90ch;margin:0 0 14px;font-size:13px;line-height:1.6;color:var(--gx-muted)}
.engine-comparison-scroll{width:100%;margin:16px 0;padding:2px 14px 6px;overflow:auto;border-radius:var(--gx-r-group);background:var(--gx-surface);box-shadow:0 0 0 1px var(--gx-stroke);scrollbar-width:thin}
.engine-comparison-table{width:100%;min-width:620px;border-collapse:collapse;font-size:13px;line-height:1.5;text-align:left}
.engine-comparison-table caption{padding:12px 0 6px;font-size:12px;color:var(--gx-muted);text-align:left}
.engine-comparison-table :is(th,td){padding:11px 12px;border-top:1px solid var(--gx-hair);font-weight:400;vertical-align:top}
.engine-comparison-table th:first-child{max-width:280px;padding-left:0}
.engine-comparison-table thead th{border-top:0;font-size:11.5px;font-weight:500;color:var(--gx-muted)}
.engine-comparison-table td{font-size:15px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.2px}
.engine-comparison-table td:last-child{color:var(--gx-accent);font-weight:600}
.engine-comparison-gain{max-width:95ch;margin:0 0 10px;font-size:13.5px;line-height:1.6;color:var(--gx-ink-2)}
.engine-comparison-limit{margin:0 0 18px;font-size:12px}
.engine-comparison-details{border-top:1px solid var(--gx-hair);font-size:13px;line-height:1.6}
.engine-comparison-details>summary{display:flex;align-items:center;min-height:46px;list-style:none;cursor:pointer;font-weight:600}
.engine-comparison-details>summary::-webkit-details-marker{display:none}
.engine-comparison-details>summary::after{content:'';width:7px;height:7px;margin:-3px 4px 0 auto;border-right:1.6px solid var(--gx-muted);border-bottom:1.6px solid var(--gx-muted);transform:rotate(45deg);transition:transform .25s var(--gx-ease)}
.engine-comparison-details[open]>summary::after{transform:translateY(3px) rotate(225deg)}
.engine-comparison-details>p{max-width:90ch;margin:0 0 14px;color:var(--gx-muted)}
.engine-comparison-filters{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(160px,1fr);gap:12px;margin:6px 0 12px}
.engine-comparison-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500;color:var(--gx-ink-2)}
.engine-comparison-filters input{width:100%;min-width:0;height:40px;padding:0 12px;border:1px solid var(--gx-rule);border-radius:var(--gx-r-field);background:var(--gx-surface);color:var(--gx-ink);font:400 13px var(--gx-font)}
.engine-comparison-filters input:focus-visible{outline:2px solid var(--gx-accent);outline-offset:1px;border-color:transparent}
.engine-comparison-match-count{margin:0 0 8px;font-size:12px;color:var(--gx-muted)}
.engine-comparison-game{margin:0;padding:0 14px;border-top:1px solid var(--gx-hair)}
.engine-comparison-game summary{display:flex;justify-content:space-between;gap:16px;min-height:46px;padding:12px 0;list-style:none;cursor:pointer}
.engine-comparison-game summary::-webkit-details-marker{display:none}
.engine-comparison-game strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.engine-comparison-game summary span{font-size:12px;color:var(--gx-muted);text-align:right}
.engine-comparison-game p{max-width:100ch;margin:0;padding-bottom:12px;font-size:12px;line-height:1.6;color:var(--gx-muted);overflow-wrap:anywhere}
.engine-comparison-provenance{margin:18px 0 0;font-size:11.5px;color:var(--gx-muted);overflow-wrap:anywhere}
.engine-comparison-pending{margin:0 0 24px;font-size:13px;color:var(--gx-muted)}
@media (max-width:650px){.engine-comparison-heading{flex-direction:column;align-items:flex-start}.engine-comparison-filters{grid-template-columns:1fr}.engine-comparison-game summary{flex-direction:column;gap:2px}.engine-comparison-game summary span{text-align:left}}
