/* akademiya-sudboanaliza/pages/ArticlePage.vue */

/* Текст статьи приходит готовым HTML, поэтому стили внутри — через :deep().
   Палитра кремовой колонки чтения: чернила #10231C, приглушённый #5F5346,
   акцент — тёмная медь #7A5230. */
.article-body[data-v-709458a3] {
  color: #10231C;
  line-height: 1.75;
}
.article-body[data-v-709458a3] h1,
.article-body[data-v-709458a3] h2,
.article-body[data-v-709458a3] h3,
.article-body[data-v-709458a3] h4 {
  color: #10231C;
  margin: 1.4em 0 0.6em;
}
.article-body[data-v-709458a3] h1 { font-size: 26px;
}
.article-body[data-v-709458a3] h2 { font-size: 22px;
}
.article-body[data-v-709458a3] h3 { font-size: 19px;
}
.article-body[data-v-709458a3] h4 { font-size: 16px;
}
.article-body[data-v-709458a3] p {
  color: #10231C;
  max-width: 68ch;
  margin-bottom: 1.15em;
}

/* Первый абзац — вводный, как .lead на других страницах */
.article-body[data-v-709458a3] p:first-child {
  font-size: 17px;
}
.article-body[data-v-709458a3] .muted { color: #5F5346;
}
.article-body[data-v-709458a3] ul,
.article-body[data-v-709458a3] ol {
  margin: 1em 0;
  padding-left: 1.4em;
}
.article-body[data-v-709458a3] li {
  color: #10231C;
  margin-bottom: 0.5em;
}
.article-body[data-v-709458a3] li::marker { color: #7A5230;
}
.article-body[data-v-709458a3] a {
  color: #7A5230;
  border-bottom: 1px solid rgba(122, 82, 48, 0.45);
}
.article-body[data-v-709458a3] a:hover { color: #10231C;
}
.article-body[data-v-709458a3] strong { color: #10231C; font-weight: 600;
}
.article-body[data-v-709458a3] em { color: #5F5346;
}
.article-body[data-v-709458a3] img {
  height: auto;
  margin: 1.5em 0;
  border-radius: 16px;
}
.article-body[data-v-709458a3] blockquote {
  margin: 1.5em 0;
  padding-left: 20px;
  border-left: 1px solid rgba(122, 82, 48, 0.45);
  color: #7A5230;
  font-family: var(--f-accent);
  font-style: italic;
  font-size: 17px;
}
.article-body[data-v-709458a3] hr {
  height: 1px;
  border: 0;
  background: rgba(122, 82, 48, 0.22);
  margin: 1.6em 0;
}
.article-body[data-v-709458a3] code {
  background: rgba(122, 82, 48, 0.10);
  color: #7A5230;
  padding: 0.15em 0.4em;
  border-radius: 6px;
  font-size: 0.9em;
}
.article-body[data-v-709458a3] pre {
  background: #10231C;
  color: #F6F1E7;
  padding: 16px 18px;
  border-radius: 14px;
  overflow-x: auto;
  margin: 1.5em 0;
}
.article-body[data-v-709458a3] pre code {
  background: transparent;
  color: inherit;
  padding: 0;
}
.article-body[data-v-709458a3] table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
}
.article-body[data-v-709458a3] th,
.article-body[data-v-709458a3] td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid rgba(122, 82, 48, 0.22);
}