/* Jarbou3i import and export (UIX-4, ADR-0002): the case file's exports and
   the import's review details under the answer. Classes are .j-export-* and
   .j-audit-*; the cards, buttons and notes are kernel controls. */

/* In the case file, so it takes the case's colour. */
.j-export { display: grid; gap: var(--j-s-3); background: transparent; }
.j-export .j-card h4 { margin: 0; font-size: var(--j-t-16); }
.j-export .j-card p { margin: 0; color: var(--j-fg-muted); }
.j-export .j-card .j-btn { justify-self: start; }
@media (min-width: 720px) {
  .j-export { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: start; }
}

/* The whole canonical contract and the import's review details are kernel
   disclosures (.j-disclosure). */
.j-export-raw { margin-top: var(--j-s-3); }
/* It takes focus, so the keyboard can scroll it. */
.j-export-raw pre {
  max-height: 50vh; overflow: auto; margin: 0; padding: var(--j-s-3); border-top: 1px solid var(--j-line);
  font: var(--j-t-12)/1.5 var(--j-font-code); text-align: left; white-space: pre-wrap; overflow-wrap: anywhere;
}
.j-export-raw pre:focus-visible { outline: 3px solid var(--j-signal); outline-offset: -2px; }

.j-audit-body { display: grid; gap: var(--j-s-3); padding: 0 var(--j-s-3) var(--j-s-3); font-size: var(--j-t-13); }
.j-audit-group h3 { margin: 0 0 var(--j-s-1); font-size: var(--j-t-13); }
.j-audit-group p, .j-audit-group ul { margin: 0; }
.j-audit-group ul { padding-inline-start: var(--j-s-5); }
.j-audit-path, .j-audit-group code { font-family: var(--j-font-code); overflow-wrap: anywhere; }
/* The parts an answer held back needs, under the note that says so. */
.j-audit-gaps { display: grid; gap: var(--j-s-2); margin: 0; padding-inline-start: var(--j-s-5); font-size: var(--j-t-14); line-height: 1.5; overflow-wrap: anywhere; }