@font-face {
  font-family: 'Prata';
  src: url('/fonts/prata-400-cyrillic.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Prata';
  src: url('/fonts/prata-400-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope-cyrillic.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope-latin.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.legal-content,
.post-translation-body trix-editor.trix-content {
  color: #3f4147;
  font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.75;
}

.legal-content h2,
.post-translation-body trix-editor.trix-content h2 {
  margin: 2.5rem 0 0.75rem;
  color: #121212;
  font-family: 'Prata', Georgia, 'Times New Roman', serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.35;
}

.legal-content h3,
.post-translation-body trix-editor.trix-content h3 {
  margin: 2rem 0 0.5rem;
  color: #121212;
  font-family: 'Prata', Georgia, 'Times New Roman', serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
}

.legal-content p,
.post-translation-body trix-editor.trix-content p {
  margin: 0 0 1rem;
  color: #3f4147;
  line-height: 1.75;
}

.legal-content ul,
.legal-content ol,
.post-translation-body trix-editor.trix-content ul,
.post-translation-body trix-editor.trix-content ol {
  margin: 0 0 1rem;
  padding-left: 1.5rem;
  color: #3f4147;
  line-height: 1.75;
}

.legal-content ul,
.post-translation-body trix-editor.trix-content ul {
  list-style: disc;
}

.legal-content ol,
.post-translation-body trix-editor.trix-content ol {
  list-style: decimal;
}

.legal-content li,
.post-translation-body trix-editor.trix-content li {
  margin-bottom: 0.35rem;
}

.legal-content a,
.post-translation-body trix-editor.trix-content a {
  color: #121212;
  text-decoration: underline;
  text-decoration-color: #9bcf31;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.legal-content strong,
.post-translation-body trix-editor.trix-content strong {
  color: #121212;
  font-weight: 700;
}

.legal-content blockquote,
.post-translation-body trix-editor.trix-content blockquote {
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  border-left: 4px solid #bff747;
  border-radius: 0 12px 12px 0;
  background: #fff;
  color: #3f4147;
}

.legal-content pre,
.post-translation-body trix-editor.trix-content pre {
  overflow-x: auto;
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  border-radius: 12px;
  background: #121212;
  color: #f8f8f8;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.875rem;
  line-height: 1.65;
  white-space: pre-wrap;
}

.legal-content table,
.post-translation-body trix-editor.trix-content table {
  width: 100%;
  margin: 1.5rem 0;
  border-collapse: collapse;
}

.legal-content td,
.legal-content th,
.post-translation-body trix-editor.trix-content td,
.post-translation-body trix-editor.trix-content th {
  padding: 0.65rem 0.8rem;
  border: 1px solid #d8dde1;
  text-align: left;
  vertical-align: top;
}

.legal-content th,
.post-translation-body trix-editor.trix-content th {
  background: #eafbc4;
  color: #121212;
  font-weight: 700;
}
