/* Historical material tests: compact rows with native disclosure controls. */
#material-tests {scroll-margin-top:110px}
.test-index {margin-top:28px;border-top:2px solid var(--green-deep);background:#fff}
.test-record {border-bottom:1px solid var(--line-strong);scroll-margin-top:110px}
.test-record summary {display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) minmax(180px,.9fr) 24px;align-items:center;gap:20px;padding:22px 24px;cursor:pointer;list-style:none;color:var(--ink);min-height:76px}
.test-record summary::-webkit-details-marker {display:none}
.test-name {font-size:1.1rem;font-weight:700}
.test-result {font-size:1rem;font-weight:600;color:var(--green-deep);font-variant-numeric:tabular-nums}
.test-source {font-size:.88rem;color:var(--muted)}
.test-record summary svg {width:22px;height:22px;color:var(--purple);transition:transform .18s ease-out}
.test-record[open] summary {background:var(--green-soft)}
.test-record[open] summary svg {transform:rotate(180deg)}
.test-record summary:hover {background:var(--green-soft)}
.test-record summary:focus-visible,.test-view:focus-visible {outline:3px solid var(--purple);outline-offset:-3px}
.test-body {padding:24px;max-width:920px}
.test-body p {max-width:72ch}
.test-body .test-reference {color:var(--purple);font-size:.91rem;margin-bottom:16px;overflow-wrap:anywhere}
.test-body .table-scroll {margin:20px 0 12px}
.test-body table {min-width:0;table-layout:auto;margin:0;font-variant-numeric:tabular-nums}
.test-body th,.test-body td {padding:12px 16px}
.test-body tbody th {white-space:normal}
.test-body i {font-weight:400}
.test-body .test-note {font-size:.91rem;color:var(--muted);line-height:1.8;margin-top:12px}
.test-actions {display:flex;flex-wrap:wrap;gap:12px}
.test-view {display:inline-block;background:transparent;color:var(--green-deep);font:inherit;font-weight:700;border:1px solid var(--green-deep);border-radius:var(--radius);padding:10px 16px;min-height:44px;text-align:left;cursor:zoom-in;margin-top:4px}
.test-view:hover {background:var(--green-soft)}
.other-tests-title {margin-top:44px}
.test-index ::selection {background:var(--purple);color:#fff}
@media(max-width:900px) {
  .test-record summary {grid-template-columns:minmax(150px,1fr) minmax(190px,1.1fr) 24px;gap:8px 16px;padding:20px}
  .test-source {grid-column:1/3}
  .test-record summary svg {grid-column:3;grid-row:1/3}
}
@media(max-width:560px) {
  .test-record summary {grid-template-columns:minmax(0,1fr) 24px;gap:6px 12px;padding:18px 16px}
  .test-name,.test-result,.test-source {grid-column:1}
  .test-record summary svg {grid-column:2;grid-row:1/4}
  .test-name {font-size:1.06rem}
  .test-result {font-size:.96rem}
  .test-body {padding:20px 16px}
  .test-body th,.test-body td {padding:10px 8px;font-size:.87rem;overflow-wrap:anywhere}
  .test-body thead th {white-space:normal}
  .test-body p {font-size:.95rem}
}
@media(prefers-reduced-motion:reduce) {.test-record summary svg {transition:none}}