body.legal,
body.docs {
  line-height: 1.6;
}
main {
  max-width: 860px;
  margin: 0 auto;
  padding: 16px 24px;
}
h1 {
  font-size: clamp(30px,4vw,44px);
  line-height: 1.1;
  letter-spacing: -0.02em;
}
p,
li {
  color: #c3ccd5;
  font-size: 16px;
}
.tw {
  overflow-x: auto;
}
table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14.5px;
}
th,
td {
  text-align: left;
  padding: 9px 12px;
  border-bottom: 1px solid #262f38;
  vertical-align: top;
}
th {
  color: #9aa5b1;
  font-weight: 600;
}
.docs h1 {
  margin: 32px 0 16px;
}
.docs h2 {
  font-size: 24px;
  margin: 56px 0 12px;
  padding-top: 24px;
  border-top: 1px solid #262f38;
  scroll-margin-top: 70px;
}
.docs h3 {
  font-size: 18px;
  margin: 32px 0 8px;
  scroll-margin-top: 70px;
}
.docs code {
  font-family: 'JetBrains Mono',monospace;
  font-size: .9em;
  background: #1b2129;
  border: 1px solid #262f38;
  padding: 1px 6px;
  border-radius: 5px;
}
.docs pre {
  background: #161b21;
  border: 1px solid #262f38;
  border-radius: 10px;
  padding: 16px;
  overflow-x: auto;
}
.docs pre code {
  background: none;
  border: 0;
  padding: 0;
}
.legal h1 {
  margin: 32px 0 8px;
}
.legal h2 {
  font-size: 22px;
  margin: 36px 0 10px;
}
.legal .updated {
  color: #6c7884;
  font-size: 14px;
  margin: 0 0 24px;
}
.legal h3 {
  font-size: 17px;
  margin: 26px 0 8px;
}
.legal li {
  margin: 4px 0;
}
.legal td {
  color: #c3ccd5;
}

.docs pre {
  position: relative;
}
.docs pre .copy-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 12px;
  opacity: 0;
  background: #161b21;
  transition: opacity var(--m4-fast) var(--m4-ease), border-color var(--m4-fast) var(--m4-ease), background-color var(--m4-fast) var(--m4-ease), color var(--m4-fast) var(--m4-ease);
}
.docs pre:hover .copy-btn,
.docs pre .copy-btn:focus-visible,
.docs pre .copy-btn.is-done {
  opacity: 1;
}
@media (hover: none) {
  .docs pre .copy-btn {
    opacity: 1;
  }
}
.docs .anchor {
  margin-left: 8px;
  font-weight: 400;
  color: #6c7884;
  opacity: 0;
  transition: opacity var(--m4-fast) var(--m4-ease), color var(--m4-fast) var(--m4-ease);
}
.docs h2:hover .anchor,
.docs h3:hover .anchor,
.docs .anchor:focus-visible,
.docs .anchor.is-done {
  opacity: 1;
}
.docs .anchor:hover,
.docs .anchor.is-done {
  color: #8fb6cf;
}