:root {
  --text: #000;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0 !important;
  background: #fff !important;
  color: var(--text) !important;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "PingFang SC",
    "Hiragino Sans GB",
    "Microsoft YaHei",
    "Helvetica Neue",
    Arial,
    sans-serif !important;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

main,
.reader {
  width: 100% !important;
  max-width: 880px !important;
  margin: 0 auto !important;
  padding: 32px 22px 64px !important;
}

article,
.legal-page,
.legal-inner {
  width: 100%;
  min-height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

h1,
.legal-title {
  margin: 0 0 18px !important;
  color: var(--text) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

.meta,
.legal-meta {
  margin: 4px 0 0 !important;
  color: var(--text) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  text-align: center !important;
  text-indent: 0 !important;
}

h2,
.legal-h2 {
  margin: 34px 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--text) !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
  text-indent: 0 !important;
}

h3,
.legal-h3 {
  margin: 22px 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--text) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
  text-indent: 0 !important;
}

p,
.legal-p,
li,
.sdk-row,
.legal-sdk-row {
  color: var(--text) !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  word-break: break-word;
}

p,
.legal-p {
  margin: 8px 0 0 !important;
  text-indent: 2em;
}

ul,
ol {
  margin: 8px 0 0 !important;
  padding-left: 1.6em !important;
}

li {
  margin-top: 4px !important;
}

strong,
.b,
.important,
.legal-important,
.sensitive-text,
.sensitive-notice p,
.sensitive-list,
.sensitive-list li {
  color: var(--text) !important;
  font-weight: 800 !important;
}

.important,
.legal-important {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

a {
  color: var(--text) !important;
  font-weight: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  word-break: break-all;
}

.sdk,
.legal-sdk,
.sensitive-notice {
  margin: 14px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.sdk-row,
.legal-sdk-row {
  padding: 0 !important;
  text-indent: 0 !important;
}

.sensitive-title {
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #c12626 !important;
}

.sensitive-notice p,
.sensitive-list,
.sensitive-notice li,
.sensitive-notice strong {
  color: #c12626 !important;
}

.sensitive-notice p,
.sensitive-list {
  text-indent: 0 !important;
}

@media (max-width: 560px) {
  main,
  .reader {
    padding: 24px 16px 44px !important;
  }

  h1,
  .legal-title {
    font-size: 24px !important;
  }

  h2,
  .legal-h2 {
    margin-top: 28px !important;
    font-size: 19px !important;
  }

  h3,
  .legal-h3 {
    margin-top: 20px !important;
    font-size: 17px !important;
  }

  p,
  .legal-p,
  li,
  .sdk-row,
  .legal-sdk-row {
    font-size: 14px !important;
  }
}