/* Shared heading/feature icon family. Deliberately blue in every panel theme. */
.panel-section-icon,
.panel-icon-blue {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  vertical-align: -4px;
}
.panel-section-icon {
  display: inline-block;
  color: #2563eb;
  color: oklch(0.546 0.245 262.881);
}
.panel-section-icon > * {
  vector-effect: non-scaling-stroke;
  stroke-width: 1.5px;
}
.panel-section-icon--light {
  color: #60a5fa;
  color: oklch(0.707 0.165 254.624);
}
/* Dynamic bonus hints and status labels keep their labels and state colors. */
.panel-icon-blue {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 1;
  color: #2563eb;
}