body.document-page {
  display: block;
  height: auto;
  min-height: 100svh;
  overflow: visible;
}
.document-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-block: 22px;
  border-bottom: 1px solid var(--line);
}
.document-header img { width: 210px; height: auto; }
.document-header a { min-height: 44px; display: inline-flex; align-items: center; }
.document-content { max-width: 760px; margin: 0 auto; padding-block: 64px; }
.document-content h1 { font-size: clamp(2.5rem, 8vw, 4rem); }
.document-content h2 { margin-top: 36px; font-size: 1.4rem; line-height: 1.3; letter-spacing: -.02em; }
.document-content p { margin-top: 18px; color: var(--soft); }
.document-content .quiet-link { margin-top: 28px; }
.document-footer { padding-block: 24px; border-top: 1px solid var(--line); color: var(--soft); font-size: .875rem; }
@media (max-width: 760px) {
  .document-header { gap: 16px; padding-block: 16px; }
  .document-header img { width: 157px; }
  .document-content { padding-block: 42px; }
}