.readonly-journal { overflow-wrap: break-word; }
.readonly-journal a { display: inline-block; min-height: 44px; padding-block: .5rem; }
.readonly-journal-list { margin: 0; padding: 0; list-style: none; }
.readonly-journal-list > li { border-block-start: 1px solid var(--line); padding-block: 1.25rem; }
.readonly-journal-record > h3 { font-size: var(--text-title-sm); margin-block: 0 .75rem; }
.readonly-journal-metadata { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1.25rem; }
.readonly-journal-metadata > div { min-width: 0; }
.readonly-journal-metadata dt { font-weight: 700; }
.readonly-journal-metadata dd { margin: 0; }
.readonly-journal-table { max-width: 100%; overflow-x: auto; }
.readonly-journal table { width: 100%; table-layout: auto; border-collapse: collapse; font-size: var(--text-small); }
.readonly-journal caption { text-align: start; font-weight: 700; margin-block: .75rem; }
.readonly-journal th, .readonly-journal td { text-align: start; vertical-align: top; overflow-wrap: break-word; word-break: normal; hyphens: manual; border: 1px solid var(--control-line); padding: .65rem; }
.readonly-journal th { text-transform: none; letter-spacing: 0; }
.readonly-journal-notes { white-space: pre-wrap; }
.readonly-journal-photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.readonly-journal-photos figure { margin: .5rem 0; min-width: 0; }
.readonly-journal-photos img { display: block; width: 100%; max-width: 100%; height: auto; }
.readonly-journal-photos figcaption { font-size: var(--text-small); }
@media (max-width: 600px) {
 .readonly-journal-metadata, .readonly-journal-photos { grid-template-columns: minmax(0, 1fr); }
 .readonly-journal th, .readonly-journal td { padding: .30rem; }
}