.document-wall { margin-top:32px; }
.document-marquee { width:100%; overflow:hidden; }
.document-track { display:grid; width:100%; grid-auto-flow:column; grid-auto-columns:calc((100% - 80px)/5); column-gap:20px; padding:4px 0 16px; }
.document-wall.is-animating .document-track { will-change:transform; }
.document-sheet { min-width:0; scroll-snap-align:start; }
.document-sheet-open { display:block; width:100%; padding:0; border:0; background:transparent; color:var(--ink); text-align:left; }
.document-paper { aspect-ratio: .71; background:#f3f6f7; border:1px solid var(--line); padding:10px; border-radius:6px; }
.document-paper img { width:100%; height:100%; object-fit:contain; }
.document-name { display:block; max-width:100%; font-size:15px; line-height:1.5; font-weight:600; margin:12px 0 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.document-sheet-open:hover .document-paper { border-color:var(--brand); }
.document-sheet-open:focus-visible { outline:2px solid var(--brand); outline-offset:2px; }
@media (prefers-reduced-motion: reduce) {
  .document-marquee { overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:var(--line) transparent; }
  .document-track { will-change:auto; }
}