/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap&subset=cyrillic,cyrillic-ext'); */

:root{
  --brand-purple:#5B3192;
  --page-bg:#fff;           /* фон страницы */
  --tab-bw:1px;             /* толщина рамки*/
  --tab-radius:6px;         /* скругление таба */
  --tab-pad-y:20px;       /* высота по вертикали */
  --tab-pad-x:23px;       /* отступы по горизонтали */
  --tab-panel-pad: 24px;   /* padding панели */
  --tab-panel-gap: 10px;   /* расстояние между блоками внутри */
}

.sphinx-tabs .closeable[role="tablist"]{
  border-bottom:none !important;
  position:relative; z-index:2;
}

.sphinx-tabs .sphinx-tabs-tab{
  background:transparent !important;
  border:var(--tab-bw) solid transparent !important;
  border-bottom:var(--tab-bw) solid transparent !important;
  border-radius:var(--tab-radius) var(--tab-radius) 0 0 !important;
  padding:calc(var(--tab-pad-y) + 1px) var(--tab-pad-x) var(--tab-pad-y) !important;
  color:inherit; cursor:pointer;
  /* font-family:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; */
}

.sphinx-tabs .sphinx-tabs-tab:hover{ color:var(--brand-purple) !important; }

/* активный таб */
.sphinx-tabs .sphinx-tabs-tab[aria-selected="true"]{
  color:var(--brand-purple) !important;
  border-color:var(--brand-purple) !important;
  border-bottom-color:var(--page-bg) !important;
  margin-bottom: calc(-1 * (var(--tab-bw) + 2px)) !important;
  background:var(--page-bg) !important;
  font-weight:600;
  position:relative; z-index:3;
}

/* контент табов */
.sphinx-tabs .sphinx-tabs-panel{
  border: var(--tab-bw) solid var(--brand-purple) !important;
  border-radius: var(--tab-radius) !important;
  padding: var(--tab-panel-pad) !important;
  box-sizing: border-box;
  margin-top: calc(-1 * var(--tab-bw)) !important;
  position: relative; z-index: 1;
}

.sphinx-tabs .sphinx-tabs-panel:not([hidden]) > * + *{
  margin-top: var(--tab-panel-gap) !important;
}

/* убираем скругление нижней панели сверху слева, если выбран самый левый таб */
.sphinx-tabs:has(.sphinx-tabs-tab:first-of-type[aria-selected="true"])
  .sphinx-tabs-panel:not([hidden]){
  border-top-left-radius:0 !important;
}

/* справа */
/*
.sphinx-tabs:has(.sphinx-tabs-tab:last-of-type[aria-selected="true"])
  .sphinx-tabs-panel:not([hidden]){
  border-top-right-radius:0 !important;
}
*/

.sphinx-tabs .sphinx-tabs-panel:not([hidden]){
  margin-bottom: 1rem !important;
}


/* линия под заголовками */
.sphinx-tabs:not(:has(.sphinx-tabs-panel:not([hidden])))
  .closeable[role="tablist"]{
  border-bottom: var(--tab-bw) solid var(--brand-purple) !important;
  margin-bottom: 1rem;
}

.sphinx-tabs:has(.sphinx-tabs-panel:not([hidden]))
  .closeable[role="tablist"]{
  border-bottom: none !important;
}


/* Styles for headers in tabs */
.custom-header2 {
    margin: 0px 0px 24px;
    color: #404040;
    font-size: 27px;
    font-family: Roboto Slab, ff-tisa-web-pro, Georgia, Arial, sans-serif;
    font-weight: bold;
}

.custom-header3 {
    margin: 0px 0px 24px;
    color: #404040;
    font-size: 22.5px;
    font-family: Roboto Slab, ff-tisa-web-pro, Georgia, Arial, sans-serif;
    font-weight: bold;
}

.custom-header4 {
    margin: 0px 0px 24px;
    color: #404040;
    font-size: 20.7px;
    font-family: Roboto Slab, ff-tisa-web-pro, Georgia, Arial, sans-serif;
    font-weight: bold;
}