:root {
  --nsbg-border: #cbd1d8;
  --nsbg-text:   #1f2328;
  --nsbg-hover:  #f6f8fa;      /* match other widgets */
  --nsbg-active: #1f4aa0;
  --nsbg-active-text: #fff;
}

/* Group wrapper */
.nsbg-group {
  width: 100%;
  border: 1px solid var(--nsbg-border);
  border-radius: 10px;
  background: #fff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  overflow: hidden;
  display: block;
}

/* Items (links behave like buttons) */
.nsbg-group .nsbg-item {
  display: block;
  padding: .75rem 1rem;
  color: var(--nsbg-text);      /* override theme link blue */
  text-decoration: none;
  line-height: 1.2;
  position: relative;
  background: #fff;
}

/* Divider */
.nsbg-group .nsbg-item + .nsbg-item {
  border-top: 1px solid var(--nsbg-border);
}

/* Hover / focus */
.nsbg-group .nsbg-item:hover,
.nsbg-group .nsbg-item:focus-visible {
  background: var(--nsbg-hover);
  color: var(--nsbg-text);      /* keep text dark, not link blue */
  outline: none;
}

/* Active/selected state */
.nsbg-group .nsbg-item.is-active {
  background: var(--nsbg-active);
  color: var(--nsbg-active-text);
  font-weight: 600;
}

.nsbg-group .nsbg-item:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.nsbg-group .nsbg-item:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}