/* Оформление вывода внешнего рендерера asciidoctor.
   asciidoctor отдаёт HTML без стилей, поэтому вёрстку задаём здесь.
   Цвета берём из переменных темы Gitea, чтобы работали и светлая, и тёмная. */

.markup.asciidoc { line-height: 1.6; }
.markup.asciidoc .paragraph { margin: 0 0 1em; }
.markup.asciidoc .paragraph > p { margin: 0; }
.markup.asciidoc .paragraph.lead > p {
  font-size: 1.1em;
  color: var(--color-text-light-2);
}
.markup.asciidoc .sectionbody { margin-top: .4em; }
.markup.asciidoc .sect1 + .sect1 { margin-top: 1.2em; }

/* Якоря заголовков (sectanchors): видны только при наведении */
.markup.asciidoc a.anchor {
  float: left;
  margin-left: -.85em;
  padding-right: .2em;
  opacity: 0;
  text-decoration: none;
  color: var(--color-text-light-3);
}
.markup.asciidoc a.anchor::before { content: "#"; }
.markup.asciidoc h1:hover > a.anchor,
.markup.asciidoc h2:hover > a.anchor,
.markup.asciidoc h3:hover > a.anchor,
.markup.asciidoc h4:hover > a.anchor,
.markup.asciidoc h5:hover > a.anchor,
.markup.asciidoc h6:hover > a.anchor { opacity: 1; }

/* Заголовок блока (.Название над таблицей/листингом) */
.markup.asciidoc .title {
  font-weight: 600;
  font-style: italic;
  color: var(--color-text-light-1);
  margin-bottom: .35em;
}

/* Списки */
.markup.asciidoc .ulist ul,
.markup.asciidoc .olist ol { margin: 0 0 1em; padding-left: 2em; }
.markup.asciidoc .ulist li > p,
.markup.asciidoc .olist li > p { margin: 0; }
.markup.asciidoc .dlist { margin: 0 0 1em; }
.markup.asciidoc .dlist dt.hdlist1 { font-weight: 600; margin-top: .6em; }
.markup.asciidoc .dlist dd { margin: 0 0 .3em 2em; }

/* Таблицы: своя рамка, горизонтальная прокрутка для широких */
.markup.asciidoc table.tableblock {
  border-collapse: collapse;
  margin: 0 0 1.2em;
  max-width: 100%;
  display: block;
  overflow-x: auto;
}
.markup.asciidoc table.tableblock th,
.markup.asciidoc table.tableblock td {
  border: 1px solid var(--color-secondary);
  padding: 6px 10px;
}
.markup.asciidoc table.tableblock thead th {
  background: var(--color-markup-table-row, rgba(128, 128, 128, .12));
  font-weight: 600;
}
.markup.asciidoc table.tableblock tbody tr:nth-child(2n) {
  background: var(--color-markup-table-row, rgba(128, 128, 128, .06));
}
.markup.asciidoc p.tableblock { margin: 0; }
.markup.asciidoc .halign-left { text-align: left; }
.markup.asciidoc .halign-center { text-align: center; }
.markup.asciidoc .halign-right { text-align: right; }
.markup.asciidoc .valign-top { vertical-align: top; }
.markup.asciidoc .valign-middle { vertical-align: middle; }
.markup.asciidoc .valign-bottom { vertical-align: bottom; }

/* Блоки кода и literal */
.markup.asciidoc .listingblock,
.markup.asciidoc .literalblock { margin: 0 0 1.2em; }
.markup.asciidoc .listingblock pre,
.markup.asciidoc .literalblock pre {
  background: var(--color-markup-code-block, rgba(128, 128, 128, .1));
  padding: 12px 14px;
  border-radius: 4px;
  overflow-x: auto;
  line-height: 1.45;
}

/* Admonition (Примечание / Важно / Риск / Совет / Внимание).
   Font Awesome Gitea не поставляет, поэтому вместо иконок — текстовая метка. */
.markup.asciidoc .admonitionblock { margin: 0 0 1.2em; }
.markup.asciidoc .admonitionblock > table {
  border-collapse: collapse;
  width: 100%;
  background: var(--color-markup-table-row, rgba(128, 128, 128, .07));
  border-left: 4px solid var(--color-secondary);
  border-radius: 0 4px 4px 0;
}
.markup.asciidoc .admonitionblock td.icon {
  width: 1%;
  white-space: nowrap;
  padding: 10px 0 10px 14px;
  vertical-align: top;
}
.markup.asciidoc .admonitionblock td.icon .title {
  margin: 0;
  font-style: normal;
  font-weight: 700;
  font-size: .82em;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-text-light-1);
}
.markup.asciidoc .admonitionblock td.content { padding: 10px 14px; }
.markup.asciidoc .admonitionblock td.content > :last-child { margin-bottom: 0; }

.markup.asciidoc .admonitionblock.note > table { border-left-color: var(--color-blue); }
.markup.asciidoc .admonitionblock.note td.icon .title { color: var(--color-blue); }
.markup.asciidoc .admonitionblock.tip > table { border-left-color: var(--color-green); }
.markup.asciidoc .admonitionblock.tip td.icon .title { color: var(--color-green); }
.markup.asciidoc .admonitionblock.important > table { border-left-color: var(--color-red); }
.markup.asciidoc .admonitionblock.important td.icon .title { color: var(--color-red); }
.markup.asciidoc .admonitionblock.warning > table { border-left-color: var(--color-orange); }
.markup.asciidoc .admonitionblock.warning td.icon .title { color: var(--color-orange); }
.markup.asciidoc .admonitionblock.caution > table { border-left-color: var(--color-yellow); }
.markup.asciidoc .admonitionblock.caution td.icon .title { color: var(--color-yellow); }