/* Indexed slots on the redesign foundation. A technical index, kept calm: one quiet status chip,
 * facts on a hairline, filters as fields and dropdowns, and each slot a row that opens in place. */
.indexed-workspace{max-width:1240px}
.indexed-heading{align-items:flex-start;margin-bottom:12px}
.indexed-source-label{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:var(--gx-soft);color:var(--gx-ink-2);font-size:11.5px;font-weight:500;white-space:nowrap}
.indexed-intro{max-width:86ch;margin:0 0 24px;font-size:13.5px;line-height:1.6;color:var(--gx-ink-2)}
/* The extension test build: one soft panel with its download; checksums stay small and faint. */
.indexed-test-build{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;margin:0 0 28px;padding:16px 18px;border-radius:var(--gx-r-group);background:var(--gx-surface);box-shadow:0 0 0 1px var(--gx-stroke);font-size:13px}
.indexed-test-build strong{font-weight:600}
.indexed-test-build p{max-width:80ch;margin-top:4px;font-size:12px;line-height:1.55;color:var(--gx-muted)}
.indexed-test-build a{flex:none}
.engine-comparison-download{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:300px}
.engine-comparison-download small{font-size:11px;line-height:1.45;color:var(--gx-muted);text-align:right;overflow-wrap:anywhere;white-space:normal}
.indexed-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px;margin:0 0 26px}
.indexed-overview>div{display:flex;flex-direction:column-reverse;gap:5px;min-width:0;padding-top:12px;border-top:1px solid var(--gx-hair)}
.indexed-overview dt{font-size:12px;line-height:1.4;color:var(--gx-muted)}
.indexed-overview dd{margin:0;font-size:26px;font-weight:600;letter-spacing:-.8px;line-height:1.15;font-variant-numeric:tabular-nums}
.indexed-filters{display:grid;grid-template-columns:minmax(220px,1.7fr) repeat(4,minmax(130px,1fr));gap:12px;align-items:end}
.indexed-filters label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:500;color:var(--gx-ink-2)}
.indexed-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)}
.indexed-filters input:hover{border-color:var(--gx-bar)}
.indexed-filters input:focus-visible{outline:2px solid var(--gx-accent);outline-offset:1px;border-color:transparent}
.indexed-results-bar,.indexed-list-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;font-size:12.5px;color:var(--gx-muted)}
.indexed-results-bar p,.indexed-list-footer p{font-variant-numeric:tabular-nums}
.indexed-list-footer nav{display:flex;gap:8px}
/* Slots: one white group of rows; a row opens in place. */
#indexed-list{border-radius:var(--gx-r-group);background:var(--gx-surface);box-shadow:0 0 0 1px var(--gx-stroke);overflow:hidden}
#indexed-list:empty{display:none}
.indexed-column-headings,.indexed-slot-summary{display:grid;grid-template-columns:minmax(180px,2fr) .6fr 1.1fr 1fr 1.1fr 20px;gap:16px;align-items:center;padding:12px 18px}
.indexed-column-headings{padding-top:0;padding-bottom:8px;font-size:11.5px;font-weight:500;color:var(--gx-muted)}
.indexed-slot{border-top:1px solid var(--gx-hair)}
.indexed-slot:first-child{border-top:0}
.indexed-slot-summary{min-height:72px;list-style:none;cursor:pointer;font-size:12.5px;line-height:1.5;transition:background .15s ease}
.indexed-slot-summary::-webkit-details-marker{display:none}
.indexed-slot-summary:hover,.indexed-slot[open]>.indexed-slot-summary{background:color-mix(in srgb,var(--gx-soft) 75%,transparent)}
.indexed-slot-summary:focus-visible{outline:2px solid var(--gx-accent);outline-offset:-2px}
.indexed-slot-title{min-width:0}
.indexed-slot-title strong{display:block;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.indexed-slot-title small{display:block;margin-top:2px;font-size:11.5px;color:var(--gx-muted);overflow-wrap:anywhere}
.indexed-summary-cell{min-width:0;color:var(--gx-ink-2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.indexed-cell-label{display:none}
.indexed-expand{display:grid;place-items:center;font-size:0;color:var(--gx-muted)}
.indexed-expand::after{content:'';width:8px;height:8px;margin-top:-4px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);transition:transform .25s var(--gx-ease)}
.indexed-slot[open]>.indexed-slot-summary>.indexed-expand::after{transform:translateY(4px) rotate(225deg)}
.indexed-slot-body{padding:4px 22px 22px;border-top:1px solid var(--gx-hair)}
.indexed-source-note{margin:16px 0 20px;font-size:12px;color:var(--gx-muted)}
.indexed-detail-heading{margin:24px 0 10px;font-size:15px;font-weight:600}
.indexed-mode-scroll{width:100%;overflow:auto;scrollbar-width:thin}
.indexed-mode-table{width:100%;min-width:820px;border-collapse:collapse;font-size:12.5px;text-align:left}
.indexed-mode-table th{font-size:11.5px;font-weight:500;color:var(--gx-muted);vertical-align:bottom}
.indexed-mode-table :is(td,th){max-width:240px;padding:9px 12px;border-bottom:1px solid var(--gx-hair);vertical-align:top;overflow-wrap:anywhere}
.indexed-mode-table :is(td,th):first-child{padding-left:0}
.indexed-mode-table :is(td,th):last-child{padding-right:0;white-space:nowrap}
.indexed-mode-table td small{display:block;margin-top:3px;font-size:11.5px;line-height:1.5;color:var(--gx-muted)}
.indexed-detail-note{max-width:100ch;margin:12px 0;font-size:12px;line-height:1.6;color:var(--gx-muted)}
.indexed-natural{margin-top:14px;padding-top:14px;border-top:1px solid var(--gx-hair)}
.indexed-natural h3{margin:0 0 12px;font-size:13px;overflow-wrap:anywhere}
.indexed-facts{display:grid;grid-template-columns:170px minmax(0,1fr);gap:6px 18px;margin:0 0 14px;font-size:12.5px;line-height:1.6}
.indexed-facts dt{color:var(--gx-muted)}
.indexed-facts dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.indexed-predicates{margin:8px 0;font-size:12.5px;color:var(--gx-ink-2)}
.indexed-predicates summary{min-height:32px;padding:6px 0;cursor:pointer;color:var(--gx-accent);font-weight:500}
.indexed-predicates pre{padding:14px;border-radius:12px;background:var(--gx-soft);font:12px/1.6 var(--gx-font);white-space:pre-wrap;overflow-wrap:anywhere}
.indexed-review-reasons{padding-left:18px;font-size:12px;line-height:1.6;color:var(--gx-muted);overflow-wrap:anywhere}
.indexed-review-reasons li{margin-bottom:6px}
.indexed-message{margin-bottom:16px;padding:32px 24px;border-radius:var(--gx-r-group);background:var(--gx-surface);box-shadow:0 0 0 1px var(--gx-stroke);text-align:center}
.indexed-message h2{margin:0 0 6px;font-size:17px}
.indexed-message p{margin:0 0 14px;font-size:13px;line-height:1.6;color:var(--gx-muted)}
.indexed-page-provenance{margin-top:22px;padding-top:16px;border-top:1px solid var(--gx-hair);font-size:11.5px;line-height:1.7;color:var(--gx-muted);overflow-wrap:anywhere}
#indexed-status{margin:0 0 12px}
/* Hold the comparison's usual height while it loads, so the page under it does not jump. */
#engine-comparison:has(>.engine-comparison-pending){min-height:700px}
@media (max-width:1023px){#engine-comparison:has(>.engine-comparison-pending){min-height:760px}}
@media (max-width:767px){#engine-comparison:has(>.engine-comparison-pending){min-height:930px}}

@media (max-width:1050px){
 .indexed-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
 .indexed-search-field{grid-column:1/-1}
 .indexed-column-headings,.indexed-slot-summary{grid-template-columns:minmax(160px,1.8fr) .55fr 1fr 1fr 1.1fr 16px;gap:10px;padding-inline:14px}
}
@media (max-width:767px){
 .indexed-heading{flex-direction:column}
 .indexed-test-build{flex-direction:column;align-items:flex-start}
 .engine-comparison-download{align-items:flex-start}
 .engine-comparison-download small{text-align:left}
 .indexed-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
 .indexed-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .indexed-column-headings{display:none}
 .indexed-slot-summary{grid-template-columns:1fr 1fr 18px;gap:10px 14px;padding:16px}
 .indexed-slot-title{grid-column:1/3}
 .indexed-expand{grid-column:3;grid-row:1}
 .indexed-cell-label{display:block;margin-bottom:2px;font-size:11px;color:var(--gx-muted)}
 .indexed-slot-body{padding:4px 16px 18px}
 .indexed-facts{grid-template-columns:130px minmax(0,1fr);gap:6px 12px}
}
@media (max-width:539px){.indexed-overview dd{font-size:22px}.indexed-facts{grid-template-columns:1fr;gap:2px}.indexed-facts dd{margin-bottom:8px}}