.record-form { display: grid; gap: 12px; max-width: 720px; }
.record-form label { font-weight: 750; }
.record-form textarea { width: 100%; padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); font: inherit; }
.record-form textarea:focus-visible, button:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
button.button-link { font: inherit; font-weight: 700; cursor: pointer; border: 0; justify-self: start; }
.record-form p { margin: 0 0 12px; }
.table-scroll { overflow-x: auto; }
.record-result table { border-collapse: collapse; width: 100%; min-width: 580px; }
.record-result caption { text-align: left; font-weight: 650; margin-bottom: 10px; }
.record-result th, .record-result td { text-align: left; border-bottom: 1px solid var(--line); padding: 12px 10px; }
.record-result th { background: var(--soft); }
.muted { color: var(--muted); }
.source-details { margin: 24px 0; }
.source-details summary { cursor: pointer; font-weight: 650; }
.source-details dt { font-weight: 650; margin-top: 12px; }
.source-details dd { margin-left: 0; overflow-wrap: anywhere; }