.document-page { min-height: 100svh; background: #fff; }
.document-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 1120px; margin: 0 auto; padding: 25px 28px; border-bottom: 1px solid #e3e7eb; }
.document-header svg { display: block; width: 205px; }
.document-header > a:last-child { color: #66727d; font-size: 13px; }
.document-content { max-width: 790px; margin: 0 auto; padding: 47px 28px 80px; font-size: 15px; line-height: 1.85; }
.document-back { color: #7a858f; font-size: 12px; }
.document-content h1 { margin: 24px 0 12px; font-size: 36px; font-weight: 500; line-height: 1.25; letter-spacing: -0.035em; }
.document-version { margin: 0 0 30px; color: #8a949d; font-size: 12px; }
.document-content h2 { margin: 32px 0 12px; font-size: 19px; font-weight: 500; line-height: 1.4; }
.document-content p { color: #606d78; }
.document-content h3 { margin: 24px 0 8px; font-size: 16px; font-weight: 600; line-height: 1.5; }
.document-content ul { padding-left: 23px; color: #606d78; }
.document-content li + li { margin-top: 10px; }
.error-content { padding-top: clamp(65px, 14vh, 150px); }
.error-content .error-code { margin: 0; color: #919ba4; font-size: 15px; letter-spacing: 0.12em; }
.error-content h1 { margin-top: 16px; }
.error-home { display: inline-block; margin-top: 23px; padding: 11px 24px; border-radius: 5px; color: #fff; background: #252e38; text-decoration: none; font-size: 14px; }
.error-home:hover { background: #151e27; }
@media (max-width: 550px) {
  .document-header { padding: 20px; gap: 16px; }
  .document-header svg { width: 165px; }
  .document-header > a:last-child { font-size: 11px; }
  .document-content { padding: 32px 20px 60px; font-size: 14px; }
  .document-content h1 { font-size: 29px; overflow-wrap: anywhere; }
}