.verdict { display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border-radius: 12px; background: var(--bg-3); }
.verdict p { font-size: 18px; font-weight: 540; letter-spacing: -.018em; line-height: 1.3; text-wrap: pretty; }
.verdict.good { background: var(--good-soft); }
.verdict.bad { background: var(--bad-soft); }
.verdict.warn { background: var(--warn-soft); }
.verdict .ic { width: 20px; height: 20px; margin-top: 2px; }
.verdict.good .ic { color: var(--good); } .verdict.bad .ic { color: var(--bad); } .verdict.warn .ic { color: var(--warn); }
.verdict-mini { font-size: 12.5px; color: var(--ink-3); display: block; max-width: 56ch; }
.lift { font-weight: 600; font-variant-numeric: tabular-nums; }
.range-bar { position: relative; display: block; height: 18px; min-width: 120px; }
.range-bar .axis { position: absolute; left: 0; right: 0; top: 8.5px; height: 1px; background: var(--line-2); }
.range-bar .zero { position: absolute; top: 2px; bottom: 2px; width: 1px; background: var(--ink-3); left: 50%; }
.range-bar .span { position: absolute; top: 6px; height: 6px; border-radius: 3px; background: var(--ink-3); }
.range-bar .span.good { background: var(--good); } .range-bar .span.bad { background: var(--bad); }
.setup { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 10px 14px; align-items: start; }
.setup dt { color: var(--ink-3); font-size: 13px; padding-top: 5px; }
.setup dd { min-width: 0; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.change-line { display: flex; gap: 8px; align-items: center; padding: 6px 0; font-size: 13px; border-top: 1px solid var(--line); min-width: 0; }
.change-line:first-child { border-top: 0; }
.flicker-ok { color: var(--good); }
.rule-row { display: grid; grid-template-columns: 130px 110px 90px minmax(0, 1fr) 28px; gap: 6px; align-items: center; }
.rule-row.nokey { grid-template-columns: 130px 110px minmax(0, 1fr) 28px; }
@media (max-width: 640px) { .rule-row, .rule-row.nokey { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .setup { grid-template-columns: minmax(0, 1fr); gap: 2px 0; } .setup dd { margin-bottom: 8px; } }
