/* Reference palette: 大/双 red, 小/单 blue, including each half of a combination. */
:root {--result-trait-blue:#165dff;--result-trait-red:#f53f3f}
/* Omission analysis retains its existing palette. */
.omission-page {--result-trait-blue:var(--skin-blue,#1f5eff);--result-trait-red:var(--skin-red,#f23b3b)}
body .result-traits {
  display:inline-flex;align-items:stretch;justify-content:center;vertical-align:middle;
  padding:0;min-width:0;height:auto;border-radius:3px;overflow:hidden;
  background:transparent;color:#fff;white-space:nowrap;line-height:22px;
  font-size:12px;font-weight:400;
}
body .result-traits .result-trait {
  display:inline-grid;place-items:center;min-width:24px;padding:0 5px;
  background:var(--result-trait-blue);color:#fff;font:inherit;line-height:22px;
}
body .result-traits .result-trait.blue,
body .classic-tag.blue,
body .flight-prediction.blue {background:var(--result-trait-blue);color:#fff}
body .result-traits .result-trait.red,
body .classic-tag.red,
body .flight-prediction.red {background:var(--result-trait-red);color:#fff}
body .result-traits:has(>.result-trait:nth-child(2)) .result-trait {min-width:18px;padding-inline:3px}
body button:has(>.result-traits)[aria-pressed=true] {outline:2px solid var(--result-trait-blue);outline-offset:2px}
body .hu-create-chosen .result-traits {margin:2px}
/* Trends and streaks show each combination on one solid badge. */
body .result-trait-solid {
  display:inline-grid;place-items:center;vertical-align:middle;min-width:29px;
  height:22px;padding:0 6px;border-radius:3px;color:#fff;
  font-size:12px;font-weight:600;line-height:22px;white-space:nowrap;
}
body .result-trait-solid.red {background:var(--result-trait-red)}
body .result-trait-solid.blue {background:var(--result-trait-blue)}
#dialog-body .detail-prediction .detail-prediction-tag.kill-group {background:var(--result-trait-red);color:#fff}
#dialog-body .detail-prediction .detail-prediction-tag.kill-group.blue {background:var(--result-trait-blue)}