/* ============================================================
   庭审签（#591）——结论旁的一枚小签，点开是它被质疑的全过程

   设计前提：**这是寄生形态，不是一块新版面**。普通用户只要结论，签折起来时必须
   小到不抢结论的位置；点开后才是一条时间线（news/tribunal.py 从库里搬出来的
   真实轮次、判词、修订前后句）。

   纯 <details>：折叠展开不用一行 JS，禁 JS 时内容一个字不少（见 _tribunal_chip.html）。

   金色纪律：同屏金色元素 ≤3。这里只有签本身（合上时是中性色，展开/悬停才转金），
   时间线内部走状态色（质疑=红、修订=金字、通过=绿）与中性线，不再添金块。
   ============================================================ */

.tb { display: inline-block; margin-left: 6px; vertical-align: middle; }

/* 合起来的签：一枚记号 + 一句「经 N 轮质疑 · 修订 M 处」。
   中性描边不抢结论，悬停/展开才上金——它是旁注，不是标题。 */
.tb > summary {
    list-style: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-full);
    background: var(--card);
    color: var(--ink-3);
    font-family: var(--font-body);
    font-size: 11px;
    line-height: 1.7;
    white-space: nowrap;
    cursor: pointer;
    transition: color .18s var(--ease), border-color .18s var(--ease);
}
.tb > summary::-webkit-details-marker { display: none; }
.tb > summary:hover,
.tb[open] > summary { color: var(--gold-text); border-color: var(--gold); }
.tb-chip-mark { font-size: 10px; }
.tb-chip-copy { font-variant-numeric: tabular-nums; }

/* 展开的时间线。**不做浮层**：这块内容有好几段判词，浮层在窄屏上必然溢出，
   而且浮层里的文字选不中——判词是要能复制去核对的。就地展开最稳。 */
.tb-line {
    display: block;
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-left: 3px solid var(--gold);
    border-radius: var(--r-sm);
    background: var(--card);
    font-family: var(--font-body);
    font-size: var(--fs-xs);
    line-height: 1.8;
    white-space: normal;
    text-align: left;
}

.tb-steps { list-style: none; margin: 0; padding: 0; }
.tb-step { padding: 6px 0; border-top: 1px solid var(--line-2); }
.tb-step:first-child { border-top: 0; padding-top: 0; }

.tb-step-head { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.tb-round {
    flex: none;
    font-variant-numeric: tabular-nums;
    font-size: 10px;
    letter-spacing: .04em;
    color: var(--ink-3);
}
.tb-stage { font-size: 11px; font-weight: 600; color: var(--ink-3); }
.tb-step--challenged .tb-stage { color: var(--red); }
.tb-step--revised .tb-stage { color: var(--gold-text); }

.tb-body { margin-top: 2px; color: var(--ink-2); overflow-wrap: anywhere; }
.tb-hits { display: block; font-size: 11px; color: var(--ink-3); }
.tb-tool {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    color: var(--ink-3);
}

/* 修订前后：两行摆一起才看得出改了什么。改前那行划掉——它已经不是结论了。 */
.tb-diff { margin-top: 2px; }
.tb-was, .tb-now { color: var(--ink-2); overflow-wrap: anywhere; }
.tb-was { color: var(--ink-3); text-decoration: line-through; text-decoration-color: var(--ink-3); }
.tb-diff-tag {
    display: inline-block;
    margin-right: 5px;
    padding: 0 5px;
    border-radius: var(--r-sm);
    background: var(--line-2);
    color: var(--ink-3);
    font-size: 10px;
    text-decoration: none;
}

.tb-final {
    margin-top: 8px;
    padding-top: 6px;
    border-top: 1px solid var(--line);
    color: var(--ink-2);
}
.tb-final .tb-stage { margin-right: 6px; }
.tb-final--pass { color: var(--q-good); }
.tb-final--reject { color: var(--red); }

/* 报告页那一块：一条结论一行，签跟在结论后面（同调查详情页的形态，不另起一套） */
.tb-list { margin-top: 10px; }
.tb-item { padding: 10px 0; border-top: 1px solid var(--line-2); }
.tb-item:first-child { border-top: 0; }
.tb-claim { font-size: var(--fs-sm); color: var(--text); line-height: 1.8; }