/* The download page: one list box per dataset. */

/* The box is the point of the page, so it is wide, monospaced and
   scrollable -- a list of 5,000 URLs is not something to paginate, and a
   textarea is the one element a reader can select all of with one
   keystroke and a script can fill without escaping anything. Readonly
   rather than disabled: disabled text is greyed and unselectable in some
   browsers, which would defeat the purpose. */
.dl-list {
  display: block;
  width: 100%;
  max-width: var(--measure);
  font-family: var(--mono);
  font-size: 0.78rem;
  line-height: 1.55;
  /* Not wrapped. A URL that wraps looks like two URLs, and these are long
     enough that every one of them would. Horizontal scrolling is the
     lesser evil, and copying is unaffected either way. */
  white-space: pre;
  overflow: auto;
  resize: vertical;
  padding: 0.7rem 0.85rem;
  color: var(--fg);
  background: var(--bg-inset);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

.dl-list:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* File count, size and the link to the same list as a file. Sits directly
   above its box. */
.dl-meta {
  max-width: var(--measure);
  margin: 1.25rem 0 0.4rem;
  font-size: 0.88rem;
  color: var(--fg-soft);
}

.dl-actions {
  max-width: var(--measure);
  margin: 0.4rem 0 1.5rem;
  font-size: 0.88rem;
}

/* The schema tables are two columns of prose rather than data, and the
   left one is a column name: keep it on one line and let the description
   have the rest. Alignment comes from .data-table already. */
.prose .data-table { margin: 1rem 0 0; }
.prose .data-table td:first-child { white-space: nowrap; }

/* The list of metrics left out of the pairwise tables. Collapsed by
   default: it answers a question most readers will not have. */
.dl-excluded {
  max-width: var(--measure);
  margin: 1rem 0 0;
  font-size: 0.94rem;
}
.dl-excluded > summary {
  cursor: pointer;
  font-weight: 600;
  width: fit-content;
}
.dl-excluded > summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.dl-excluded ul { padding-left: 1.2rem; }
.dl-excluded li { margin: 0.4rem 0; }