/* LLM Evaluation — topic styles on top of ../common.css */
.range-row{display:flex;align-items:center;gap:10px;margin-top:8px}.range-row input[type=range]{flex:1;min-width:0;accent-color:var(--hi);min-height:32px}.range-row .val{font:.8rem var(--mono);min-width:4.5ch;text-align:right}
.table-scroll{max-width:100%;overflow-x:auto;margin:14px 0}.table-scroll table.notation{min-width:560px;table-layout:auto}.table-scroll td,.table-scroll th{vertical-align:top}
td.num,th.num{font-family:var(--mono);text-align:right;white-space:nowrap}
.tag{display:inline-block;font-size:.68rem;padding:1px 8px;border:1px solid var(--line);border-radius:12px;white-space:nowrap;margin:2px 0}
.tag.good{border-color:var(--s3)}.tag.bad{border-color:var(--s2);border-style:dashed;font-weight:600}.tag.warn{border-color:var(--s2)}
.seg{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}.seg button{min-height:38px;font-size:.72rem}.seg button[aria-checked="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.text-in{display:block;width:100%;min-height:44px;background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:8px 12px;font:.8rem var(--mono)}
.chip-panel{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:start;margin:18px 0 6px}.chip-label{font-size:.72rem;color:var(--muted);padding-top:8px;white-space:nowrap}
.chips{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
.chip{display:inline-flex;align-items:center;gap:2px;min-height:34px;min-width:30px;justify-content:center;padding:3px 8px;border:1px solid var(--line);border-radius:4px;background:var(--bg);font:.8rem var(--mono);color:var(--fg)}
button.chip{cursor:pointer}.chip.hit{border-bottom:3px solid var(--s1)}.chip.hit::after{content:"✓";font-size:.6rem;color:var(--s1);margin-left:2px}
.chip.drop{opacity:.45;text-decoration:line-through;border-style:dashed}.chip.drop::after{content:""}
.sent{display:block;width:100%;text-align:left;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:6px;background:var(--bg);padding:10px 12px;margin:8px 0;font-size:.8rem;line-height:1.8;min-height:0}
.sent.good{border-left-color:var(--s3)}.sent.warn{border-left-color:var(--s2);border-left-style:double;border-left-width:5px}.sent.bad{border-left-color:var(--s2);border-left-style:dashed;border-left-width:5px}
.sent[aria-pressed="true"]{outline:2px solid var(--s1);outline-offset:1px}.sent .tag{margin-right:8px}
.sent .meta{display:block;font:.66rem var(--mono);color:var(--muted);margin-top:4px}
mark{background:transparent;color:inherit;padding:0 1px}
mark.ok{border-bottom:2px solid var(--s3)}mark.no{border-bottom:2px dashed var(--s2);background:color-mix(in srgb,var(--s2) 14%,transparent)}mark.no::after{content:"✗";font-size:.6em;vertical-align:super;color:var(--s2)}
mark.src{background:color-mix(in srgb,var(--s1) 22%,transparent);border-bottom:2px solid var(--s1)}
mark.ov{background:color-mix(in srgb,var(--s2) 20%,transparent);border-bottom:2px solid var(--s2)}
.source-panel{border:1px solid var(--line);border-radius:6px;margin-top:10px;min-width:0}.source-text{font-size:.76rem;line-height:1.9;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto}
.fault-parts{grid-template-columns:repeat(3,minmax(0,1fr))}.fault-parts .part{font-size:.72rem}
.pair-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.pair-view div{border:1px solid var(--line);border-radius:6px;padding:10px 12px;font-size:.78rem;background:var(--bg)}.pair-view b{font-family:var(--mono)}.pair-view p{margin:4px 0}
.pair-q{font-size:.8rem;margin:8px 0 0}
.grid-wrap{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:18px;align-items:center;margin:14px 0}
.grid-svg{width:100%;height:auto;display:block}.grid-svg .cell{cursor:pointer}.grid-svg .cell rect{fill:var(--bg);stroke:var(--line);stroke-width:1.5}.grid-svg .cell.same rect{stroke:var(--s3)}.grid-svg .cell.flip rect{stroke:var(--s2);stroke-dasharray:6 4}.grid-svg .cell.on rect{stroke-width:4;stroke:var(--s1);stroke-dasharray:none}.grid-svg .cell:focus-visible rect{stroke:var(--s1);stroke-width:4}
.grid-svg text{fill:var(--fg);font:15px var(--mono)}.grid-svg .big{font-size:26px;font-weight:600}.grid-svg .small{font-size:12px;fill:var(--muted)}
.chart{width:100%;height:auto;display:block;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:6px}.chart text{fill:currentColor;font:13px var(--mono)}.chart .axis{stroke:currentColor;opacity:.5}.chart .grid{stroke:currentColor;opacity:.12}
.chart .bar{cursor:pointer}.chart .bar rect{fill:var(--s1)}.chart .bar.sus rect{fill:var(--s2)}.chart .bar.on rect:first-child{stroke:var(--fg);stroke-width:3}.chart .bar:focus-visible rect:first-child{stroke:var(--fg);stroke-width:3}
[data-big="1"] .chart text,[data-big="1"] .grid-svg text{font-size:17px}
.cont-item{border-top:1px solid var(--line);padding:10px 0;font-size:.8rem;line-height:1.9}.cont-item .meta{display:block;font:.66rem var(--mono);color:var(--muted)}.cont-item.on{background:color-mix(in srgb,var(--s1) 7%,transparent)}
.cont-item button{min-height:34px;font-size:.68rem;margin-left:6px}
.cont-detail{border-left:3px solid var(--s1);background:var(--bg);padding:12px 14px;font-size:.78rem;margin:14px 0;overflow-wrap:anywhere}.cont-detail p{margin:4px 0}
.loading{font-size:.78rem;color:var(--muted)}
@media(max-width:700px){.fault-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.pair-view,.grid-wrap{grid-template-columns:1fr}.chip{min-width:28px;padding:3px 6px;font-size:.74rem}.chip-panel{grid-template-columns:1fr;gap:4px}.chip-label{padding-top:4px}}
@media print{.seg,.text-in{display:none!important}.source-text{max-height:none;overflow:visible}.table-scroll{overflow:visible}.table-scroll table.notation{min-width:0}.chart,.grid-svg{max-height:200px;width:auto}}
.text-in[hidden]{display:none}
.chart text,.grid-svg text{pointer-events:none}
.table-scroll th,.table-scroll td.num,.table-scroll .tag,.table-scroll button{white-space:nowrap}.table-scroll td:has(>button),.table-scroll td:has(>.tag){white-space:nowrap}