/* ============================================================================
   B4 industry comparison (W24): the aside on the topic analysis page
   (webapp-v4/seiten/34, prefix ta-) and the waiting line in the AI-reply
   history (09). Sentence, scale and meta are .bl-bench from v4.css.
   ========================================================================= */

.bl-v4 .ta-bench { gap: 10px; position: sticky; top: 24px; align-self: start; }
.bl-v4 .ta-bench .bl-bench-scale { margin: 28px 12px 26px; }
.bl-v4 .ta-bench-rows { display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.bl-v4 .ta-bench-rows > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--line); }
.bl-v4 .ta-bench-rows dt { font-size: 13px; color: var(--ink-2); }
.bl-v4 .ta-bench-rows dt small { display: block; font-size: 11.5px; color: var(--muted); }
.bl-v4 .ta-bench-rows dd { display: flex; align-items: baseline; gap: 10px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bl-v4 .ta-bench-rows dd b { font-size: 15px; font-weight: 700; color: var(--ink); }
.bl-v4 .ta-bench-rows dd span { font-size: 12.5px; color: var(--muted); }
.bl-v4 .ta-bench-wait { font-size: 13px; line-height: 1.5; color: var(--muted); }
.bl-v4 .ta-bench-lock { display: block; margin-top: 12px; }

.bl-v4 .bl-ki-bench-wait { margin-top: 16px; }

@media (max-width: 1023.98px) {
  .bl-v4 .ta-bench { padding: 16px; position: static; }
}