.flush { margin-top: 0; }
.card { margin-bottom: 16px; }
.fields { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px 14px; margin: 10px 0 16px; }
.field { display: flex; flex-direction: column; gap: 4px; }
.field label { font-size: 13px; color: var(--muted); }
.ad-toggle { display: flex; gap: 16px; flex-wrap: wrap; margin: 6px 0 12px; font-size: 14px; }
.ad-toggle label { display: flex; align-items: center; gap: 6px; }

.metric { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 10px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.metric:last-of-type { border-bottom: none; }
.metric .label { font-size: 14px; }
.metric .value { font-weight: 700; font-size: 16px; }
.metric .label.small, .metric .value.small { font-size: 13px; font-weight: 600; }
.metric details { flex-basis: 100%; margin-top: 2px; }
.metric summary { cursor: pointer; font-size: 12px; color: var(--muted); }
.metric code { font-size: 12px; display: block; margin-top: 4px; color: var(--muted); white-space: normal; overflow-wrap: anywhere; }

.score-item { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; margin-bottom: 8px; }
.score-item label.name { display: block; font-weight: 600; margin-bottom: 6px; }
.score-item select { margin-bottom: 8px; }
.weight-row { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted); }
.weight-row input { width: 70px; }

#verdict-card .pill { font-size: 14px; padding: 4px 10px; }
#verdict-card label.row { margin-top: 10px; align-items: center; }
#verdict-card details { margin-top: 10px; }
#verdict-card code { font-size: 12px; color: var(--muted); display: block; white-space: normal; overflow-wrap: anywhere; }

.table-wrap { overflow-x: auto; margin: 10px 0; }
#compare-table { min-width: 760px; }
#compare-table th, #compare-table td { white-space: nowrap; }
#compare-table td.name { white-space: normal; min-width: 140px; }