.legal-document { background: #fbfcf9; }
.legal-document header { border-bottom: 1px solid #dce6df; padding-bottom: 24px; margin-bottom: 24px; }
.legal-document .legal-version { margin-top: 18px; font-size: 13px; color: #56675e; }
.legal-document .summary { border: 0; padding-bottom: 0; line-height: 1.95; }
.legal-contents { margin-top: 30px; padding: 24px; border: 1px solid #dce6df; border-radius: 12px; background: #f1f5ef; }
.legal-contents > p { font-weight: 700; font-size: 14px; }
.legal-contents ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin-top: 12px; }
.legal-contents li { width: 46%; margin: 5px 4% 5px 0; font-size: 14px; line-height: 1.7; }
.legal-document section { scroll-margin-top: 110px; border-top: 1px solid #e2e9e3; padding-top: 28px; }
.legal-document section p, .legal-document section li { color: #334f43; font-size: 15px; line-height: 1.95; overflow-wrap: anywhere; }
.legal-document section ul { margin-top: 16px; }
.legal-related { margin-top: 40px; border-top: 1px solid #dce6df; padding-top: 28px; }
.legal-related ul { display: flex; flex-wrap: wrap; }
.legal-related li { margin: 8px 25px 8px 0; font-size: 14px; }
.legal-document a:focus-visible { outline: 2px solid #397d64; outline-offset: 4px; }
@media screen and (max-width: 600px) {
  .legal-document h1 { font-size: 28px; letter-spacing: -.5px; overflow-wrap: anywhere; }
  .legal-document .summary { font-size: 15px; }
  .legal-contents { padding: 20px 17px; }
  .legal-contents ul { display: block; }
  .legal-contents li { width: auto; margin: 10px 0; }
  .legal-document section { padding-top: 24px; }
  .legal-document section p, .legal-document section li { font-size: 15px; }
}