:is(#result-file-metadata, #result-panel-file) .metadata-list > .hj-readable-metadata {
  /* Use the shared metadata row columns and responsive breakpoint. */
  box-shadow: none;
}
:is(#result-file-metadata, #result-panel-file) .metadata-list > .hj-readable-metadata > dt,
:is(#result-file-metadata, #result-panel-file) .metadata-list > .hj-readable-metadata > dd {
  background: #fff;
  color: #243740;
  font-family: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
}
#result-file-metadata .metadata-list > .hj-readable-metadata > dt,
#result-panel-file .metadata-band .metadata-list > .hj-readable-metadata > dt {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  background: #f7f9fa;
}
.hj-metadata-title { font-size: 15px; line-height: 1.5; font-weight: 650; }
.hj-metadata-subtitle { color: #72858e; font-size: 12px; line-height: 1.5; }
.hj-metadata-clue {
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px;
  border: 1px solid #f0d0ca; border-radius: 5px; color: #a83c35;
  background: #fff5f2; font-size: 12px; line-height: 1.5; font-weight: 600;
}
.is-real .hj-metadata-clue { color: #17684f; border-color: #c9e3d8; background: #edf8f3; }
.hj-metadata-clue::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.hj-metadata-card { min-width: 0; }
.hj-metadata-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; margin: 0; }
.hj-metadata-fact { min-width: 0; }
.hj-metadata-id { grid-column: 1 / -1; }
:is(#result-file-metadata, #result-panel-file) .metadata-list .hj-metadata-facts dt,
:is(#result-file-metadata, #result-panel-file) .metadata-list .hj-metadata-facts dd {
  display: block; padding: 0; margin: 0; border: 0; background: transparent;
  font-family: inherit; white-space: normal; overflow-wrap: anywhere;
}
:is(#result-file-metadata, #result-panel-file) .metadata-list .hj-metadata-facts dt { color: #6c7e88; font-size: 12px; font-weight: 400; line-height: 1.6; margin-bottom: 5px; }
:is(#result-file-metadata, #result-panel-file) .metadata-list .hj-metadata-facts dd { color: #243740; font-size: 15px; font-weight: 600; line-height: 1.6; }
:is(#result-file-metadata, #result-panel-file) .metadata-list .hj-metadata-id dd { font-size: 13px; font-weight: 500; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.hj-metadata-note { margin: 16px 0 0; color: #77868e; font-size: 12px; line-height: 1.7; }
.hj-metadata-original { border-top: 1px solid #e5ebef; margin-top: 16px; padding-top: 12px; }
.hj-metadata-original summary { width: fit-content; color: #426579; cursor: pointer; font-size: 12px; line-height: 1.7; padding: 3px 0; }
.hj-metadata-original summary:hover { color: #2464bb; }
.hj-metadata-original summary:focus-visible { outline: 2px solid #2869c8; outline-offset: 4px; border-radius: 2px; }
.hj-metadata-path { display: block; margin-top: 12px; color: #72858e; font-size: 11px; overflow-wrap: anywhere; }
.hj-metadata-source { max-height: 260px; overflow: auto; margin: 10px 0 0; padding: 12px; background: #f5f7f9; border: 1px solid #e0e7ec; border-radius: 6px; color: #526874; font: 12px/1.7 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .hj-metadata-facts { gap: 14px; }
}
@media (max-width: 380px) { .hj-metadata-facts { grid-template-columns: minmax(0, 1fr); } }