/* Container */
.tabbed-set {
  border: 1px solid rgba(0,0,0,.12);
  border-radius: .4rem;
  margin: 1rem 0;
  overflow: hidden;
}

/* Hide radio inputs */
.tabbed-set > input {
  display: none;
}

/* Labels row */
.tabbed-labels {
  display: flex;
  gap: 0;
  border-bottom: 1px solid rgba(0,0,0,.12);
  background: rgba(0,0,0,.03);
}

.tabbed-labels > label {
  padding: .6rem .9rem;
  cursor: pointer;
  user-select: none;
}

.tabbed-labels > label a {
  color: inherit;
  text-decoration: none;
}

/* Content area */
.tabbed-content {
  padding: 1rem;
}

/* Hide all tab blocks by default */
.tabbed-content > .tabbed-block {
  display: none;
}

/* Show the right block based on which radio is checked */
.tabbed-set > input:nth-of-type(1):checked ~ .tabbed-content > .tabbed-block:nth-child(1),
.tabbed-set > input:nth-of-type(2):checked ~ .tabbed-content > .tabbed-block:nth-child(2),
.tabbed-set > input:nth-of-type(3):checked ~ .tabbed-content > .tabbed-block:nth-child(3),
.tabbed-set > input:nth-of-type(4):checked ~ .tabbed-content > .tabbed-block:nth-child(4),
.tabbed-set > input:nth-of-type(5):checked ~ .tabbed-content > .tabbed-block:nth-child(5),
.tabbed-set > input:nth-of-type(6):checked ~ .tabbed-content > .tabbed-block:nth-child(6),
.tabbed-set > input:nth-of-type(7):checked ~ .tabbed-content > .tabbed-block:nth-child(7),
.tabbed-set > input:nth-of-type(8):checked ~ .tabbed-content > .tabbed-block:nth-child(8),
.tabbed-set > input:nth-of-type(9):checked ~ .tabbed-content > .tabbed-block:nth-child(9),
.tabbed-set > input:nth-of-type(10):checked ~ .tabbed-content > .tabbed-block:nth-child(10) {
  display: block;
}

/* Optional: make the active tab look active */
.tabbed-set > input:nth-of-type(1):checked ~ .tabbed-labels > label:nth-child(1),
.tabbed-set > input:nth-of-type(2):checked ~ .tabbed-labels > label:nth-child(2),
.tabbed-set > input:nth-of-type(3):checked ~ .tabbed-labels > label:nth-child(3),
.tabbed-set > input:nth-of-type(4):checked ~ .tabbed-labels > label:nth-child(4),
.tabbed-set > input:nth-of-type(5):checked ~ .tabbed-labels > label:nth-child(5) {
  background: transparent;
  font-weight: 600;
}