.plain-content-page {
  --plain-bg-top: rgba(29, 111, 255, 0.08);
  --plain-bg-gold: rgba(214, 164, 92, 0.10);
  --plain-ink: #17324c;
  --plain-text: #2b4058;
  --plain-line: #dbe5f0;
  background:
    radial-gradient(circle at 10% 8%, var(--plain-bg-top), transparent 20%),
    radial-gradient(circle at 88% 0%, var(--plain-bg-gold), transparent 18%),
    linear-gradient(180deg, #fbfdff 0%, #eff4fa 100%);
  color: var(--plain-ink);
  min-height: calc(100vh - var(--header-height, 84px));
  overflow-x: hidden;
}

.plain-content-wrap {
  width: min(96vw, 980px);
  margin: 0 auto;
  padding: 24px 0 56px;
}

.plain-content {
  width: 100%;
  min-width: 0;
  color: var(--plain-text);
  line-height: 1.95;
  font-size: 1rem;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.plain-content h1,
.plain-content h2,
.plain-content h3 {
  color: var(--plain-ink);
  line-height: 1.25;
}

.plain-content p {
  margin: 0 0 1em;
}

.plain-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.plain-content iframe,
.plain-content embed,
.plain-content object,
.plain-content video,
.plain-content audio,
.plain-content svg {
  display: block;
  max-width: 100%;
}

.plain-content table {
  display: block;
  max-width: 100%;
  width: 100%;
  overflow-x: auto;
}

.plain-content table {
  width: 100%;
  border-collapse: collapse;
}

.plain-content td,
.plain-content th {
  border: 1px solid var(--plain-line);
  padding: 10px 12px;
  vertical-align: top;
}

.plain-content ul,
.plain-content ol {
  padding-left: 1.4em;
}

.plain-content pre,
.plain-content code {
  white-space: pre-wrap;
  word-break: break-word;
}

@media (max-width: 767.98px) {
  .plain-content-wrap {
    width: min(96vw, 980px);
    padding: 12px 0 40px;
  }

  .plain-content {
    font-size: .98rem;
  }
}