.home{
	content-visibility: auto;	
}

.elementor-grid {
	content-visibility: auto;	
}

.elementor-video{
	content-visibility: auto;	
}

/* ══════════════════════════════════════════════════
   Planify Pro — BetterDocs Search Style Overrides
   Paste into: Appearance → Customize → Additional CSS
══════════════════════════════════════════════════ */

/* ── Search input field ── */
.betterdocs-searchform input[type="search"],
.betterdocs-searchform input[type="text"],
.betterdocs-searchform .betterdocs-search-field,
.betterdocs-live-search input {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  color: #1D3D67 !important;
  background: #fff !important;
  border: 2px solid #E8ECF0 !important;
  border-radius: 14px !important;
  height: 52px !important;
  box-shadow: 0 4px 20px rgba(29,61,103,0.06) !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

.betterdocs-searchform input:focus,
.betterdocs-searchform .betterdocs-search-field:focus {
  border-color: #E7358A !important;
  box-shadow: 0 4px 24px rgba(231,53,138,0.12) !important;
}

/* ── Results dropdown container ── */
.betterdocs-search-result-wrap {
  background: #fff !important;
  border: 1px solid #E8ECF0 !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 40px rgba(29,61,103,0.12) !important;
  margin-top: 8px !important;
  overflow: hidden !important;
  max-height: 420px !important;
  overflow-y: auto !important;
}

/* ── Each result row ── */
.betterdocs-search-result-wrap .betterdocs-search-result-item,
.betterdocs-search-result-wrap li,
.betterdocs-search-result-wrap > ul > li,
.betterdocs-search-result-wrap > div {
  font-family: 'Poppins', sans-serif !important;
  text-align: left !important;
  padding: 12px 18px !important;
  border-bottom: 1px solid #F3F4F6 !important;
  background: #fff !important;
  transition: background 0.15s !important;
}

/* ── Hover: pink instead of green ── */
.betterdocs-search-result-wrap .betterdocs-search-result-item:hover,
.betterdocs-search-result-wrap li:hover,
.betterdocs-search-result-wrap > ul > li:hover,
.betterdocs-search-result-wrap > div:hover {
  background: #FEF5F9 !important;
  background-color: #FEF5F9 !important;
}

/* ── Result title ── */
.betterdocs-search-result-wrap .betterdocs-search-title,
.betterdocs-search-result-wrap h3,
.betterdocs-search-result-wrap h4,
.betterdocs-search-result-wrap .entry-title,
.betterdocs-search-result-wrap a {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1D3D67 !important;
  text-align: left !important;
  text-decoration: none !important;
}

/* ── Category label (e.g. "Bugs & Errors") ── */
.betterdocs-search-result-wrap .betterdocs-category-title,
.betterdocs-search-result-wrap .doc_category,
.betterdocs-search-result-wrap span[class*="category"] {
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #E7358A !important;
  text-align: left !important;
}

/* Category folder icon */
.betterdocs-search-result-wrap .betterdocs-category-title svg,
.betterdocs-search-result-wrap span[class*="category"] svg {
  fill: #E7358A !important;
  color: #E7358A !important;
}

/* ── Thumbnail images ── */
.betterdocs-search-result-wrap img {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

/* ── Scrollbar ── */
.betterdocs-search-result-wrap::-webkit-scrollbar {
  width: 6px;
}
.betterdocs-search-result-wrap::-webkit-scrollbar-thumb {
  background: #E8ECF0;
  border-radius: 10px;
}


/* ══════════════════════════════════════════════════════════════
   Planify Pro — BetterDocs Single Doc Page Redesign
   Paste into: Appearance → Customize → Additional CSS
   (Add below the existing search overrides)
   Updated: Feb 24, 2026 — Fixed double arrows + sidebar cutoff
══════════════════════════════════════════════════════════════ */

/* ── GLOBAL FONT ── */
.betterdocs-single-wrapper,
.betterdocs-single-wrapper *,
.betterdocs-sidebar,
.betterdocs-sidebar *,
.betterdocs-content-area,
.betterdocs-content-area *,
#betterdocs-sidebar,
#betterdocs-sidebar * {
  font-family: 'Poppins', sans-serif !important;
}

/* ══════════════════════════════════
   SEARCH BAR (top of doc pages)
══════════════════════════════════ */
.betterdocs-single-wrapper .betterdocs-searchform,
.betterdocs-single-wrapper .betterdocs-live-search {
  background: #F7F8FA !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin-bottom: 32px !important;
  border: 1px solid #E8ECF0 !important;
}

.betterdocs-single-wrapper .betterdocs-searchform input[type="search"],
.betterdocs-single-wrapper .betterdocs-searchform input[type="text"],
.betterdocs-single-wrapper .betterdocs-searchform .betterdocs-search-field {
  border: 2px solid #E8ECF0 !important;
  border-radius: 12px !important;
  height: 48px !important;
  font-size: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: border-color 0.2s !important;
}

.betterdocs-single-wrapper .betterdocs-searchform input:focus {
  border-color: #E7358A !important;
}

.betterdocs-single-wrapper .betterdocs-searchform .search-submit,
.betterdocs-single-wrapper .betterdocs-searchform button[type="submit"] {
  background: #E7358A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 0 20px !important;
  height: 40px !important;
  transition: background 0.15s !important;
}

.betterdocs-single-wrapper .betterdocs-searchform .search-submit:hover,
.betterdocs-single-wrapper .betterdocs-searchform button[type="submit"]:hover {
  background: #d42d7c !important;
}

/* ══════════════════════════════════
   SIDEBAR
══════════════════════════════════ */
.betterdocs-sidebar,
#betterdocs-sidebar,
.betterdocs-elementor-single-sidebar {
  background: #fff !important;
  border: 1px solid #E8ECF0 !important;
  border-radius: 16px !important;
  padding: 16px 12px !important;
  box-shadow: 0 2px 12px rgba(29,61,103,0.04) !important;
}

/* ── FIX: Sidebar frame cutoff ──
   Force ALL containers in the sidebar chain to expand naturally.
   Targets every level from Elementor widget down to article lists. */
.betterdocs-sidebar,
.betterdocs-sidebar.betterdocs-sidebar-layout-1,
.betterdocs-elementor-single-sidebar,
.betterdocs-elementor-single-sidebar.betterdocs-elementor,
.betterdocs-elementor-single-sidebar.betterdocs-sidebar,
#betterdocs-sidebar,
.elementor-widget-betterdocs-sidebar,
.elementor-widget-betterdocs-sidebar .elementor-widget-container,
.elementor-element-2bf3cfc9,
.elementor-element-2bf3cfc9 .elementor-widget-container,
.betterdocs-sidebar .betterdocs-sidebar-content,
.betterdocs-sidebar .betterdocs-sidebar-content.betterdocs-category-sidebar,
.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content,
.betterdocs-sidebar .betterdocs-category-grid-wrapper,
.betterdocs-sidebar .betterdocs-category-grid-inner-wrapper,
.betterdocs-sidebar .betterdocs-body,
.betterdocs-sidebar .betterdocs-single-category-inner,
.betterdocs-sidebar .betterdocs-single-category-wrapper,
.betterdocs-sidebar .betterdocs-single-category-wrapper.active,
.betterdocs-sidebar .betterdocs-articles-list,
.betterdocs-sidebar .betterdocs-nested-category-wrapper,
.betterdocs-sidebar .betterdocs-nested-category-list,
.betterdocs-elementor-single-sidebar .betterdocs-sidebar-content,
.betterdocs-elementor-single-sidebar .betterdocs-category-grid-wrapper,
.betterdocs-elementor-single-sidebar .betterdocs-category-grid-inner-wrapper,
.betterdocs-elementor-single-sidebar .betterdocs-body,
.betterdocs-elementor-single-sidebar .betterdocs-single-category-inner {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Catch any inline styles BetterDocs JS may inject */
.betterdocs-sidebar *[style*="max-height"],
.betterdocs-sidebar *[style*="overflow: hidden"],
.betterdocs-sidebar *[style*="overflow:hidden"] {
  max-height: none !important;
  overflow: visible !important;
}

/* ── Hide the default folder icons in sidebar ── */
.betterdocs-sidebar .betterdocs-category-icon,
.betterdocs-sidebar .betterdocs-category-icon .betterdocs-category-icon-img,
.betterdocs-sidebar-layout-1 .betterdocs-category-icon,
.betterdocs-sidebar-layout-1 .betterdocs-category-icon .betterdocs-category-icon-img,
.betterdocs-sidebar .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-icon {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ── Replace doc list Font Awesome icons with colored dot ── */
.betterdocs-sidebar .betterdocs-articles-list li > i.far,
.betterdocs-sidebar .betterdocs-articles-list li > i.fa,
.betterdocs-sidebar .betterdocs-articles-list li > i.fas,
.betterdocs-sidebar-layout-1 .betterdocs-articles-list li > i,
.betterdocs-sidebar .betterdocs-articles-list li > i {
  font-size: 0 !important;
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  background: #D4D9E1 !important;
  border-radius: 50% !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 8px !important;
  margin-left: 4px !important;
  flex-shrink: 0 !important;
}

.betterdocs-sidebar .betterdocs-articles-list li > i::before {
  display: none !important;
}

/* Pink dot on hover */
.betterdocs-sidebar .betterdocs-articles-list li:hover > i,
.betterdocs-sidebar .betterdocs-articles-list li:has(a.active) > i {
  background: #E7358A !important;
}

/* ── Hide SVG icons in article list (if any) ── */
.betterdocs-sidebar .betterdocs-articles-list li > svg,
.betterdocs-sidebar-layout-1 .betterdocs-articles-list li > svg {
  display: none !important;
}

/* ── Category header row ── */
.betterdocs-sidebar .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header {
  background-color: #fff !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  transition: all 0.15s !important;
  border: none !important;
}

.betterdocs-sidebar .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header:hover {
  background-color: #F7F8FA !important;
}

/* ── Active category header ── */
.betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header {
  background-color: #FCEAF3 !important;
  border-color: #E7358A !important;
}

/* ── Category title text ── */
.betterdocs-sidebar .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title a,
.betterdocs-sidebar .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a),
.betterdocs-sidebar-layout-1 .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title a,
.betterdocs-sidebar-layout-1 .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a) {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1D3D67 !important;
  line-height: 1.4 !important;
}

.betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-category-title a,
.betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-category-title:not(a),
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper.active .betterdocs-category-title a,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper.active .betterdocs-category-title:not(a) {
  color: #E7358A !important;
}

/* ── Count badge (override blue circle → small gray pill) ── */
.betterdocs-sidebar .betterdocs-category-items-counts,
.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts {
  background-color: #F3F4F6 !important;
  background: #F3F4F6 !important;
  border-radius: 8px !important;
  padding: 0 !important;
  min-width: auto !important;
  width: auto !important;
  height: auto !important;
}

.betterdocs-sidebar .betterdocs-category-items-counts span,
.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span {
  font-size: 10px !important;
  font-weight: 700 !important;
  background-color: transparent !important;
  background: transparent !important;
  color: #8E9EB3 !important;
  border-radius: 8px !important;
  padding: 3px 8px !important;
  min-width: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: auto !important;
  line-height: 1.4 !important;
  border: none !important;
  box-shadow: none !important;
  display: inline-block !important;
}

/* Active category count badge → pink */
.betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-category-items-counts,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper.active .betterdocs-category-items-counts,
.betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts {
  background-color: #E7358A !important;
  background: #E7358A !important;
}

.betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-category-items-counts span,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper.active .betterdocs-category-items-counts span,
.betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span {
  color: #fff !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* ── Article links ── */
.betterdocs-sidebar .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li {
  margin: 0 !important;
  padding: 0 !important;
}

.betterdocs-sidebar .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a {
  font-size: 12.5px !important;
  font-weight: 400 !important;
  color: #617795 !important;
  padding: 6px 10px 6px 12px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  display: block !important;
  transition: all 0.12s !important;
  line-height: 1.45 !important;
  border-left: 2px solid transparent !important;
}

.betterdocs-sidebar .betterdocs-articles-list li a:hover,
.betterdocs-sidebar-layout-1 .betterdocs-articles-list li a:hover {
  background: #FEF5F9 !important;
  color: #E7358A !important;
  border-left-color: #E7358A !important;
}

/* ── Current/active article ── */
.betterdocs-sidebar .betterdocs-articles-list li a.active,
.betterdocs-sidebar-layout-1 .betterdocs-articles-list li a.active {
  background: #FCEAF3 !important;
  color: #E7358A !important;
  font-weight: 600 !important;
  border-left-color: #E7358A !important;
}

/* ── Subcategory headers (e.g. "Account Setup", "PRICING") ── */
.betterdocs-sidebar .betterdocs-nested-category-title,
.betterdocs-sidebar .betterdocs-nested-category-title a,
.betterdocs-sidebar-layout-1 .betterdocs-nested-category-title,
.betterdocs-sidebar-layout-1 .betterdocs-nested-category-title a {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #8E9EB3 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding: 10px 10px 4px 12px !important;
  border-left: none !important;
}

.betterdocs-sidebar .betterdocs-nested-category-title a:hover,
.betterdocs-sidebar-layout-1 .betterdocs-nested-category-title a:hover {
  color: #1D3D67 !important;
  background: transparent !important;
  border-left: none !important;
}

/* ══════════════════════════════════════════════════════════════
   FIX: DOUBLE ARROWS ON SUBCATEGORIES
   BetterDocs renders BOTH svg.arrow-right AND svg.arrow-down
   at the same time. Instead of swapping visibility, we:
   1. Hide ALL toggle-arrow SVGs universally
   2. Show ONLY .arrow-right
   3. Rotate it 90° when subcategory is open/active
   The .arrow-down SVG stays permanently hidden.
══════════════════════════════════════════════════════════════ */

/* Step 1: Nuclear hide — ALL toggle arrows everywhere in sidebar */
.betterdocs-sidebar svg.toggle-arrow,
.betterdocs-sidebar .toggle-arrow,
.betterdocs-sidebar-layout-1 svg.toggle-arrow,
.betterdocs-sidebar-layout-1 .toggle-arrow,
.elementor-widget-betterdocs-sidebar svg.toggle-arrow,
.elementor-widget-betterdocs-sidebar .toggle-arrow,
.betterdocs-sidebar-content svg.toggle-arrow,
.betterdocs-sidebar-content .toggle-arrow,
.betterdocs-nested-category-wrapper svg.toggle-arrow,
.betterdocs-nested-category-wrapper .toggle-arrow,
.betterdocs-nested-category-title svg.toggle-arrow,
.betterdocs-nested-category-title .toggle-arrow {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* Step 2: Show ONLY .arrow-right (collapsed indicator) */
.betterdocs-sidebar svg.toggle-arrow.arrow-right,
.betterdocs-sidebar .toggle-arrow.arrow-right,
.betterdocs-sidebar-layout-1 svg.toggle-arrow.arrow-right,
.betterdocs-sidebar-layout-1 .toggle-arrow.arrow-right,
.elementor-widget-betterdocs-sidebar svg.toggle-arrow.arrow-right,
.elementor-widget-betterdocs-sidebar .toggle-arrow.arrow-right,
.betterdocs-sidebar-content svg.toggle-arrow.arrow-right,
.betterdocs-sidebar-content .toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper svg.toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper .toggle-arrow.arrow-right,
.betterdocs-nested-category-title svg.toggle-arrow.arrow-right,
.betterdocs-nested-category-title .toggle-arrow.arrow-right {
  display: inline-block !important;
  visibility: visible !important;
  position: static !important;
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  overflow: visible !important;
  pointer-events: auto !important;
  color: #C4CFD9 !important;
  fill: #C4CFD9 !important;
  margin-right: 6px !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease, color 0.2s ease, fill 0.2s ease !important;
  transform: rotate(0deg) !important;
}

/* Step 3: Rotate arrow-right 90° when open/active (points down) */
.betterdocs-nested-category-wrapper.open svg.toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper.active svg.toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper.open .toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper.active .toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper.open .betterdocs-nested-category-title svg.toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper.active .betterdocs-nested-category-title svg.toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper.open .betterdocs-nested-category-title .toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper.active .betterdocs-nested-category-title .toggle-arrow.arrow-right {
  transform: rotate(90deg) !important;
  color: #E7358A !important;
  fill: #E7358A !important;
}

/* Step 4: Keep .arrow-down PERMANENTLY hidden, even when open/active */
.betterdocs-sidebar svg.toggle-arrow.arrow-down,
.betterdocs-sidebar .toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper svg.toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper .toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper.open svg.toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper.active svg.toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper.open .toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper.active .toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper.open .betterdocs-nested-category-title svg.toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper.active .betterdocs-nested-category-title svg.toggle-arrow.arrow-down {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* ── Nested subcategory list ── */
.betterdocs-sidebar .betterdocs-nested-category-list,
.betterdocs-sidebar-layout-1 .betterdocs-nested-category-list {
  padding-left: 8px !important;
  margin: 0 !important;
  border-left: 1px solid #F3F4F6 !important;
  margin-left: 14px !important;
}

/* ── Category wrapper spacing ── */
.betterdocs-sidebar .betterdocs-single-category-wrapper,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  border-bottom: 1px solid #F3F4F6 !important;
  padding-bottom: 2px !important;
}

.betterdocs-sidebar .betterdocs-single-category-wrapper:last-child {
  border-bottom: none !important;
}

/* ══════════════════════════════════
   BREADCRUMBS
   Matches blog: nav-link 13px / 600
══════════════════════════════════ */
.betterdocs-breadcrumb,
.betterdocs-entry-header .betterdocs-breadcrumb {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #8E9EB3 !important;
  margin-bottom: 18px !important;
  padding: 0 !important;
}

.betterdocs-breadcrumb a {
  color: #778BA4 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.15s !important;
}

.betterdocs-breadcrumb a:hover {
  color: #E7358A !important;
}

.betterdocs-breadcrumb .breadcrumb-delimiter,
.betterdocs-breadcrumb span.separator {
  color: #C4CFD9 !important;
  margin: 0 6px !important;
}

.betterdocs-breadcrumb .breadcrumb-current,
.betterdocs-breadcrumb .current-item {
  color: #1D3D67 !important;
  font-weight: 600 !important;
}

/* ══════════════════════════════════
   ARTICLE TITLE
   Matches blog: hero-title style
══════════════════════════════════ */
.betterdocs-entry-header .betterdocs-entry-title,
.betterdocs-single-wrapper .docs-single-title,
.betterdocs-content-area h1 {
  font-size: clamp(26px, 3.5vw, 38px) !important;
  font-weight: 900 !important;
  color: #E7358A !important;
  line-height: 1.1 !important;
  letter-spacing: -0.5px !important;
  margin-bottom: 20px !important;
}

/* ══════════════════════════════════
   TABLE OF CONTENTS
   Matches blog: card bg #fff, border --nv0
══════════════════════════════════ */
.betterdocs-toc,
.betterdocs-table-of-contents,
.betterdocs-entry-body .betterdocs-toc {
  background: #F7F8FA !important;
  border: 1px solid #E8ECF0 !important;
  border-radius: 16px !important;
  padding: 22px 26px !important;
  margin-bottom: 32px !important;
}

.betterdocs-toc .toc-title,
.betterdocs-table-of-contents .toc-title,
.betterdocs-toc > h2,
.betterdocs-toc > p {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #1D3D67 !important;
  margin-bottom: 14px !important;
  letter-spacing: -0.2px !important;
}

.betterdocs-toc .toc-list li a,
.betterdocs-toc ol li a,
.betterdocs-toc ul li a {
  font-size: 13.5px !important;
  color: #617795 !important;
  text-decoration: none !important;
  padding: 5px 0 !important;
  display: block !important;
  transition: color 0.15s !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}

.betterdocs-toc .toc-list li a:hover,
.betterdocs-toc ol li a:hover,
.betterdocs-toc ul li a:hover {
  color: #E7358A !important;
}

/* ══════════════════════════════════
   ARTICLE CONTENT
   Matches blog: --nv5 body text, --nv9 headings
   Body: 15px / 1.65 line-height (like hero-sub)
   H2: 22px / 800 weight (like sec-title)
   H3: 17px / 800 weight (like hero-card-title)
══════════════════════════════════ */
.betterdocs-content-area .betterdocs-entry-content,
.betterdocs-content .betterdocs-entry-body,
.betterdocs-single-wrapper .betterdocs-entry-content {
  font-size: 15px !important;
  color: #617795 !important;
  line-height: 1.65 !important;
}

.betterdocs-entry-content h2,
.betterdocs-entry-body h2 {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #1D3D67 !important;
  margin: 36px 0 14px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.3px !important;
}

.betterdocs-entry-content h3,
.betterdocs-entry-body h3 {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #1D3D67 !important;
  margin: 28px 0 12px !important;
  line-height: 1.3 !important;
}

.betterdocs-entry-content h4,
.betterdocs-entry-body h4 {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1D3D67 !important;
  margin: 24px 0 10px !important;
  line-height: 1.4 !important;
}

.betterdocs-entry-content p,
.betterdocs-entry-body p {
  margin-bottom: 16px !important;
  color: #617795 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.betterdocs-entry-content strong,
.betterdocs-entry-body strong {
  color: #1D3D67 !important;
  font-weight: 700 !important;
}

.betterdocs-entry-content a,
.betterdocs-entry-body a {
  color: #E7358A !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color 0.15s !important;
}

.betterdocs-entry-content a:hover,
.betterdocs-entry-body a:hover {
  color: #D62E7D !important;
}

/* ── Lists in content ── */
.betterdocs-entry-content ul,
.betterdocs-entry-content ol,
.betterdocs-entry-body ul,
.betterdocs-entry-body ol {
  padding-left: 22px !important;
  margin-bottom: 18px !important;
}

.betterdocs-entry-content li,
.betterdocs-entry-body li {
  font-size: 15px !important;
  color: #617795 !important;
  line-height: 1.65 !important;
  margin-bottom: 8px !important;
}

.betterdocs-entry-content li strong,
.betterdocs-entry-body li strong {
  color: #1D3D67 !important;
  font-weight: 700 !important;
}

/* ── Blockquotes ── */
.betterdocs-entry-content blockquote,
.betterdocs-entry-body blockquote {
  background: #FCEAF3 !important;
  border-left: 4px solid #E7358A !important;
  border-radius: 0 12px 12px 0 !important;
  padding: 18px 22px !important;
  margin: 24px 0 !important;
  font-size: 14px !important;
  color: #1D3D67 !important;
  font-weight: 500 !important;
}

/* ── Images in content ── */
.betterdocs-entry-content img,
.betterdocs-entry-body img {
  border-radius: 12px !important;
  border: 1px solid #E8ECF0 !important;
  margin: 16px 0 !important;
  max-width: 100% !important;
}

/* ── HR dividers ── */
.betterdocs-entry-content hr,
.betterdocs-entry-body hr {
  border: none !important;
  border-top: 1px solid #E8ECF0 !important;
  margin: 28px 0 !important;
}

/* ══════════════════════════════════
   PRINT ICON
══════════════════════════════════ */
.betterdocs-print-btn,
.betterdocs-print-icon {
  opacity: 0.4 !important;
  transition: opacity 0.15s !important;
}

.betterdocs-print-btn:hover,
.betterdocs-print-icon:hover {
  opacity: 1 !important;
}

/* ══════════════════════════════════
   REACTIONS / FEEDBACK
══════════════════════════════════ */
.betterdocs-article-reactions,
.betterdocs-reactions {
  background: #F7F8FA !important;
  border: 1px solid #E8ECF0 !important;
  border-radius: 14px !important;
  padding: 24px !important;
  margin: 32px 0 !important;
  text-align: center !important;
}

.betterdocs-article-reactions .betterdocs-reaction-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1D3D67 !important;
}

/* ══════════════════════════════════
   NAVIGATION (Prev/Next)
══════════════════════════════════ */
.betterdocs-navigation,
.docs-navigation,
.betterdocs-entry-footer .docs-navigation {
  border-top: 1px solid #E8ECF0 !important;
  padding-top: 20px !important;
  margin-top: 32px !important;
}

.betterdocs-navigation a,
.docs-navigation a {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #617795 !important;
  text-decoration: none !important;
  padding: 10px 18px !important;
  border: 1px solid #E8ECF0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  transition: all 0.15s !important;
}

.betterdocs-navigation a:hover,
.docs-navigation a:hover {
  border-color: #E7358A !important;
  color: #E7358A !important;
  background: #FEF5F9 !important;
}

/* ══════════════════════════════════
   TAGS
══════════════════════════════════ */
.betterdocs-tags,
.betterdocs-entry-footer .betterdocs-tags {
  margin-top: 20px !important;
}

.betterdocs-tags a {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #617795 !important;
  background: #F3F4F6 !important;
  padding: 3px 10px !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  transition: all 0.15s !important;
}

.betterdocs-tags a:hover {
  background: #FCEAF3 !important;
  color: #E7358A !important;
}

/* ══════════════════════════════════
   READING TIME & LAST UPDATED
   Matches blog: pc-meta 11px / 500
══════════════════════════════════ */
.betterdocs-entry-header .betterdocs-reading-time,
.betterdocs-entry-header .betterdocs-last-updated {
  font-size: 12px !important;
  color: #8E9EB3 !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

/* ══════════════════════════════════
   FEEDBACK FORM (email)
══════════════════════════════════ */
.betterdocs-feedback-form {
  background: #F7F8FA !important;
  border: 1px solid #E8ECF0 !important;
  border-radius: 14px !important;
  padding: 24px !important;
}

.betterdocs-feedback-form .betterdocs-feedback-form-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1D3D67 !important;
}

.betterdocs-feedback-form input,
.betterdocs-feedback-form textarea {
  border: 2px solid #E8ECF0 !important;
  border-radius: 10px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
  transition: border-color 0.15s !important;
}

.betterdocs-feedback-form input:focus,
.betterdocs-feedback-form textarea:focus {
  border-color: #E7358A !important;
  outline: none !important;
}

.betterdocs-feedback-form button,
.betterdocs-feedback-form input[type="submit"] {
  background: #E7358A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 10px 24px !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
  box-shadow: 0 2px 10px rgba(231,53,138,0.3) !important;
}

.betterdocs-feedback-form button:hover,
.betterdocs-feedback-form input[type="submit"]:hover {
  background: #D62E7D !important;
  transform: translateY(-1px) !important;
}

/* ══════════════════════════════════
   MOBILE RESPONSIVE
══════════════════════════════════ */
@media (max-width: 768px) {
  .betterdocs-sidebar,
  #betterdocs-sidebar {
    border-radius: 12px !important;
    margin-bottom: 20px !important;
  }

  .betterdocs-single-wrapper .betterdocs-searchform {
    padding: 16px !important;
    border-radius: 12px !important;
  }

  .betterdocs-entry-header .betterdocs-entry-title,
  .betterdocs-content-area h1 {
    font-size: 22px !important;
  }

  .betterdocs-toc {
    padding: 16px !important;
    border-radius: 12px !important;
  }
}