.about-documents {
  padding: 80px 0;
  background: #151515;
  border-block: 1px solid #373330;
}
.document-heading { margin-bottom: 32px; }
.document-heading h2 {
  margin: 16px 0;
  color: #fff;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.25;
}
.document-heading p {
  max-width: 70ch;
  margin: 0;
  color: #d4cbc2;
  font-size: 16px;
  line-height: 1.8;
}
.document-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.document-card {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 380px;
  padding: 16px;
  border: 0;
  border-radius: 12px;
  background: #f6f4f1;
  overflow: hidden;
  cursor: pointer;
}
.document-card img { display: block; width: 100%; height: 380px; object-fit: contain; }
.document-card:hover { outline: 2px solid #f36f21; }
.document-card:active { filter: brightness(.9); }
.document-card:focus-visible { outline: 3px solid #ffb880; outline-offset: 4px; }
.document-dialog {
  width: min(1000px, 94vw);
  max-width: none;
  max-height: 94dvh;
  padding: 16px;
  border: 1px solid #5f4b3c;
  border-radius: 12px;
  background: #171717;
  color: #fff;
}
.document-dialog::backdrop { background: #050505e8; }
.document-dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 14px; }
.document-dialog-actions button {
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid #f36f21;
  border-radius: 7px;
  background: #2b2019;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.document-dialog-actions button:hover { background: #4a2b1a; }
.document-dialog-actions button:active { background: #6b3419; }
.document-dialog-actions button:disabled { opacity: .5; cursor: not-allowed; }
.document-dialog-actions button:focus-visible { outline: 3px solid #ffb880; outline-offset: 3px; }
.document-dialog-image { max-height: calc(94dvh - 92px); overflow: auto; background: #f6f4f1; text-align: center; }
.document-dialog-image img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: calc(94dvh - 92px);
  margin: auto;
  object-fit: contain;
  user-select: none;
}
.document-dialog.is-zoomed .document-dialog-image img {
  width: 200%;
  max-width: none;
  max-height: none;
  height: auto;
  margin: 0;
}
.document-dialog-image img[hidden], .document-dialog-status[hidden] { display: none; }
.document-dialog-status { margin: 12px; color: #f6ede5; font-size: 15px; }
@media (max-width: 760px) {
  .about-documents { padding: 64px 0; }
  .document-grid { grid-template-columns: 1fr; gap: 16px; }
  .document-card { min-height: 0; }
  .document-card img { height: auto; max-height: 520px; }
  .document-dialog { width: calc(100% - 18px); padding: 10px; }
}