@layer components {
.hbd-stage--ph { overflow: visible; }

.hbd-stage--ph > .hbd-svg {
  min-width: 0;
  width: 100%;
  max-width: 520px;
  margin-inline: auto;
}

.hbd-lab--ph {
  font-size: 12.5px;
  letter-spacing: 0.1em;
}

.hbd-val--ph { font-size: 15px; }

.wk-psvg .wk-on-band {
  paint-order: stroke fill;
  stroke: #505155;
  stroke-width: 5px;
  stroke-linejoin: round;
}

@media (max-width: 1023px) {
  .hbd-foot-k { font-size: 12.5px; }

  .hbd-foot-t { font-size: var(--mt-body); }
}

@media (max-width: 1023px) {
  .cut-head { margin-bottom: var(--stack-md); }
  .hbd-foot { margin-top: var(--stack-sm); }

  .main-content > .hbd-cut {
    padding-top: calc(var(--navbar-h) + var(--hero-lede));
    padding-bottom: 0;
  }
}

}