/* --- Aurora mesh-градиент фона страницы (точная копия из home.css, 52rem как в Site/v2/doc.html; разметка .vg-hero-bg печатается в wp_body_open при is_post_type_archive('docs')) --- */

.vg-hero-bg {
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: -20;
  overflow: hidden;
  background: #FFF8DF;
}

.vg-hero-bg__mesh {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 52rem;
  opacity: .9;
}

.vg-hero-bg__beam {
  position: absolute;
  left: -10rem;
  top: -7rem;
  height: 40rem;
  width: 30rem;
  transform: rotate(12deg);
  opacity: .7;
}

.vg-hero-bg__noise {
  position: absolute;
  inset: 0;
}

/* те же три класса, что в Site/v2/home.html и ollio-automate-your-life.html, на токенах great-foundation.md */
.mesh-bg {
  background:
    radial-gradient(circle at -4% 4%, rgba(0,148,255,.98) 0%, rgba(0,154,255,.82) 15%, transparent 34%),
    radial-gradient(circle at 11% 10%, rgba(0,45,150,.9) 0%, rgba(0,83,200,.6) 12%, transparent 28%),
    radial-gradient(circle at 30% 9%, rgba(187,235,255,.96) 0%, rgba(216,246,255,.7) 19%, transparent 39%),
    radial-gradient(circle at 55% 8%, rgba(255,239,40,.98) 0%, rgba(255,226,35,.85) 26%, transparent 48%),
    radial-gradient(circle at 80% 10%, rgba(255,158,15,.92) 0%, rgba(255,110,34,.78) 24%, transparent 46%),
    radial-gradient(circle at 104% 8%, rgba(255,24,90,.92) 0%, rgba(255,92,128,.74) 26%, transparent 49%),
    radial-gradient(circle at 92% 45%, rgba(255,137,178,.55) 0%, rgba(255,200,210,.6) 28%, transparent 54%),
    linear-gradient(180deg, rgba(255,252,231,0) 0%, rgba(255,248,223,.76) 66%, #FFF8DF 100%);
  filter: blur(18px) saturate(1.16);
  transform: scale(1.06);
}

.left-blue-beam {
  background: radial-gradient(ellipse at center, rgba(0,32,128,.9) 0%, rgba(0,90,210,.55) 38%, transparent 72%);
  filter: blur(44px);
}

.soft-noise {
  background-image: radial-gradient(rgba(255,255,255,.8) 1px, transparent 1px);
  background-size: 3px 3px;
  opacity: .08;
  mix-blend-mode: soft-light;
}

/* v2: страница документации BetterDocs (/docs/, оверрайд voxel-child/archive-docs.php).
   Референс макета: Site/v2/doc.html. Поиск/категории/популярное — нативные шорткоды
   BetterDocs (betterdocs_search_form, betterdocs_category_grid masonry=false, betterdocs_popular_articles),
   переоформленные под дизайн-систему сайта (--vg-* токены). */

/* --- Hero --- */

.elementor-element-docs-hero-root {
  padding: 0 !important;
  border-bottom: var(--vg-border-width) solid var(--vg-ink);
  background-image:
    linear-gradient(to right, rgba(22, 32, 50, .1) 1px, transparent 1px),
    linear-gradient(to right, rgba(22, 32, 50, .1) 1px, transparent 1px),
    linear-gradient(to right, rgba(22, 32, 50, .1) 1px, transparent 1px);
  background-position: 25% 0, 50% 0, 75% 0;
  background-size: 1px 100%;
  background-repeat: no-repeat;
}

.elementor-element-docs-hero-html > .elementor-shortcode {
  display: block;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 40px 16px;
}
@media (min-width: 640px) { .elementor-element-docs-hero-html > .elementor-shortcode { padding: 56px 24px; } }
@media (min-width: 1025px) { .elementor-element-docs-hero-html > .elementor-shortcode { padding: 64px 32px; } }

.vgdoc-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-family: var(--vg-font-mono);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: rgba(22, 32, 50, .6);
}
.vgdoc-breadcrumb a { color: inherit; text-decoration: none; }
.vgdoc-breadcrumb a:hover { color: var(--vg-primary); }
.vgdoc-breadcrumb svg { width: 13px; height: 13px; flex-shrink: 0; }

