/* Document titles stay together; actions form a separate, reachable row. */
@media (max-width: 680px) {
  .document-row { display: grid; grid-template-columns: 39px minmax(0, 1fr) 38px; column-gap: 13px; row-gap: 10px; }
  .document-icon { grid-column: 1; grid-row: 1; align-self: start; }
  .document-row > div { grid-column: 2 / 4; grid-row: 1; }
  .document-row h3 { line-height: 1.4; }
  .document-row small { display: block; line-height: 1.7; margin-top: 6px; font-size: 10px; }
  .document-open { grid-column: 2; grid-row: 2; margin: 0; min-height: 38px; justify-self: start; }
  .document-row > .download { grid-column: 3; grid-row: 2; margin: 0; width: 38px; height: 38px; }
}