/* ============================================================
   yesminsk-content v1.0.6, стили контент-блоков для тела статьи
   Скоуп: .ym-article .ym-body (как в yesminsk-article) + запас body.ymart-single.
   Использует CSS-переменные бренда из yesminsk-article (--terra, --plum,
   --sage, --rye, --ink, --paper, --cream, --line, --shadow, --card).
   Все собственные классы с префиксом ymc-.
   ============================================================ */

/* общий контейнер-ограничитель для блоков, выходящих за обычный поток
   (на случай если тема не оборачивает в .ym-body) */
.ym-article .ym-body .ymc,
body.ymart-single main .ymc{
  max-width:760px;margin-left:auto;margin-right:auto;
  padding-left:22px;padding-right:22px;box-sizing:border-box;
}

/* ====================== 1. ТАБЛИЦА ====================== */
.ym-article .ym-body .ymc-table,
body.ymart-single main .ymc-table{
  max-width:760px;margin:2.4rem auto;padding:0 22px;box-sizing:border-box;
}
.ym-article .ym-body .ymc-table table,
body.ymart-single main .ymc-table table{
  width:100%;border-collapse:collapse;font-family:'Manrope',sans-serif;
  font-size:1rem;background:var(--card,#fff);border-radius:14px;overflow:hidden;
  box-shadow:0 14px 40px -18px rgba(29,23,20,.3);border:1px solid var(--line);
}
.ym-article .ym-body .ymc-table th,
body.ymart-single main .ymc-table th{
  background:#5a2a44;color:#ffffff;font-family:'Unbounded',sans-serif;
  font-weight:600;font-size:.82rem;letter-spacing:.01em;text-align:left;
  padding:14px 18px;border:0;
}
.ym-article .ym-body .ymc-table td,
body.ymart-single main .ymc-table td{
  padding:13px 18px;border:0;border-top:1px solid rgba(90,42,68,.16);
  color:#1d1714;vertical-align:top;
}
.ym-article .ym-body .ymc-table tbody tr:nth-child(even) td,
body.ymart-single main .ymc-table tbody tr:nth-child(even) td{
  background:rgba(90,42,68,.06); /* зебра на plum, в тон шапке */
}
.ym-article .ym-body .ymc-table tbody tr:hover td,
body.ymart-single main .ymc-table tbody tr:hover td{
  background:rgba(207,106,54,.10); /* hover на terra */
}

/* ====================== 2. ЦИТАТА-ВРЕЗКА С АВТОРОМ ====================== */
.ym-article .ym-body .ymc-quote,
body.ymart-single main .ymc-quote{
  max-width:760px;margin:2.6rem auto;padding:26px 30px;box-sizing:border-box;
  background:#f3e9d8;border-radius:18px;border-left:4px solid #cf6a36;
  position:relative;
}
.ym-article .ym-body .ymc-quote .ymc-q-text,
body.ymart-single main .ymc-quote .ymc-q-text{
  font-family:'Fraunces',serif;font-style:italic;font-size:1.32rem;line-height:1.5;
  color:#5a2a44;margin:0 0 14px;
}
.ym-article .ym-body .ymc-quote .ymc-q-by,
body.ymart-single main .ymc-quote .ymc-q-by{
  display:flex;align-items:center;gap:12px;font-family:'Manrope',sans-serif;
}
.ym-article .ym-body .ymc-quote .ymc-q-ava,
body.ymart-single main .ymc-quote .ymc-q-ava{
  width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none;
  border:2px solid var(--paper);box-shadow:0 4px 12px -4px rgba(29,23,20,.4);
}
.ym-article .ym-body .ymc-quote .ymc-q-name,
body.ymart-single main .ymc-quote .ymc-q-name{
  font-weight:800;color:#1d1714;font-size:.98rem;line-height:1.25;display:block;
}
.ym-article .ym-body .ymc-quote .ymc-q-role,
body.ymart-single main .ymc-quote .ymc-q-role{
  color:#544a42;font-size:.82rem;line-height:1.3;display:block;margin-top:1px;
}

/* ====================== 3. ЧЕК-ЛИСТ ====================== */
.ym-article .ym-body .ymc-check,
body.ymart-single main .ymc-check{
  max-width:760px;margin:2.4rem auto;padding:26px 28px;box-sizing:border-box;
  background:#ffffff;border-radius:18px;border:1px solid var(--line);
  border-left:5px solid var(--sage);
  box-shadow:0 14px 40px -20px rgba(86,96,73,.5);
}
.ym-article .ym-body .ymc-check .ymc-c-label,
body.ymart-single main .ymc-check .ymc-c-label{
  display:inline-block;font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#5c7a54;
  padding:5px 12px;border-radius:8px;margin:0 0 16px;
}
.ym-article .ym-body .ymc-check ul,
body.ymart-single main .ymc-check ul{list-style:none;margin:0;padding:0}
.ym-article .ym-body .ymc-check li,
body.ymart-single main .ymc-check li{
  position:relative;padding-left:36px;margin-bottom:.8rem;font-size:1.08rem;
  line-height:1.5;color:var(--ink);
}
.ym-article .ym-body .ymc-check li:last-child,
body.ymart-single main .ymc-check li:last-child{margin-bottom:0}
.ym-article .ym-body .ymc-check li::before,
body.ymart-single main .ymc-check li::before{
  content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:7px;
  background:#5c7a54;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
  background-size:15px;background-repeat:no-repeat;background-position:center;
  box-shadow:0 4px 10px -3px rgba(86,96,73,.7);
}

/* ====================== 4. ПЛАШКИ-НОТИСЫ ====================== */
.ym-article .ym-body .ymc-note,
body.ymart-single main .ymc-note{
  max-width:760px;margin:2.4rem auto;padding:18px 22px 18px 58px;box-sizing:border-box;
  border-radius:14px;position:relative;font-size:1.05rem;line-height:1.55;
  border-left-width:5px !important;box-shadow:0 10px 30px -18px rgba(29,23,20,.45);
}
.ym-article .ym-body .ymc-note strong:first-child,
body.ymart-single main .ymc-note strong:first-child{font-weight:800}
.ym-article .ym-body .ymc-note p,
body.ymart-single main .ymc-note p{margin:0}
.ym-article .ym-body .ymc-note p+p,
body.ymart-single main .ymc-note p+p{margin-top:.6rem}
.ym-article .ym-body .ymc-note::before,
body.ymart-single main .ymc-note::before{
  position:absolute;left:20px;top:18px;font-size:1.3rem;line-height:1;
}
/* важно (terra) */
.ym-article .ym-body .ymc-note.is-important,
body.ymart-single main .ymc-note.is-important{
  background:rgba(207,106,54,.13);border:1px solid rgba(207,106,54,.4);border-left-color:var(--terra);
}
.ym-article .ym-body .ymc-note.is-important strong:first-child,
body.ymart-single main .ymc-note.is-important strong:first-child{color:#b5551d}
.ym-article .ym-body .ymc-note.is-important::before,
body.ymart-single main .ymc-note.is-important::before{content:"🔥"}
/* осторожно (rye/жёлтый) */
.ym-article .ym-body .ymc-note.is-warning,
body.ymart-single main .ymc-note.is-warning{
  background:rgba(201,162,75,.22);border:1px solid rgba(201,162,75,.55);border-left-color:var(--rye);
}
.ym-article .ym-body .ymc-note.is-warning::before,
body.ymart-single main .ymc-note.is-warning::before{content:"⚠️"}
/* факт (sage) */
.ym-article .ym-body .ymc-note.is-fact,
body.ymart-single main .ymc-note.is-fact{
  background:rgba(111,139,110,.20);border:1px solid rgba(111,139,110,.5);border-left-color:var(--sage);
}
.ym-article .ym-body .ymc-note.is-fact strong:first-child,
body.ymart-single main .ymc-note.is-fact strong:first-child{color:#4f5d40}
.ym-article .ym-body .ymc-note.is-fact::before,
body.ymart-single main .ymc-note.is-fact::before{content:"📌"}

/* ====================== 5. ШАГИ-НУМЕРАЦИЯ ====================== */
.ym-article .ym-body .ymc-steps,
body.ymart-single main .ymc-steps{
  max-width:760px;margin:2.4rem auto;padding:30px 30px 12px;box-sizing:border-box;
  list-style:none;counter-reset:ymcstep;
  background:#ffffff;border-radius:18px;border:1px solid var(--line);
  border-top:5px solid var(--terra);
  box-shadow:0 14px 40px -20px rgba(207,106,54,.5);
}
.ym-article .ym-body .ymc-steps>li,
body.ymart-single main .ymc-steps>li{
  position:relative;padding:0 0 24px 64px;margin:0;font-size:1.08rem;line-height:1.55;
  counter-increment:ymcstep;
}
.ym-article .ym-body .ymc-steps>li::before,
body.ymart-single main .ymc-steps>li::before{
  content:counter(ymcstep);position:absolute;left:0;top:-4px;
  width:42px;height:42px;border-radius:50%;background:#cf6a36;color:#ffffff;
  font-family:'Unbounded',sans-serif;font-weight:700;font-size:1.1rem;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 16px -6px rgba(207,106,54,.6);
}
/* вертикальная линия между шагами */
.ym-article .ym-body .ymc-steps>li:not(:last-child)::after,
body.ymart-single main .ymc-steps>li:not(:last-child)::after{
  content:"";position:absolute;left:20px;top:42px;bottom:6px;width:2px;
  background:linear-gradient(var(--terra),rgba(207,106,54,.15));opacity:.7;
}
.ym-article .ym-body .ymc-steps>li strong,
body.ymart-single main .ymc-steps>li strong{
  font-family:'Unbounded',sans-serif;font-weight:600;font-size:1.12rem;
  display:block;margin-bottom:7px;color:#b5551d;line-height:1.3;
}

/* ====================== 6. PRO / CONTRA ====================== */
.ym-article .ym-body .ymc-procon,
body.ymart-single main .ymc-procon{
  max-width:760px;margin:2.6rem auto;padding:0 22px;box-sizing:border-box;
  display:grid;grid-template-columns:1fr 1fr;gap:18px;
}
.ym-article .ym-body .ymc-procon .ymc-pc-col,
body.ymart-single main .ymc-procon .ymc-pc-col{
  border-radius:16px;padding:20px 22px;background:var(--card,#fff);
  box-shadow:0 12px 32px -20px rgba(29,23,20,.4);
}
.ym-article .ym-body .ymc-procon .ymc-pc-pro,
body.ymart-single main .ymc-procon .ymc-pc-pro{
  border:1px solid var(--line);border-top:4px solid var(--sage);
}
.ym-article .ym-body .ymc-procon .ymc-pc-con,
body.ymart-single main .ymc-procon .ymc-pc-con{
  border:1px solid var(--line);border-top:4px solid var(--terra);
}
.ym-article .ym-body .ymc-procon h4,
body.ymart-single main .ymc-procon h4{
  font-family:'Unbounded',sans-serif;font-size:.95rem;font-weight:600;margin:0 0 12px;
  display:flex;align-items:center;gap:8px;
}
.ym-article .ym-body .ymc-procon .ymc-pc-pro h4,
body.ymart-single main .ymc-procon .ymc-pc-pro h4{color:#4f5d40}
.ym-article .ym-body .ymc-procon .ymc-pc-con h4,
body.ymart-single main .ymc-procon .ymc-pc-con h4{color:#b5551d}
.ym-article .ym-body .ymc-procon ul,
body.ymart-single main .ymc-procon ul{list-style:none;margin:0;padding:0}
.ym-article .ym-body .ymc-procon li,
body.ymart-single main .ymc-procon li{
  position:relative;padding-left:26px;margin-bottom:.6rem;font-size:1rem;line-height:1.45;
}
.ym-article .ym-body .ymc-procon .ymc-pc-pro li::before,
body.ymart-single main .ymc-procon .ymc-pc-pro li::before{
  content:"+";position:absolute;left:0;top:-1px;color:#4f5d40;
  font-weight:800;font-size:1.15rem;
}
.ym-article .ym-body .ymc-procon .ymc-pc-con li::before,
body.ymart-single main .ymc-procon .ymc-pc-con li::before{
  content:"-";position:absolute;left:2px;top:-1px;color:#b5551d;
  font-weight:800;font-size:1.15rem;
}

/* ====================== 7. ФАКТ-ЦИФРА КРУПНО ====================== */
.ym-article .ym-body .ymc-stat,
body.ymart-single main .ymc-stat{
  max-width:760px;margin:2.6rem auto;padding:30px 28px;box-sizing:border-box;
  background:#1d1714;color:#f3e9d8;border-radius:22px;text-align:center;
  box-shadow:0 18px 50px -20px rgba(29,23,20,.55);
}
.ym-article .ym-body .ymc-stat .ymc-stat-num,
body.ymart-single main .ymc-stat .ymc-stat-num{
  font-family:'Unbounded',sans-serif;font-weight:800;color:#e07a44;
  font-size:clamp(2.6rem,8vw,3.8rem);line-height:1;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;display:block;
}
.ym-article .ym-body .ymc-stat .ymc-stat-cap,
body.ymart-single main .ymc-stat .ymc-stat-cap{
  font-family:'Fraunces',serif;font-style:italic;font-size:1.1rem;
  color:#f3e9d8;margin-top:10px;display:block;opacity:.92;
}
/* ряд из нескольких цифр */
.ym-article .ym-body .ymc-stat.is-row,
body.ymart-single main .ymc-stat.is-row{
  display:flex;gap:20px;justify-content:space-around;flex-wrap:wrap;text-align:center;
}
.ym-article .ym-body .ymc-stat.is-row .ymc-stat-item,
body.ymart-single main .ymc-stat.is-row .ymc-stat-item{flex:1;min-width:120px}
.ym-article .ym-body .ymc-stat.is-row .ymc-stat-num,
body.ymart-single main .ymc-stat.is-row .ymc-stat-num{font-size:clamp(2rem,6vw,2.8rem)}
.ym-article .ym-body .ymc-stat.is-row .ymc-stat-cap,
body.ymart-single main .ymc-stat.is-row .ymc-stat-cap{font-size:.92rem}

/* ====================== 8. ДО / ПОСЛЕ ====================== */
.ym-article .ym-body .ymc-bna,
body.ymart-single main .ymc-bna{
  max-width:760px;margin:2.6rem auto;padding:0 22px;box-sizing:border-box;
  display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;
}
.ym-article .ym-body .ymc-bna .ymc-bna-col,
body.ymart-single main .ymc-bna .ymc-bna-col{
  border-radius:16px;padding:22px 24px;position:relative;
}
.ym-article .ym-body .ymc-bna .ymc-bna-before,
body.ymart-single main .ymc-bna .ymc-bna-before{
  background:rgba(29,23,20,.05);border:1px dashed var(--line);
}
.ym-article .ym-body .ymc-bna .ymc-bna-after,
body.ymart-single main .ymc-bna .ymc-bna-after{
  background:var(--card,#fff);border:1px solid var(--line);border-top:4px solid var(--sage);
  box-shadow:0 12px 32px -20px rgba(86,96,73,.5);
}
.ym-article .ym-body .ymc-bna .ymc-bna-tag,
body.ymart-single main .ymc-bna .ymc-bna-tag{
  font-family:'Unbounded',sans-serif;font-size:.7rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;display:block;
}
.ym-article .ym-body .ymc-bna .ymc-bna-before .ymc-bna-tag,
body.ymart-single main .ymc-bna .ymc-bna-before .ymc-bna-tag{color:var(--ink-soft)}
.ym-article .ym-body .ymc-bna .ymc-bna-after .ymc-bna-tag,
body.ymart-single main .ymc-bna .ymc-bna-after .ymc-bna-tag{color:var(--sage-deep)}
.ym-article .ym-body .ymc-bna p,
body.ymart-single main .ymc-bna p{margin:0;font-size:1.02rem;line-height:1.5}

/* ====================== ТЁМНАЯ ТЕМА ======================
   Тело статьи темнеет через body.ymart-dark (не .ym-article.dark).
   В этой теме плагин статьи делает весь текст в main кремовым через
   !important, поэтому тут задача, дать блокам тёмный фон, чтобы
   светлый текст на нём читался. Цвета явные. */
body.ymart-dark main .ymc-table table{background:#241c16;border-color:rgba(243,233,216,.14)}
body.ymart-dark main .ymc-table th{background:#3a2230}
body.ymart-dark main .ymc-table td{border-top-color:rgba(243,233,216,.12);color:#f3e9d8 !important}
body.ymart-dark main .ymc-table tbody tr:nth-child(even) td{background:rgba(243,233,216,.05)}
body.ymart-dark main .ymc-table tbody tr:hover td{background:rgba(224,122,68,.14)}

body.ymart-dark main .ymc-quote{background:#241c16;border-left-color:#e8895a}
body.ymart-dark main .ymc-quote .ymc-q-text{color:#d8b45e !important}
body.ymart-dark main .ymc-quote .ymc-q-ava{border-color:#241c16}

body.ymart-dark main .ymc-check{background:#241c16;border-color:rgba(243,233,216,.14);border-left-color:#7f8f6e}
body.ymart-dark main .ymc-check .ymc-c-label{background:#5c7a54;color:#fff !important}

body.ymart-dark main .ymc-note.is-important{background:rgba(224,122,68,.16);border-color:rgba(224,122,68,.45);border-left-color:#e07a44}
body.ymart-dark main .ymc-note.is-warning{background:rgba(216,180,94,.16);border-color:rgba(216,180,94,.45);border-left-color:#d8b45e}
body.ymart-dark main .ymc-note.is-fact{background:rgba(127,143,110,.18);border-color:rgba(127,143,110,.45);border-left-color:#7f8f6e}
body.ymart-dark main .ymc-note.is-important strong:first-child{color:#e8895a !important}
body.ymart-dark main .ymc-note.is-fact strong:first-child{color:#9db088 !important}

body.ymart-dark main .ymc-steps{background:#241c16;border-color:rgba(243,233,216,.14);border-top-color:#e07a44}
body.ymart-dark main .ymc-steps>li strong{color:#e8895a !important}

body.ymart-dark main .ymc-procon .ymc-pc-col{background:#241c16}
body.ymart-dark main .ymc-procon .ymc-pc-pro{border-color:rgba(243,233,216,.14);border-top-color:#7f8f6e}
body.ymart-dark main .ymc-procon .ymc-pc-con{border-color:rgba(243,233,216,.14);border-top-color:#e07a44}
body.ymart-dark main .ymc-procon .ymc-pc-pro h4{color:#9db088 !important}
body.ymart-dark main .ymc-procon .ymc-pc-con h4{color:#e8895a !important}
body.ymart-dark main .ymc-procon .ymc-pc-pro li::before{color:#9db088}
body.ymart-dark main .ymc-procon .ymc-pc-con li::before{color:#e8895a}

body.ymart-dark main .ymc-stat{background:#000000}
body.ymart-dark main .ymc-stat .ymc-stat-num{color:#e8895a !important}

body.ymart-dark main .ymc-bna .ymc-bna-before{background:rgba(243,233,216,.06);border-color:rgba(243,233,216,.18)}
body.ymart-dark main .ymc-bna .ymc-bna-after{background:#241c16;border-color:rgba(243,233,216,.14);border-top-color:#7f8f6e}
body.ymart-dark main .ymc-bna .ymc-bna-after .ymc-bna-tag{color:#9db088 !important}

/* ====================== МОБИЛКА ====================== */
@media (max-width:680px){
  .ym-article .ym-body .ymc-procon,
  body.ymart-single main .ymc-procon,
  .ym-article .ym-body .ymc-bna,
  body.ymart-single main .ymc-bna{grid-template-columns:1fr}
  .ym-article .ym-body .ymc-stat.is-row,
  body.ymart-single main .ymc-stat.is-row{gap:14px}
  .ym-article .ym-body .ymc-table,
  body.ymart-single main .ymc-table{padding:0 16px}
  .ym-article .ym-body .ymc-table th,
  body.ymart-single main .ymc-table th{font-size:.76rem;padding:11px 12px}
  .ym-article .ym-body .ymc-table td,
  body.ymart-single main .ymc-table td{padding:10px 12px;font-size:.94rem}
}