/* Keep each product icon recognizable without framing the group behind it. */
.tool-lanes,
.tool-lane,
.tool-lane:last-child {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.tool-lane { padding: 0 !important; }
.tool-mark {
  display: inline-flex;
  width: 38px;
  height: 38px;
  padding: 4px;
  border: 1px solid #e4e6ea !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 2px 6px rgba(22, 32, 41, .12) !important;
}
.tool-mark:hover,
.tool-mark:focus-visible {
  background: #fff !important;
  box-shadow: 0 3px 10px rgba(22, 32, 41, .17) !important;
}
.tool-mark img { width: 28px; height: 28px; }

/* A single centered score, with color determined only after submission. */
#anxiety .score-stage-v121 {
  --band-ink: #404a50;
  --band-line: #cfd6d4;
  --band-bg: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 164px;
  border-color: var(--band-line);
  background: var(--band-bg);
  transition: background-color .2s ease, border-color .2s ease;
}
#anxiety .score-stage-v121[data-band="low"] {
  --band-ink: #ae332f;
  --band-line: #df9e9a;
  --band-bg: #fff3f1;
}
#anxiety .score-stage-v121[data-band="mid"] {
  --band-ink: #916006;
  --band-line: #e3c276;
  --band-bg: #fff9e9;
}
#anxiety .score-stage-v121[data-band="high"] {
  --band-ink: #146b4b;
  --band-line: #91c5ab;
  --band-bg: #effaf3;
}
#anxiety .score-stage-v121 .score-number {
  width: 100%;
  min-height: 164px;
  margin: 0 !important;
  color: var(--band-ink) !important;
  text-align: center;
  font-size: 68px !important;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
