/*
 * Блоки документации v2: «Важно» (acf/wx-important), «Например» (acf/wx-example), «Сравнение в две колонки» (acf/wx-compare).
 * Источник — design/pages/docs-visit-history.html (.callout.info).
 */

.v2 .wx-callout{display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:18px;font-size:var(--fs-small);line-height:1.6;
  background:rgba(233,107,59,.08);box-shadow:inset 0 0 0 1px rgba(233,107,59,.45);color:var(--lavender-1);}
html[data-theme="light"] .v2 .wx-callout{color:#3a3545;box-shadow:inset 0 0 0 1px rgba(233,107,59,.35);}
.v2 .wx-callout__ico{display:flex;flex:none;color:var(--orange-1);}
html[data-theme="light"] .v2 .wx-callout__ico{color:#c4471b;}
.v2 .wx-callout__b{display:flex;flex-direction:column;gap:8px;min-width:0;}
.v2 .wx-callout__b :is(p,ul,ol){margin:0;color:inherit;font-size:inherit;line-height:inherit;}
.v2 .wx-callout__b :is(strong,b){color:var(--text-primary);}

.v2 .wx-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.v2 .wx-compare__col{display:flex;flex-direction:column;gap:10px;padding:20px 22px;border-radius:18px;
  background:var(--lg-sheen),var(--lg-fill);box-shadow:var(--lg-edge);font-size:var(--fs-small);line-height:1.6;color:var(--text-secondary);}
.v2 .wx-compare__col :is(p,ul,ol){margin:0;}
.v2 .wx-compare__col ul{padding-left:1.2em;}
.v2 .wx-compare__t{font-weight:700;font-size:var(--fs-body);color:var(--text-primary);}
@media (max-width:767px){.v2 .wx-compare{grid-template-columns:minmax(0,1fr);}}

/* ===== «Схема» (макет docs-telegram.html, .dflow) ===== */
.v2 .wx-dsec>.wx-dflow,.v2 .wx-dflow{display:flex;flex-direction:column;gap:0;margin:4px 0;padding:0;list-style:none;}
.v2 .wx-dflow__s{position:relative;display:flex;align-items:center;gap:14px;padding-bottom:12px;}
.v2 .wx-dflow__s::before{content:none !important;}
.v2 .wx-dflow__s:not(:last-child)::after{content:"";position:absolute;left:17px;top:40px;bottom:0;border-left:2px dashed rgba(233,107,59,.35);}
.v2 .wx-dflow__n{position:relative;z-index:1;flex:0 0 36px;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:rgba(233,107,59,.12);box-shadow:inset 0 0 0 1px rgba(233,107,59,.5);color:var(--orange-1);font-weight:700;font-size:13px;font-variant-numeric:tabular-nums;}
html[data-theme="light"] .v2 .wx-dflow__n{color:#b23f16;}
.v2 .wx-dflow__t{flex:1 1 auto;padding:11px 16px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);
  font-size:var(--fs-body);line-height:1.45;color:var(--text-primary);}
html[data-theme="light"] .v2 .wx-dflow__t{background:linear-gradient(160deg,#fff,rgba(255,255,255,.75));box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(23,20,31,.08);color:#17141f;}
.v2 .wx-dflow__s--done .wx-dflow__n{background:rgba(127,214,160,.14);box-shadow:inset 0 0 0 1px rgba(127,214,160,.55);color:#7fd6a0;}
.v2 .wx-dflow__s--done .wx-dflow__t{background:rgba(127,214,160,.08);box-shadow:inset 0 0 0 1px rgba(127,214,160,.3);color:#bfeccf;font-weight:700;}
html[data-theme="light"] .v2 .wx-dflow__s--done .wx-dflow__n{background:rgba(27,138,75,.1);box-shadow:inset 0 0 0 1px rgba(27,138,75,.45);color:#1b8a4b;}
html[data-theme="light"] .v2 .wx-dflow__s--done .wx-dflow__t{background:rgba(27,138,75,.08);box-shadow:inset 0 0 0 1px rgba(27,138,75,.3);color:#1b5e3a;}

/* ===== «Сообщение в чате» (.tgchat) ===== */
.v2 .wx-tgchat{display:flex;flex-direction:column;gap:10px;margin:0;padding:18px;border-radius:20px;background:linear-gradient(180deg,#0e1621,#17212b);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);}
html[data-theme="light"] .v2 .wx-tgchat{background:linear-gradient(180deg,#e6ebf0,#dfe6ec);box-shadow:inset 0 0 0 1px rgba(23,20,31,.06);}
.v2 .wx-tgchat__l{font-size:13px;font-weight:600;color:#8b98a5;}
html[data-theme="light"] .v2 .wx-tgchat__l{color:#5b5568;}
.v2 .wx-tgchat__row{display:flex;align-items:flex-end;gap:10px;}
.v2 .wx-tgchat__av{width:34px;height:34px;flex:0 0 34px;border-radius:50%;}
.v2 .wx-tgchat__b{position:relative;max-width:440px;margin:0;padding:9px 14px 6px;border-radius:16px 16px 16px 4px;background:#182533;color:#e9eef3;}
html[data-theme="light"] .v2 .wx-tgchat__b{background:#fff;color:#17141f;box-shadow:0 1px 2px rgba(0,0,0,.08);}
.v2 .wx-tgchat__n{display:block;margin-bottom:2px;font-size:13px;color:#64b5ef;}
html[data-theme="light"] .v2 .wx-tgchat__n{color:#1f6fb0;}
.v2 .wx-dsec .wx-tgchat__b p,.v2 .wx-tgchat__b p{margin:0;font-size:15px;line-height:1.5;color:#e9eef3;}
html[data-theme="light"] .v2 .wx-dsec .wx-tgchat__b p,html[data-theme="light"] .v2 .wx-tgchat__b p{color:#17141f;}
.v2 .wx-tgchat__b :is(b,strong){color:#fff;}
html[data-theme="light"] .v2 .wx-tgchat__b :is(b,strong){color:#000;}
.v2 .wx-tgchat__b small{display:flex;justify-content:flex-end;align-items:center;gap:3px;margin-top:2px;font-size:11px;color:#8b98a5;}
html[data-theme="light"] .v2 .wx-tgchat__b small{color:#5f6b78;}
.v2 .wx-tgchat__b small svg{color:#64b5ef;}

/* ===== «Видео с постером» (.dimg.dvid) ===== */
.v2 .wx-dsec .wx-dvid{border-radius:20px;overflow:hidden;isolation:isolate;background:transparent;}
.v2 .wx-dvid video{display:block;width:100%;height:auto;border-radius:20px;}
.v2 .wx-dvid figcaption{margin:0;padding:10px 16px;font-size:13px;line-height:1.4;color:var(--text-muted);background:var(--bg-page);}

@media (max-width:767px){
  .v2 .wx-dflow__s{gap:12px;padding-bottom:10px;}
  .v2 .wx-dflow__n{flex-basis:32px;width:32px;height:32px;font-size:12px;border-radius:10px;}
  .v2 .wx-dflow__s:not(:last-child)::after{left:15px;top:36px;}
  .v2 .wx-dflow__t{padding:10px 12px;font-size:15px;}
  .v2 .wx-tgchat{padding:12px;border-radius:16px;}
  .v2 .wx-tgchat__av{width:28px;height:28px;flex-basis:28px;}
  .v2 .wx-dsec .wx-tgchat__b p,.v2 .wx-tgchat__b p{font-size:14px;}
}

/* ===== «Ссылка-карточка» (.tglink) ===== */
.v2 .wx-dsec .wx-linkcard-wrap{margin:0;}
.v2 .wx-dsec a.wx-linkcard,.v2 .wx-linkcard{display:inline-flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:16px;
  background:rgba(42,171,238,.08);box-shadow:inset 0 0 0 1px rgba(42,171,238,.35);color:var(--text-primary);text-decoration:none;
  transition:transform .3s var(--ease-standard),background .3s;}
.v2 .wx-linkcard:hover{transform:translateY(-2px);background:rgba(42,171,238,.14);}
.v2 .wx-linkcard:focus-visible{outline:2px solid var(--orange-1);outline-offset:2px;}
.v2 .wx-linkcard__ico{width:36px;height:36px;border-radius:50%;object-fit:cover;}
.v2 .wx-linkcard__t{display:flex;flex-direction:column;gap:2px;}
.v2 .wx-linkcard__t b{font-size:15px;color:#5fb8f0;}
.v2 .wx-linkcard__t small{font-size:12px;color:var(--text-muted);}
.v2 .wx-linkcard__ar{display:flex;color:#5fb8f0;}
html[data-theme="light"] .v2 .wx-linkcard__t b,html[data-theme="light"] .v2 .wx-linkcard__ar{color:#16658f;}