/* Le picture conserve les marges et dimensions de l'image d'archive existante. */
.archive-picture { display: contents; }
.document-transcription {
  clear: both;
  margin: 1.1rem 0 1.8rem;
  border: 1px solid #c9bda9;
  background: #f7f2e8;
  color: #3c352c;
  max-width: 100%;
  min-width: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .95rem;
  line-height: 1.65;
}
.document-transcription > summary {
  padding: .7rem .9rem;
  cursor: pointer;
  color: #79432f;
  font-size: .9rem;
  font-weight: 600;
}
.document-transcription > summary:hover { background: #eee5d6; }
.document-transcription > summary:focus-visible { outline: 3px solid #8c4d37; outline-offset: 3px; }
.document-transcription[open] > summary { border-bottom: 1px solid #d9cfbf; }
.transcription-body { padding: .8rem 1rem 1rem; }
.transcription-kind { font-size: .77rem; text-transform: uppercase; letter-spacing: .055em; color: #77674f; }
.transcription-notice { font-size: .85rem; color: #6a5b46; line-height: 1.6; }
.transcription-text { max-width: 75ch; overflow-wrap: anywhere; font-size: 1.0625rem; }
.transcription-text p { white-space: pre-line; margin: .7rem 0; }
.transcription-heading { font-size: 1.03rem; }
.transcription-links { display: flex; flex-wrap: wrap; gap: .4rem 1.3rem; margin-bottom: 0; font-size: .85rem; }
.transcription-links a { color: #79432f; text-decoration: underline; text-underline-offset: .15em; }
.raw-transcription { border-top: 1px solid #d9cfbf; margin-top: 1rem; padding-top: .75rem; }
.raw-transcription > summary { cursor: pointer; font-size: .85rem; color: #6a5b46; }
.reading-summary-title { font-size: 1rem; overflow-wrap: anywhere; }
.reading-summary-action { display: block; font-size: .78rem; font-weight: 400; margin-top: .2rem; }
.reading-uncertainties { border-left: 2px solid #b49674; padding-left: 1rem; margin-block: 1rem; font-size: .9rem; }
.reading-uncertainties h3 { font-size: 1rem; margin: 0 0 .5rem; }
.archive-row > .document-transcription { flex: 1 0 100%; }
@media (max-width: 38rem) {
  .transcription-body { padding-inline: .8rem; }
  .document-transcription > summary { padding-inline: .8rem; }
}
@media print {
  .document-transcription { border-color: #aaa; background: white; break-inside: avoid; }
  .transcription-links { display: none; }
}
