.kl-v5-strike { max-width: 560px; margin-top: var(--stack, 32px); }
.kl-v5-strike .s2-rows { margin: 0; padding: 0; list-style: none; }

.kl-v5-strike .s2-row { --row-gap: 14px; }
.kl-v5-strike .s2-fail { grid-column: 2; grid-row: 1; margin: 0 0 8px; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: .015em; color: var(--ink); }
.kl-v5-strike .s2-th { grid-column: 1; grid-row: 2; align-self: start; }
.kl-v5-strike .s2-tx { grid-column: 2; grid-row: 2; }

.kl-v5-strike .s2-struck { position: relative; display: inline-block; }
.kl-v5-strike .s2-w { color: var(--ink); opacity: .74; }
.kl-v5-strike .s2-line { position: absolute; left: -3px; right: -3px; top: 11.7px; height: 2px; border-radius: 1px; background: var(--red-peach); transform-origin: 0 50%; }

.kl-v5-strike .s2-n { display: inline-block; margin-right: .3em; }
.kl-v5-strike .s2-dot { display: inline-block; width: .16em; height: .16em; margin-left: .22em; border-radius: 50%; background: currentColor; vertical-align: .27em; }
.kl-v5-strike .s2-brk { display: block; }

.kl-v5-strike .s2-tk { display: inline-block; width: 24px; height: 24px; margin-left: 10px; vertical-align: -3px; }
.kl-v5-strike .s2-tk .k-check { display: block; width: 100%; height: 100%; }

.kl-v5-strike .s2-quad { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 2px; overflow: hidden; width: 100%; height: 100%; border-radius: 5px; }
.kl-v5-strike .s2-q { display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; max-width: none; object-fit: cover; }
.kl-v5-strike .s2-q--p { object-position: 50% 70%; }
.kl-v5-strike .s2-sq--scan { object-position: 50% 40%; }

@media (min-width: 1180px) {
  .kl-v5-strike {
    max-width: none; margin-top: 0;
    --f: min(38px, max(25px, calc((100cqi - 196px) * .0731)));
    --h: clamp(18px, calc(18px + (var(--f) - 25px) * .4616), 24px);
    --tk: clamp(24px, calc(var(--f) * .7369), 28px);
  }
  .kl-v5-strike .s2-row { --cols: auto minmax(0, 1fr) 0; --row-gap: 16px; }
  .kl-v5-strike .s2-fail { font-size: var(--h); line-height: 34px; }
  .kl-v5-strike .s2-line { top: calc(14.9px - (var(--h) - 24px) * .0213); }
  .kl-v5-strike .s2-row .s2-ans { font-size: var(--f); line-height: 1; }
  .kl-v5-strike .s2-brk { display: inline; }
  .kl-v5-strike .s2-brk--d { display: block; }
  .kl-v5-strike .s2-row:nth-child(2) { grid-template-rows: auto minmax(76px, auto); }
  .kl-v5-strike .s2-tk { width: var(--tk); height: var(--tk); margin: -3px 0 0 calc(10px + (var(--tk) - 24px) * .5); vertical-align: calc(-3px - (var(--tk) - 24px) * .25); }
  @container (max-width: 537.9px) {
    .kl-v5-strike .s2-brk { display: block; }
  }
  .kl-v5-strike .s2-rows > .s2-row:last-child { border-bottom: 1px solid var(--hair); }
}

@media (forced-colors: active) {
  .kl-v5-strike .s2-line { background: CanvasText; }
  .kl-v5-strike .s2-tk .k-check circle { fill: CanvasText; }
  .kl-v5-strike .s2-tk .k-check path { stroke: Canvas; }
}
