/* Extra pieces for research articles: download row, charts, wide tables, row headers.
   Colors and radius come from styles.css. */
.research-downloads{display:flex;gap:.65rem 1.2rem;flex-wrap:wrap;margin:1.1rem 0 1.6rem;padding:.8rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:46rem;font-size:.88rem}
.research-figure{max-width:46rem;margin:1.7rem 0}
.research-figure img{width:100%;height:auto;border:1px solid var(--border);border-radius:10px;background:#fff}
.research-figure figcaption{font-size:.82rem;color:var(--muted);margin-top:.65rem;line-height:1.5}

.table-scroll{max-width:46rem;overflow-x:auto;overscroll-behavior-x:contain;border-radius:12px;margin:1rem 0;-webkit-overflow-scrolling:touch}
.table-scroll:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.table-scroll .score-comp-table{margin:0}
.prose .table-scroll-hint{display:none;font-size:.82rem;color:var(--muted);margin:1rem 0 .4rem}
.table-scroll-hint+.table-scroll{margin-top:0}

/* Row headers keep their meaning for screen readers but look like the first column in other reports. */
.research-article .score-comp-table tbody th{background:transparent;color:var(--text);font-size:inherit;font-weight:650;letter-spacing:0;text-transform:none;text-align:left;border-bottom:1px solid #E6D7A8}
.research-article .score-comp-table tbody tr:last-child th{border-bottom:none}
.research-article .score-comp-table code{font-size:.86em;overflow-wrap:anywhere}

@media (max-width:700px){
  .table-scroll table{min-width:540px}
  .table-scroll-wide table{min-width:680px}
  .prose .table-scroll-hint{display:block}
}