/* Vertical Tabs — PRESET 1 (scoped to #pun-main) */

/* Левая колонка: список вкладок */
#pun-main .bb-tabs.tabs-preset-1{
  display: block;
  width: auto;
  background: transparent;
  color: inherit;
  font: inherit;
  padding: 12px 10px;
  overflow: visible;
  box-sizing: border-box;
  float: right;
}

/* UL и LI */
#pun-main .bb-tabs.tabs-preset-1 .bb-tabs-nav{
  margin: 0;
  padding: 0;
  list-style: none;
}
#pun-main .bb-tabs.tabs-preset-1 .bb-tabs-nav > li{
  margin: 0 0 10px;
  list-style: none;
}

/* Ссылки-вкладки (пилюли) */
#pun-main .bb-tabs.tabs-preset-1 .bb-tabs-nav > li > a{
  display: block;
  width: 100%;
  padding: 10px 14px;
  color: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
  text-decoration: none;
  background: rgba(59,177,149,.10);
  border: 1px solid rgba(63,177,149,.35);
  border-left-width: 3px;
  border-radius: 999px;
  user-select:none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
#pun-main .bb-tabs.tabs-preset-1 .bb-tabs-nav > li > a:hover{
  background: rgba(59,177,149,.16);
}

/* Активная вкладка */
#pun-main .bb-tabs.tabs-preset-1 .bb-tabs-nav > li.is-active > a{
  background: rgba(59,177,149,.22);
  border-color: rgba(59,177,149,.55);
  border-left-color: #3bb195;
  color: #fff;
  font-weight: 600;
}

/* Доступность: видимая обводка по акценту */
#pun-main .bb-tabs.tabs-preset-1 .bb-tabs-nav > li > a:focus-visible{
  outline: 2px solid #3bb195;
  outline-offset: -2px;
}

/* ── ПРАВАЯ КОЛОНКА: ПАНЕЛИ (PANES — preset 1) ───────────────── */

#pun-main .bb-tab-panes.panes-preset-1{
  display: block;
  color: inherit;
  box-sizing: border-box;
}