/* Green LED display, isolated from the existing site styles. */
.hds-page-counter {
  box-sizing: border-box;
  width: min(100% - 32px, 360px);
  margin: 32px auto 28px;
  padding: 17px 20px 14px;
  border: 1px solid #1f4635;
  border-radius: 12px;
  background: linear-gradient(145deg, #101e18, #060b09);
  box-shadow: 0 10px 30px #0005, inset 0 1px 0 #ffffff09;
  text-align: center;
  color: #b9ddc9;
  font-family: Arial, sans-serif;
}
.hds-page-counter .hds-counter-label {
  display: block;
  margin: 0 0 11px;
  color: #b9ddc9;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .2em;
}
.hds-page-counter .hds-counter-digits {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 55px;
  overflow: hidden;
  color: #57ff91;
  font-size: 36px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.hds-page-counter .hds-counter-digit {
  display: block;
  flex: 0 1 29px;
  width: 29px;
  min-width: 0;
  height: 49px;
  overflow: visible;
}
.hds-page-counter .hds-counter-digit .is-lit {
  fill: #57ff91;
  filter: drop-shadow(0 0 2px #32ff7855);
}
.hds-page-counter .hds-counter-digit .is-dim { fill: #112b1a; }
.hds-page-counter .hds-counter-status {
  display: block;
  margin-top: 10px;
  color: #9cb6a8;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .04em;
}
@media (max-width: 400px) {
  .hds-page-counter { width: min(100% - 24px, 320px); margin-block: 25px 22px; }
  .hds-page-counter .hds-counter-digits { gap: 3px; }
}