.vgdoc-hero-grid {
  display: grid;
  gap: 48px;
  margin-top: 48px;
}
@media (min-width: 1025px) { .vgdoc-hero-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: stretch; } }

.vgdoc-hero-left { }


.vgdoc-hero-badge {
  display: inline-flex;
  border-radius: var(--vg-radius-pill);
  border: 1px solid rgba(255, 255, 255, .5);
  background-color: rgba(255, 255, 255, .4);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  padding: 8px 16px;
  font-family: var(--vg-font-mono);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--vg-ink);
}

.vgdoc-hero-h1 {
  margin: 28px 0 0;
  font-family: var(--vg-font-body);
  font-size: 48px;
  font-weight: 500;
  line-height: .9;
  letter-spacing: -0.065em;
  color: var(--vg-ink);
}
@media (min-width: 640px) { .vgdoc-hero-h1 { font-size: 72px; } }
@media (min-width: 1025px) { .vgdoc-hero-h1 { font-size: 96px; } }

.vgdoc-hero-sub {
  margin: 20px 0 0;
  font-family: var(--vg-font-body);
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.025em;
  color: var(--vg-ink);
}
@media (min-width: 640px) { .vgdoc-hero-sub { font-size: 36px; } }
.vgdoc-hero-sub em { font-family: var(--vg-font-serif); font-style: italic; font-weight: 500; }

.vgdoc-hero-lead {
  margin: 32px 0 0;
  max-width: 48rem;
  padding-left: 20px;
  border-left: var(--vg-border-width) solid var(--vg-ink);
  font-family: var(--vg-font-body);
  font-size: 16px;
  line-height: 1.625;
  color: rgba(22, 32, 50, .7);
}
@media (min-width: 640px) { .vgdoc-hero-lead { font-size: 18px; } }

.vgdoc-hero-right {
  display: flex;
  align-items: stretch;
}

.vgdoc-hero-card {
  width: 100%;
  border-radius: var(--vg-radius-card);
  border: var(--vg-border-width) solid var(--vg-ink);
  background-color: rgba(255, 255, 255, .45);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--vg-ink);
  padding: 24px;
  box-shadow: var(--vg-shadow);
}
.vgdoc-hero-card-label {
  margin: 0;
  font-family: var(--vg-font-mono);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: rgba(22, 32, 50, .55);
}
.vgdoc-hero-card-date {
  margin: 16px 0 0;
  font-family: var(--vg-font-body);
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--vg-ink);
}
.vgdoc-hero-card-text {
  margin: 12px 0 0;
  font-family: var(--vg-font-body);
  font-size: 14px;
  line-height: 1.6;
  color: rgba(22, 32, 50, .65);
}

/* --- Поиск по документации (нативный betterdocs_search_form) --- */

.vgdoc-hero-search-shell {
  margin-top: 48px;
  max-width: 896px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  border-radius: var(--vg-radius-card);
  border: var(--vg-border-width) solid var(--vg-ink);
  background-color: #FFFFFF;
  box-shadow: var(--vg-shadow);
}
@media (min-width: 640px) { .vgdoc-hero-search-shell { flex-direction: row; } }

.vgdoc-hero-search { flex: 1 1 auto; min-width: 0; }

.vgdoc-hero-search .betterdocs-live-search,
.vgdoc-hero-search .betterdocs-searchform,
.vgdoc-hero-search .betterdocs-advance-searchform { width: 100%; height: 100%; padding: 0 !important; margin: 0 !important; }

.vgdoc-hero-search .betterdocs-searchform-input-wrap {
  display: flex !important;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-height: 80px;
  padding: 0 24px;
}

