.tabbed {
}
.tabbed .tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

.tabbed .tab .tablink {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}
.tabbed .tab .tablink:hover {
  background-color: #ddd;
}
.tabbed .tab .tablink.active {
  background-color: var(--clr_primary_bg);
  color: var(--clr_primary_fg);
}
.tabbed .tabcontent {
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.tabbed .tabcontent .title {
  font-size: 200%;
  margin-bottom: 5px;
  font-variant: small-caps;
}