/* ============================================================
   Разметка текста (wiki-md.js) — общий вид для сайта, лаунчера и
   предпросмотра редактора. Цвета берутся из переменных страницы, а где их
   нет — из запасных значений в коричнево-латунной гамме.
   Копия лежит в лаунчере (launcher/ui/css/wiki-md.css) — править обе.
   ============================================================ */
.md-p { margin: 0 0 12px; line-height: 1.75; }
.md-h { margin: 22px 0 10px; line-height: 1.35; }
.md-h1 { font-size: 1.45em; }
.md-h2 { font-size: 1.22em; }
.md-h3 { font-size: 1.05em; }
.md-sub { font-size: .8em; opacity: .65; margin: -4px 0 12px; }
.md-u { text-decoration: underline; text-underline-offset: 3px; }
.md-s { opacity: .75; }
.md-link { color: var(--md-accent, #e2b25a); text-decoration: underline; text-underline-offset: 3px; }
.md-code { font-family: ui-monospace, Consolas, "Courier New", monospace; font-size: .9em;
  padding: 1px 6px; border-radius: 4px; background: rgba(0,0,0,.32); }
.md-pre { margin: 0 0 14px; padding: 12px 14px; overflow-x: auto; border-radius: 6px;
  background: rgba(0,0,0,.38); box-shadow: inset 0 0 0 1px rgba(180,140,78,.28);
  font-family: ui-monospace, Consolas, "Courier New", monospace; font-size: .88em; line-height: 1.55; white-space: pre; }
.md-pre code { background: none; padding: 0; }
.md-quote { margin: 0 0 14px; padding: 4px 0 4px 14px; border-left: 4px solid var(--md-line, rgba(180,140,78,.6));
  line-height: 1.7; opacity: .92; }
.md-list { margin: 0 0 12px; padding-left: 26px; line-height: 1.75; }
.md-list .md-list { margin: 2px 0 2px; }
.md-hr { border: 0; height: 1px; margin: 20px 0; background: var(--md-line, rgba(180,140,78,.5)); }
/* Спойлер — плашка, как в Discord: текст скрыт, пока по нему не щёлкнут. */
.md-spoiler { padding: 0 3px; border-radius: 3px; cursor: pointer; color: transparent;
  background: #5a4a33; box-shadow: inset 0 0 0 1px rgba(255,235,190,.12);
  transition: color .15s, background .15s; user-select: none; }
.md-spoiler * { visibility: hidden; }
.md-spoiler.is-open, .md-spoiler:focus { color: inherit; background: rgba(0,0,0,.25); user-select: text; outline: none; }
.md-spoiler.is-open *, .md-spoiler:focus * { visibility: visible; }

/* Картинка всегда по центру. Размер — из подписи: ![…|small](…) */
.md-fig { margin: 16px auto 18px; text-align: center; }
.md-fig .md-img { display: block; width: auto; margin: 0 auto; max-width: 100%; height: auto; border-radius: 6px;
  box-shadow: 0 6px 18px rgba(0,0,0,.35); cursor: zoom-in; }
.md-fig--small .md-img { max-width: min(100%, 260px); }
.md-fig--medium .md-img { max-width: min(100%, 480px); }
.md-fig--large .md-img { max-width: 100%; max-height: 560px; }
.md-fig figcaption { margin-top: 8px; font-size: .82em; opacity: .7; }
.md-fig.is-broken { padding: 18px; border: 1px dashed rgba(180,140,78,.5); border-radius: 6px; }
.md-fig.is-broken .md-img { display: none; }
.md-fig.is-broken::before { content: "Картинка не загрузилась"; font-size: .85em; opacity: .7; }