.vgdoc-hero-search-btn {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  min-height: 80px;
  padding: 0 24px;
  border: none;
  border-top: var(--vg-border-width) solid var(--vg-ink);
  background-color: var(--vg-ink);
  font-family: var(--vg-font-body);
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  cursor: pointer;
  transition: background-color .15s ease;
}
@media (min-width: 640px) {
  .vgdoc-hero-search-btn { min-height: 80px; border-top: none; border-left: var(--vg-border-width) solid var(--vg-ink); }
}
.vgdoc-hero-search-btn:hover { background-color: var(--vg-primary); }
.vgdoc-hero-search-btn svg { width: 20px; height: 20px; flex-shrink: 0; }
.vgdoc-hero-search .docs-search-icon { width: 22px; height: 22px; flex-shrink: 0; color: var(--vg-ink); }
.vgdoc-hero-search .betterdocs-search-field {
  flex: 1 1 auto;
  min-width: 0;
  border: none !important;
  background: transparent !important;
  outline: none;
  font-family: var(--vg-font-body);
  font-size: 15px;
  color: var(--vg-ink);
  height: auto !important;
  padding: 0 !important;
}
.vgdoc-hero-search .docs-search-loader,
.vgdoc-hero-search .docs-search-close { width: 20px; height: 20px; flex-shrink: 0; }

/* --- Статистика --- */

