/* ============================================================
   ЕДС · вариация блока «Четыре задачи» без карточек
   Задача слева, решение справа, между ними стрелка.
   Отдельный файл — базовые .tk-* правила не тронуты.
   ============================================================ */

.tk2{display:grid;grid-template-columns:1fr 92px 1fr;align-items:stretch;
  border-top:1px solid var(--rule);padding-top:var(--pad)}
.tk2+.tk2{margin-top:calc(var(--sec) * .55)}
/* отступ от заголовка блока вдвое больше обычного */
.tk2-blk .blk-head{margin-bottom:calc(var(--head-gap) * 1.6)}

.tk2-side{display:flex;flex-direction:column;min-width:0}
.tk2-side.sol{padding-left:32px}

/* шапка: индекс и роль */
.tk2-hd{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.tk2-hd b{font-family:var(--disp);font-weight:700;font-size:26px;line-height:1;
  color:var(--ink);font-variant-numeric:tabular-nums}
.tk2-hd span{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink-mut)}
.tk2-hd s{flex:1;height:1px;background:var(--rule-soft);text-decoration:none}
.sol .tk2-hd b{color:var(--signal-deep)}
.sol .tk2-hd span{color:var(--signal-deep)}

.tk2 h4{font-family:var(--disp);font-weight:700;font-size:33px;line-height:1.06;
  letter-spacing:0;color:var(--ink);margin:0 0 20px;text-wrap:balance;max-width:15em}

.tk2-lead{font-size:16px;line-height:1.55;color:var(--ink-2);margin:0 0 16px;text-wrap:pretty}

.tk2-dash{display:flex;flex-direction:column;gap:9px;margin:0 0 22px;padding:0;list-style:none}
.tk2-dash li{display:flex;gap:11px;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
/* оранжевый квадратик вместо чёрточки */
.tk2-dash li i{flex:none;width:7px;height:7px;margin-top:8px;background:var(--signal);font-size:0;line-height:0}

.tk2-out{margin:auto 0 0;padding-top:20px;border-top:1px solid var(--rule-soft)}
.tk2-out span{display:block;padding-left:15px;border-left:2px solid var(--signal);
  font-size:15.5px;line-height:1.5;color:var(--ink);font-weight:500;text-wrap:pretty}

.tk2-bul{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}
.tk2-bul li{font-size:15.5px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.tk2-bul li strong{display:block;font-weight:700;color:var(--ink);margin-bottom:4px}
/* квадратик по вертикальной середине всего абзаца, а не первой строки */
.tk2-bul li .d{display:flex;align-items:center;gap:11px}
.tk2-bul li .d em{font-style:normal}
.tk2-bul li i{flex:none;width:7px;height:7px;background:var(--signal);font-size:0;line-height:0}

/* разделитель со стрелкой */
.tk2-mid{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:4px}
.tk2-mid s{flex:1;width:1px;background:var(--rule-soft);text-decoration:none}
.tk2-arw{--ch:9px;flex:none;width:46px;height:46px;display:grid;place-items:center;
  background:var(--signal);color:var(--signal-ink);
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}
.tk2-arw svg{width:22px;height:22px}

@media (max-width:900px){
  .tk2{grid-template-columns:minmax(0,1fr);gap:0}
  .tk2-side.sol{padding-left:0;margin-top:26px}
  .tk2 h4{font-size:27px;max-width:none}
  .tk2-out{margin-top:22px}
  .tk2-mid{flex-direction:row;width:100%;padding:26px 0 0}
  .tk2-mid s{width:auto;height:1px;flex:1}
  .tk2-arw{transform:rotate(90deg)}
}