.npds-uv {
  display: none;
  align-items: center;
  gap: .3rem;
  padding: .1rem .42rem;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: .01em;
  background: var(--uv-c, rgba(255, 255, 255, .14));
  color: var(--uv-ink, #fff);
  border: 1px solid rgba(0, 0, 0, .18);
  transition: transform .12s ease;
}
.npds-uv:not([hidden]) { display: inline-flex; }
.npds-uv:hover { transform: translateY(-1px); }
.npds-uv:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.npds-uv__k { font-weight: 700; opacity: .82; font-size: .66rem; text-transform: uppercase; }
.npds-uv__v { font-variant-numeric: tabular-nums; font-weight: 900; }
.npds-uv__b { font-weight: 600; opacity: .88; white-space: nowrap; }
.npds-uv__b[hidden] { display: none; }
.npds-uv[data-band="low"]       { --uv-c: #3ea72d; --uv-ink: #0d2a08; }
.npds-uv[data-band="moderate"]  { --uv-c: #fff300; --uv-ink: #3a3500; }
.npds-uv[data-band="high"]      { --uv-c: #f18b00; --uv-ink: #3a2100; }
.npds-uv[data-band="very_high"] { --uv-c: #e53210; --uv-ink: #150300; }
.npds-uv[data-band="extreme"]   { --uv-c: #b54cff; --uv-ink: #26003a; }
@media (prefers-reduced-motion: reduce) {
  .npds-uv { transition: none; }
  .npds-uv:hover { transform: none; }
}