.vgdoc-hero-stats {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: var(--vg-border-width) solid var(--vg-ink);
  border-radius: var(--vg-radius-card);
  overflow: hidden;
  background-color: var(--vg-ink);
}
@media (min-width: 640px) { .vgdoc-hero-stats { grid-template-columns: repeat(4, 1fr); } }
.vgdoc-hero-stat {
  padding: 20px 16px;
  background-color: rgba(255, 255, 255, .7);
  border-right: 1px solid rgba(22, 32, 50, .15);
  border-bottom: 1px solid rgba(22, 32, 50, .15);
}
@media (min-width: 640px) { .vgdoc-hero-stat:nth-child(4) { border-right: none; } }
.vgdoc-hero-stat:nth-child(2n) { border-right: none; }
@media (min-width: 640px) { .vgdoc-hero-stat:nth-child(2n) { border-right: 1px solid rgba(22, 32, 50, .15); } }
.vgdoc-hero-stat b { display: block; font-family: var(--vg-font-body); font-size: 22px; font-weight: 500; color: var(--vg-ink); }
.vgdoc-hero-stat span { display: block; margin-top: 4px; font-family: var(--vg-font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: rgba(22, 32, 50, .6); }

/* --- Быстрая навигация по рубрикам --- */

.elementor-element-docs-quicknav-root {
  background-color: rgba(255, 255, 255, .55) !important;
  border-bottom: var(--vg-border-width) solid var(--vg-ink);
}
.elementor-element-docs-quicknav-html > .elementor-shortcode {
  display: block;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 16px;
}
@media (min-width: 640px) { .elementor-element-docs-quicknav-html > .elementor-shortcode { padding: 16px 24px; } }
@media (min-width: 1025px) { .elementor-element-docs-quicknav-html > .elementor-shortcode { padding: 16px 32px; } }

.vgdoc-quicknav { display: flex; gap: 8px; overflow-x: auto; }
.vgdoc-quicknav-link {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  border-radius: var(--vg-radius-control);
  border: 1px solid var(--vg-ink);
  background-color: rgba(255, 255, 255, .6);
  padding: 12px 16px;
  font-family: var(--vg-font-mono);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--vg-ink) !important;
  text-decoration: none !important;
  transition: background-color .15s ease, color .15s ease;
}
.vgdoc-quicknav-link svg { width: 17px; height: 17px; flex-shrink: 0; }
.vgdoc-quicknav-link:hover { background-color: var(--vg-ink); color: #FFFFFF !important; }

/* --- Категории (нативный betterdocs_category_grid, masonry=false → layout-flex) --- */

.elementor-element-docs-categories-root {
  background-color: rgba(255, 248, 223, .8) !important;
  border-bottom: var(--vg-border-width) solid var(--vg-ink);
  padding: 64px 16px !important;
}
@media (min-width: 640px) { .elementor-element-docs-categories-root { padding: 80px 24px !important; } }
@media (min-width: 1025px) { .elementor-element-docs-categories-root { padding: 80px 32px !important; } }

.elementor-element-docs-categories-html > .elementor-shortcode {
  display: block;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.vgdoc-section-head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 40px;
  padding-bottom: 24px;
  border-bottom: var(--vg-border-width) solid var(--vg-ink);
}
.vgdoc-section-eyebrow {
  margin: 0;
  font-family: var(--vg-font-mono);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: var(--vg-primary);
}
.vgdoc-section-h2 {
  margin: 0;
  font-family: var(--vg-font-body);
  font-size: 34px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.055em;
  color: var(--vg-ink);
}
@media (min-width: 640px) { .vgdoc-section-h2 { font-size: 52px; } }
.vgdoc-section-h2 em { font-family: var(--vg-font-serif); font-style: italic; font-weight: 500; color: var(--vg-primary); }



/* --- Популярные статьи (нативный betterdocs_popular_articles, рендерится только при реальных данных) --- */

.elementor-element-docs-popular-root:has(.elementor-shortcode:empty) {
  display: none !important;
}

.elementor-element-docs-popular-root {
  background-color: rgba(255, 255, 255, .8) !important;
  border-bottom: var(--vg-border-width) solid var(--vg-ink);
  padding: 40px 16px 64px !important;
}
@media (min-width: 640px) { .elementor-element-docs-popular-root { padding: 0 24px 80px !important; } }
@media (min-width: 1025px) { .elementor-element-docs-popular-root { padding: 0 32px 80px !important; } }

.elementor-element-docs-popular-html > .elementor-shortcode {
  display: block;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.vgdoc-popular-list .betterdocs-popular-articles-heading { display: none; }
.vgdoc-popular-list .betterdocs-popular-articles-wrapper {
  border-radius: var(--vg-radius-card);
  border: var(--vg-border-width) solid var(--vg-ink);
  background-color: var(--vg-bg);
  overflow: hidden;
}
.vgdoc-popular-list .betterdocs-articles-list { list-style: none; margin: 0; padding: 0; }
.vgdoc-popular-list .betterdocs-articles-list li { border-bottom: var(--vg-border-width) solid var(--vg-ink); }
.vgdoc-popular-list .betterdocs-articles-list li:last-child { border-bottom: none; }
.vgdoc-popular-list .betterdocs-articles-list li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px 24px;
  font-family: var(--vg-font-body);
  font-size: 15px;
  font-weight: 500;
  color: var(--vg-ink) !important;
  text-decoration: none !important;
  transition: background-color .15s ease, color .15s ease;
}
.vgdoc-popular-list .betterdocs-articles-list li a:hover { background-color: var(--vg-ink); color: #FFFFFF !important; }

/* --- CTA --- */

.elementor-element-docs-cta-root {
  position: relative;
  overflow: hidden;
  background-color: var(--vg-yellow) !important;
  border-top: var(--vg-border-width) solid var(--vg-ink);
  padding: 56px 16px !important;
}
.elementor-element-docs-cta-root::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .6;
  background:
    radial-gradient(circle at 15% 10%, rgba(0,148,255,.8), transparent 35%),
    radial-gradient(circle at 90% 70%, rgba(255,24,90,.7), transparent 38%);
  filter: blur(40px);
  pointer-events: none;
}
@media (min-width: 640px) { .elementor-element-docs-cta-root { padding: 64px 24px !important; } }
@media (min-width: 1025px) { .elementor-element-docs-cta-root { padding: 64px 32px !important; } }

.vgdoc-cta-in {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1025px) { .vgdoc-cta-in { flex-direction: row; align-items: center; justify-content: space-between; } }

.vgdoc-cta-eyebrow {
  margin: 0 0 12px;
  font-family: var(--vg-font-mono);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: rgba(22, 32, 50, .7);
}
.vgdoc-cta-h2 {
  margin: 0;
  font-family: var(--vg-font-body);
  font-size: 34px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.055em;
  color: var(--vg-ink);
}
@media (min-width: 640px) { .vgdoc-cta-h2 { font-size: 52px; } }
.vgdoc-cta-h2 em { font-family: var(--vg-font-serif); font-style: italic; font-weight: 500; }
.vgdoc-cta-lead { margin: 16px 0 0; max-width: 40rem; font-family: var(--vg-font-body); font-size: 15px; line-height: 1.6; color: rgba(22, 32, 50, .7); }

.vgdoc-cta-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  min-height: 64px;
  padding: 0 24px;
  border-radius: var(--vg-radius-control);
  border: var(--vg-border-width) solid var(--vg-ink);
  background-color: var(--vg-ink);
  box-shadow: var(--vg-shadow);
  font-family: var(--vg-font-body);
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF !important;
  text-decoration: none !important;
  transition: background-color .15s ease, transform .15s ease;
}
.vgdoc-cta-btn:hover { background-color: var(--vg-primary); transform: translate(2px, 2px); box-shadow: calc(var(--vg-shadow-offset) - 2px) calc(var(--vg-shadow-offset) - 2px) 0 var(--vg-ink); }
.vgdoc-cta-btn svg { width: 22px; height: 22px; flex-shrink: 0; }




