/* export page: only what castomo-dashkit does not already draw; kit tokens only (no colour literals, no font-family, no pixel font sizes). */

/* A file's name sits beside its media type; the kit's <code> face is monospace. */
.export-file { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s0); }
.export-name { overflow-wrap: anywhere; }

/* The preview follows the person down the page on a wide screen, so a file asked for at the top of
   a long list is read without scrolling back up. */
.export-preview-card { position: sticky; inset-block-start: var(--s2); }
.export-pre {
  max-block-size: 60vh;
  overflow: auto;
  padding: var(--s1);
  border-radius: var(--radius-card);
  background: var(--field);
  color: var(--ink);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: var(--t-1);
}
.export-pre:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* The origin hint turns amber when the address will not make a sitemap, and says why in words too. */
#export-origin-hint[data-tone="warn"] { color: var(--warn); }

@media (max-width: 1100px) {
  .export-preview-card { position: static; }
}

/* A file's actions sit on a line of their own under its description: beside it they would leave the
   sentence a few words wide in a column that shares the page with the preview. */
.export-list > li > .btn-row { flex-basis: 100%; justify-content: flex-start; }