.document-preview {
  width: min(calc(100% - 32px), 360px);
  margin: 20px auto 24px;
}
.document-preview a {
  display: block;
  border: 1px solid var(--rule, #cbd0d3);
  border-radius: 4px;
  overflow: hidden;
}
.document-preview a:focus-visible {
  outline: 2px solid var(--accent, #7a2020);
  outline-offset: 4px;
}
.document-preview img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1200 / 630;
}
.document-preview figcaption {
  margin-top: 7px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--muted, #53585c);
}
@media print {
  .document-preview { display: none; }
}