/* --- Категории: цельная сетка с общими рамками (как в Site/v2/doc.html: border-l-2/border-t-2 на контейнере + border-r-2/border-b-2 на каждой ячейке, без скруглений/теней/зазоров) --- */

.betterdocs-category-grid-inner-wrapper.layout-flex {
  gap: 0 !important;
  border-left: var(--vg-border-width) solid var(--vg-ink);
  border-top: var(--vg-border-width) solid var(--vg-ink);
}

.betterdocs-single-category-wrapper {
  border-radius: 0;
  border: none;
  border-right: var(--vg-border-width) solid var(--vg-ink);
  border-bottom: var(--vg-border-width) solid var(--vg-ink);
  background-color: rgba(255, 255, 255, .55);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  padding: 24px;
  color: var(--vg-ink);
  transition: background-color .15s ease, color .15s ease;
}
@media (min-width: 640px) { .betterdocs-single-category-wrapper { padding: 32px; } }

.betterdocs-single-category-wrapper:hover { background-color: var(--vg-ink) !important; color: #FFFFFF !important; }
.betterdocs-single-category-wrapper:hover .betterdocs-category-icon::before { background-color: #FFFFFF !important; }
.betterdocs-single-category-wrapper:hover .betterdocs-category-items-counts { border-color: #FFFFFF !important; color: #FFFFFF !important; }
.betterdocs-single-category-wrapper:hover .betterdocs-category-title,
.betterdocs-single-category-wrapper:hover .betterdocs-body a { color: #FFFFFF !important; }
.betterdocs-single-category-wrapper:hover .betterdocs-articles-list li { border-bottom-color: rgba(255, 255, 255, .2) !important; }

@media (min-width: 640px) {
  .betterdocs-category-grid-inner-wrapper.layout-flex .betterdocs-single-category-wrapper { flex: 0 0 50%; max-width: 50%; }
}
@media (min-width: 1025px) {
  .betterdocs-category-grid-inner-wrapper.layout-flex .betterdocs-single-category-wrapper { flex: 0 0 33.3334%; max-width: 33.3334%; }
}

.betterdocs-category-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: none !important; }
.betterdocs-category-title { margin: 16px 0 0; font-family: var(--vg-font-body); font-size: 20px; font-weight: 500; color: inherit; }
.betterdocs-category-items-counts {
  border-radius: var(--vg-radius-pill);
  border: 1px solid var(--vg-ink);
  padding: 4px 12px;
  font-family: var(--vg-font-mono);
  font-size: 11px;
  font-weight: 600;
  color: inherit;
  transition: border-color .15s ease, color .15s ease;
}
.betterdocs-body { margin-top: 16px; }
.betterdocs-category-grid-wrapper .betterdocs-articles-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.betterdocs-category-grid-wrapper .betterdocs-articles-list li { border-bottom: 1px solid rgba(22, 32, 50, .12); transition: border-color .15s ease; }
.betterdocs-category-grid-wrapper .betterdocs-articles-list li:last-child { border-bottom: none; }
.betterdocs-category-grid-wrapper .betterdocs-articles-list li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  font-family: var(--vg-font-body);
  font-size: 14px;
  color: inherit !important;
  text-decoration: none !important;
}
.betterdocs-category-grid-wrapper .betterdocs-articles-list li a:hover { text-decoration: underline !important; }

/* Иконка рубрики: маска SVG, перекрашенная под конкретную рубрику (doc_category term id) */

.betterdocs-single-category-wrapper .betterdocs-category-icon-img { display: none; }
.betterdocs-single-category-wrapper .betterdocs-category-icon::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-color: var(--vg-ink);
  -webkit-mask-image: url("https://great-foundation.pro/wp-content/plugins/betterdocs/assets/static/admin/images/betterdocs-cat-icon.svg");
  mask-image: url("https://great-foundation.pro/wp-content/plugins/betterdocs/assets/static/admin/images/betterdocs-cat-icon.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color .15s ease;
}

article[data-id="67"] .betterdocs-category-icon::before { background-color: var(--vg-primary); }
article[data-id="68"] .betterdocs-category-icon::before { background-color: var(--vg-green); }
article[data-id="69"] .betterdocs-category-icon::before { background-color: var(--vg-orange); }
article[data-id="70"] .betterdocs-category-icon::before { background-color: var(--vg-red); }
article[data-id="71"] .betterdocs-category-icon::before { background-color: var(--vg-turquoise); }
article[data-id="72"] .betterdocs-category-icon::before { background-color: var(--vg-purple); }

article.betterdocs-single-category-wrapper[data-id="67"] { background-color: rgba(221, 244, 255, .7); }
article.betterdocs-single-category-wrapper[data-id="68"] { background-color: rgba(232, 255, 245, .7); }
article.betterdocs-single-category-wrapper[data-id="69"] { background-color: rgba(255, 241, 185, .7); }
article.betterdocs-single-category-wrapper[data-id="70"] { background-color: rgba(255, 226, 234, .7); }
article.betterdocs-single-category-wrapper[data-id="71"] { background-color: rgba(214, 250, 250, .7); }
article.betterdocs-single-category-wrapper[data-id="72"] { background-color: rgba(237, 227, 255, .7); }

.betterdocs-single-category-wrapper .betterdocs-single-category-inner {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* --- Вопросы (нативный betterdocs_faq_list_classic) --- */

.elementor-element-docs-faq-root:has(.elementor-shortcode:empty) {
  display: none !important;
}

.elementor-element-docs-faq-root {
  background-color: rgba(255, 255, 255, .55) !important;
  border-bottom: var(--vg-border-width) solid var(--vg-ink);
  padding: 64px 16px !important;
}
@media (min-width: 640px) { .elementor-element-docs-faq-root { padding: 80px 24px !important; } }
@media (min-width: 1025px) { .elementor-element-docs-faq-root { padding: 80px 32px !important; } }

.elementor-element-docs-faq-html > .elementor-shortcode {
  display: block;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.vgdoc-faq-list .betterdocs-faq-section-title,
.vgdoc-faq-list .betterdocs-faq-title { display: none; }



.vgdoc-faq-list .betterdocs-faq-list { list-style: none; margin: 0; padding: 0; }
.vgdoc-faq-list .betterdocs-faq-list > li { border-bottom: var(--vg-border-width) solid var(--vg-ink); }
.vgdoc-faq-list .betterdocs-faq-list > li:last-child { border-bottom: none; }

.vgdoc-faq-list .betterdocs-faq-post {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  cursor: pointer;
}
.vgdoc-faq-list .betterdocs-faq-post-name {
  margin: 0;
  font-family: var(--vg-font-body);
  font-size: 16px;
  font-weight: 500;
  color: var(--vg-ink);
}
.vgdoc-faq-list .betterdocs-faq-post-icon-group { flex-shrink: 0; display: flex; align-items: center; }
.vgdoc-faq-list .betterdocs-faq-post-icon-group svg { width: 22px; height: 22px; }
.vgdoc-faq-list .betterdocs-faq-post-icon-group path { fill: var(--vg-ink) !important; }

.vgdoc-faq-list .betterdocs-faq-main-content {
  padding: 0 24px 20px;
  font-family: var(--vg-font-body);
  font-size: 14px;
  line-height: 1.6;
  color: rgba(22, 32, 50, .7);
}
.vgdoc-faq-list .betterdocs-faq-main-content p { margin: 0; }