/* Match the HF dashboard's semantic, preset-aware accent palette. */
.side-conditions .idx {
  --tone: var(--primary-text);
  box-shadow: inset 0 3px var(--tone);
}
.side-conditions .idx:nth-child(4n + 2) { --tone: var(--accent-text); }
.side-conditions .idx:nth-child(4n + 3) { --tone: var(--success); }
.side-conditions .idx:nth-child(4n + 4) { --tone: var(--primary-text); }
.side-conditions .idx dd { color: var(--tone); }
.side-conditions .idx dt, .side-conditions .idx dd u { color: var(--text); }
.side-conditions .q-good, .side-conditions .q-fair, .side-conditions .q-poor { font-weight: 600; }
.side-conditions .q-good { color: var(--hamqsl-good); }
.side-conditions .q-fair { color: var(--hamqsl-fair); }
.side-conditions .q-poor { color: var(--hamqsl-poor); }
.side-conditions .q-good i { background: var(--hamqsl-good); }
.side-conditions .q-fair i { background: var(--hamqsl-fair); }
.side-conditions .q-poor i { background: var(--hamqsl-poor); }
.home-condition-key {
  display: grid;
  gap: 7px;
  margin-top: 12px;
  padding-top: 11px;
  border-top: 1px solid var(--line-soft);
  color: var(--text);
  font: 11px/1.4 var(--mono);
}
.home-condition-key > span { display: flex; align-items: baseline; gap: 7px; }
.key-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
}
.key-dot.good { background: var(--hamqsl-good); }
.key-dot.fair { background: var(--hamqsl-fair); }
.key-dot.poor { background: var(--hamqsl-poor); }