/* Releva documentation styles for WordPress. Generated by relevasite/components.py from assets/css/wordpress-docs.css; do not edit by hand. */
body.releva-docs{--indigo:#3A1A4B;--indigo-mid:#42275E;--indigo-dark:#2A0D37;--indigo-light:#8C8399;--amethyst:#8440FF;--peri:#C1C1FF;--lemon:#FCFF56;--flamingo:#FFB9FF;--ivory:#F9EBDF;--ivory-mid:#FDF4ED;--ivory-dark:#ECDED2;--light:#FFFCF9;--peri-soft:#E4E4FF;--shadow-soft:0 4px 48px rgba(0,0,0,.02);--shadow-float:0 16px 44px rgba(42,13,55,.10);--r-s:8px;--r-m:12px;--r-l:24px;--rd-i-search:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M11 20C15.9706 20 20 15.9706 20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20Z%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M18.9299 20.6898C19.4599 22.2898 20.6699 22.4498 21.5999 21.0498C22.4499 19.7698 21.8899 18.7198 20.3499 18.7198C19.2099 18.7098 18.5699 19.5998 18.9299 20.6898Z%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");--rd-i-doc:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M8 2V5%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-miterlimit=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M16 2V5%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-miterlimit=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M21 8.5V17C21 20 19.5 22 16 22H8C4.5 22 3 20 3 17V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5Z%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-miterlimit=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M8 11H16%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-miterlimit=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M8 16H12%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-miterlimit=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");--rd-i-section:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M22 10H2%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M12 10V22%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");--rd-i-developer:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M20 9.6C20 5.6 18.4 4 14.4 4H9.6C5.6 4 4 5.6 4 9.6V14.4C4 18.4 5.6 20 9.6 20%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M16.35 8C15.8 7.3 14.88 7 13.5 7H10.5C8 7 7 8 7 10.5V13.5C7 14.88 7.3 15.8 7.99 16.35%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M8.00977 4V2%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M12 4V2%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M16 4V2%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M20 8H22%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M8.00977 20V22%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M2 8H4%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M2 12H4%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M2 16H4%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M16.7101 18.59C17.5882 18.59 18.3001 17.8782 18.3001 17C18.3001 16.1219 17.5882 15.41 16.7101 15.41C15.832 15.41 15.1201 16.1219 15.1201 17C15.1201 17.8782 15.832 18.59 16.7101 18.59Z%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-miterlimit=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M11.4102 17.46V16.53C11.4102 15.98 11.8602 15.53 12.4102 15.53C13.3702 15.53 13.7602 14.85 13.2802 14.02C13.0002 13.54 13.1702 12.92 13.6502 12.65L14.5602 12.12C14.9802 11.87 15.5202 12.02 15.7702 12.44L15.8302 12.54C16.3102 13.37 17.0902 13.37 17.5702 12.54L17.6302 12.44C17.8802 12.02 18.4202 11.88 18.8402 12.12L19.7502 12.65C20.2302 12.93 20.4002 13.54 20.1202 14.02C19.6402 14.85 20.0302 15.53 20.9902 15.53C21.5402 15.53 21.9902 15.98 21.9902 16.53V17.46C21.9902 18.01 21.5402 18.46 20.9902 18.46C20.0302 18.46 19.6402 19.14 20.1202 19.97C20.4002 20.45 20.2302 21.07 19.7502 21.34L18.8402 21.87C18.4202 22.12 17.8802 21.97 17.6302 21.55L17.5702 21.45C17.0902 20.62 16.3102 20.62 15.8302 21.45L15.7702 21.55C15.5202 21.97 14.9802 22.11 14.5602 21.87L13.6502 21.34C13.1702 21.06 13.0002 20.45 13.2802 19.97C13.7602 19.14 13.3702 18.46 12.4102 18.46C11.8602 18.47 11.4102 18.02 11.4102 17.46Z%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-miterlimit=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");--rd-i-integrations:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M8.0001 3H9.0001C7.0501 8.84 7.0501 15.16 9.0001 21H8.0001%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M15 3C16.95 8.84 16.95 15.16 15 21%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M3 16V15C8.84 16.95 15.16 16.95 21 15V16%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M3 9.00001C8.84 7.05001 15.16 7.05001 21 9.00001%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");--rd-i-guide:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M17.35 9.05001L15.01 16.59C14.45 18.38 11.94 18.41 11.35 16.63L10.65 14.56C10.46 13.99 10.01 13.53 9.43997 13.35L7.35997 12.65C5.58997 12.06 5.61997 9.53001 7.40997 8.99001L14.95 6.64C16.43 6.19 17.82 7.58001 17.35 9.05001Z%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E")}
/* The documentation on WordPress (BetterDocs at releva.ai/documentation/) in the site's look: colors, Inter, cards,
   eyebrows, icons. Published as components/docs.css (relevasite/components.py adds the tokens and the icons) and loaded
   by the WordPress plugin releva-chrome.php on the documentation pages only, which also gives <body> the class
   releva-docs. Everything is nested under one root rule; the generator strengthens its selector (an id and seven
   classes, see SCOPE in relevasite/components.py) because BetterDocs' own rules run to one id and seven classes
   (measured 11 Oct 2026), and these must win without !important. */

html body:not(#rd-x).releva-docs.releva-docs.releva-docs.releva-docs.releva-docs.releva-docs.releva-docs {
  --pix-bg-color: var(--light);   /* the theme paints <body> with this variable, !important */
  background: var(--light);
  color: var(--indigo);

  & .betterdocs-wrapper {
    font-family: Inter, 'Inter Fallback', "Segoe UI", system-ui, sans-serif;
    color: var(--indigo);
    background: var(--light);
    letter-spacing: -.01em;
    padding-bottom: 72px;
  }
  & .betterdocs-wrapper :is(h1, h2, h3, h4, h5, h6, p, li, a, span, input, button, div) { font-family: inherit }
  & .betterdocs-wrapper a { color: var(--amethyst); text-decoration: none; font-weight: 500; transition: color .15s }
  & .betterdocs-wrapper a:hover { color: var(--indigo) }

  /* ---------- search: the hero of every documentation page ---------- */
  & .betterdocs-search-form-wrapper {
    background: var(--ivory-mid);
    border-bottom: 1px solid var(--ivory-dark);
    padding: 56px 24px 52px;
    text-align: center;
  }
  & .betterdocs-docs-archive-wrapper .betterdocs-search-form-wrapper { padding: 72px 24px 64px }
  & .betterdocs-docs-archive-wrapper .betterdocs-search-form-wrapper::before {
    content: "Documentation";
    display: block; margin: 0 0 14px;
    font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--amethyst);
  }
  & .betterdocs-docs-archive-wrapper .betterdocs-live-search::before {
    content: "How can we help?";
    display: block; margin: 0 0 28px;
    font-size: clamp(2rem, 3.8vw, 3.1rem); font-weight: 600; line-height: 1.12; letter-spacing: -.04em; color: var(--indigo);
  }
  & .betterdocs-live-search { max-width: 720px; margin: 0 auto; background: none; padding: 0 }
  & .betterdocs-searchform {
    background: #fff; border: 1px solid var(--ivory-dark); border-radius: var(--r-m);
    box-shadow: var(--shadow-float); padding: 0; height: 60px; display: flex; position: relative;   /* no overflow: the live-search results drop down from inside the form */
  }
  & .betterdocs-searchform:focus-within { border-color: var(--amethyst); box-shadow: 0 0 0 4px var(--peri-soft), var(--shadow-float) }
  & .betterdocs-searchform-input-wrap { height: 100% }
  & .betterdocs-searchform-input-wrap > svg { display: none }
  & .betterdocs-searchform-input-wrap::before {
    content: ""; flex: none; width: 20px; height: 20px; margin: 0 4px 0 22px; background: var(--indigo-light);
    -webkit-mask: var(--rd-i-search) center / contain no-repeat; mask: var(--rd-i-search) center / contain no-repeat;
  }
  & .betterdocs-searchform-input-wrap { display: flex; align-items: center; flex: 1; align-self: stretch; height: auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none }
  & input.betterdocs-search-field {
    height: 100%; min-height: 0; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; outline: 0; appearance: none;
    font-size: 1.05rem; color: var(--indigo); padding: 0 18px 0 12px;
  }
  & input.betterdocs-search-field::placeholder { color: var(--indigo-light) }
  & input.betterdocs-search-submit { display: none }
  & .betterdocs-live-search .docs-search-result {
    margin-top: 8px; background: #fff; border: 1px solid var(--ivory-dark); border-radius: var(--r-m); box-shadow: var(--shadow-float); text-align: left;
  }
  & .betterdocs-live-search .docs-search-result li a { color: var(--indigo) }
  & .betterdocs-live-search .docs-search-result li:hover { background: var(--ivory-mid) }

  /* ---------- the documentation home: one card per section ---------- */
  & .betterdocs-docs-archive-wrapper .betterdocs-content-wrapper { max-width: 1168px; margin: 0 auto; padding: 56px 24px 0; background: none }
  & .betterdocs-docs-archive-wrapper .betterdocs-category-grid-inner-wrapper.layout-flex {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0;
  }
  & .betterdocs-docs-archive-wrapper .betterdocs-single-category-wrapper {
    width: auto; max-width: none; margin: 0; padding: 0;
    background: #fff; border: 1px solid var(--ivory-dark); border-radius: var(--r-l); box-shadow: none;
    transition: box-shadow .2s, transform .2s;
    display: flex; flex-direction: column;
  }
  & .betterdocs-docs-archive-wrapper .betterdocs-single-category-wrapper:hover { box-shadow: var(--shadow-float); transform: translateY(-2px) }
  & .betterdocs-docs-archive-wrapper .betterdocs-single-category-wrapper > .betterdocs-single-category-inner { padding: 28px 28px 26px; background: none; display: flex; flex-direction: column; flex: 1; border: 0 }

  /* card and sidebar header: icon badge, title, article count */
  & .betterdocs-category-header { border: 0; padding: 0; margin: 0; background: none }
  & .betterdocs-category-header-inner > svg { flex: none; width: 11px; height: 11px; fill: var(--indigo-light); margin-left: 2px }
  & .betterdocs-category-header-inner > svg path { fill: var(--indigo-light) }
  & .betterdocs-category-header-inner { display: flex; align-items: center; gap: 14px; padding: 0; border: 0; background: none }
  & .betterdocs-docs-archive-wrapper .betterdocs-category-header-inner { padding: 0 0 20px; margin: 0 0 18px; border-bottom: 1px solid var(--ivory-dark) }
  & .betterdocs-category-icon {
    --rd-icon: var(--rd-i-section);
    flex: none; width: 46px; height: 46px; margin: 0; border-radius: 50%; background: var(--peri-soft);
    display: grid; place-items: center;
  }
  & .betterdocs-category-icon > * { display: none }
  & .betterdocs-category-icon::before {
    content: ""; width: 23px; height: 23px; background: var(--amethyst);
    -webkit-mask: var(--rd-icon) center / contain no-repeat; mask: var(--rd-icon) center / contain no-repeat;
  }
  /* section icons: by the link on the home cards, by the term id in the sidebar (its headers carry no link) */
  & :is(.betterdocs-category-header-inner:has(a[href*="/category/developer-documentation/"]), [data-id="384"] .betterdocs-category-header-inner) .betterdocs-category-icon { --rd-icon: var(--rd-i-developer) }
  & :is(.betterdocs-category-header-inner:has(a[href*="/category/integrations/"]), [data-id="383"] .betterdocs-category-header-inner) .betterdocs-category-icon { --rd-icon: var(--rd-i-integrations) }
  & :is(.betterdocs-category-header-inner:has(a[href*="/category/user-guide/"]), [data-id="389"] .betterdocs-category-header-inner) .betterdocs-category-icon { --rd-icon: var(--rd-i-guide) }
  & .betterdocs-category-title { margin: 0; flex: 1; min-width: 0; font-size: 1.3rem; font-weight: 600; line-height: 1.2; letter-spacing: -.025em }
  & .betterdocs-category-title a { color: var(--indigo); font-weight: 600 }
  & .betterdocs-category-title a:hover { color: var(--amethyst) }
  & .betterdocs-category-items-counts { flex: none; margin: 0; padding: 0; width: auto; height: auto; background: none; border: 0; border-radius: 0 }
  & .betterdocs-category-items-counts span {
    display: inline-block; min-width: 0; width: auto; height: auto; line-height: 1; padding: 6px 10px;
    border-radius: 999px; background: var(--peri-soft); color: var(--indigo); font-size: .78rem; font-weight: 700; letter-spacing: 0;
  }

  /* lists of sections and articles */
  & .betterdocs-body { padding: 0; margin: 0; background: none; flex: 1 }
  & .betterdocs-articles-list { display: block; margin: 0; padding: 0; background: none; list-style: none; text-align: left }
  & .betterdocs-articles-list li {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
    margin: 0; padding: 8px 0; border: 0; font-size: .98rem; line-height: 1.4; list-style: none; text-align: left;
  }
  & .betterdocs-articles-list li > svg { display: none }
  & .betterdocs-articles-list li:not(.betterdocs-nested-category-wrapper)::before {
    content: ""; flex: none; width: 17px; height: 17px; background: var(--indigo-light);
    -webkit-mask: var(--rd-i-doc) center / contain no-repeat; mask: var(--rd-i-doc) center / contain no-repeat;
  }
  & .betterdocs-articles-list li a { flex: 1; min-width: 0; color: var(--indigo-mid); font-size: inherit; font-weight: 500 }
  & .betterdocs-articles-list li a:hover, & .betterdocs-articles-list li a.active { color: var(--amethyst) }
  & .betterdocs-articles-list li:has(> a.active)::before { background: var(--amethyst) }
  & .betterdocs-articles-list li.betterdocs-nested-category-wrapper { display: block; width: auto }
  & .betterdocs-nested-category-title { display: flex; align-items: center; justify-content: flex-start; gap: 10px; margin: 0; padding: 0; text-align: left; cursor: pointer }
  & .betterdocs-nested-category-title a { flex: 1; color: var(--indigo); font-size: inherit; font-weight: 500 }
  & .betterdocs-nested-category-title svg { flex: none; width: 15px; height: 15px; fill: var(--amethyst); color: var(--amethyst) }
  & .betterdocs-nested-category-title svg path { fill: var(--amethyst) }
  & .betterdocs-nested-category-list { margin: 6px 0 6px 7px; padding: 0 0 0 16px; border-left: 1px solid var(--ivory-dark); background: none }

  /* "Explore More" becomes the site's "more" link */
  & .betterdocs-single-category-inner > .betterdocs-footer { flex: none; padding: 18px 0 0; margin: auto 0 0; background: none }   /* BetterDocs makes it grow */
  & a.betterdocs-category-link-btn {
    display: inline-flex; align-items: center; gap: 6px; padding: 0; margin: 0; border: 0; border-radius: 0; background: none;
    color: var(--amethyst); font-size: .95rem; font-weight: 600; box-shadow: none;
  }
  & a.betterdocs-category-link-btn::after { content: "→"; transition: transform .15s }
  & a.betterdocs-category-link-btn:hover { background: none; color: var(--indigo) }
  & a.betterdocs-category-link-btn:hover::after { transform: translateX(3px) }

  /* ---------- category and article pages: sidebar + content ---------- */
  & .betterdocs-content-wrapper.betterdocs-display-flex { max-width: 1240px; margin: 0 auto; padding: 48px 24px 0; gap: 48px; align-items: flex-start; background: none }
  & aside.betterdocs-sidebar { flex: 0 0 300px; width: 300px; max-width: 300px; padding: 0; background: none; position: sticky; top: 96px }
  & .betterdocs-sidebar-content.betterdocs-category-sidebar {
    background: #fff; border: 1px solid var(--ivory-dark); border-radius: var(--r-l); padding: 14px; box-shadow: none;
    max-height: calc(100vh - 120px); overflow: auto;
  }
  & .betterdocs-sidebar .betterdocs-category-grid-inner-wrapper { display: block; margin: 0 }
  & .betterdocs-sidebar .betterdocs-single-category-wrapper { width: auto; margin: 0 0 4px; padding: 0; border: 0; border-radius: var(--r-m); background: none; box-shadow: none }
  & .betterdocs-sidebar :is(.betterdocs-single-category-wrapper, .betterdocs-single-category-inner, .betterdocs-category-header) { border: 0; box-shadow: none }
  & .betterdocs-sidebar .betterdocs-single-category-inner { padding: 0; background: none }
  & .betterdocs-sidebar .betterdocs-category-header { padding: 10px 10px; border-radius: var(--r-m); cursor: pointer; border: 0 }
  & .betterdocs-sidebar .betterdocs-category-header:hover { background: var(--ivory-mid) }
  & .betterdocs-sidebar .betterdocs-single-category-wrapper.active > .betterdocs-single-category-inner > .betterdocs-category-header { background: var(--peri-soft) }
  & .betterdocs-sidebar .betterdocs-category-header-inner { gap: 12px; border: 0 }
  & .betterdocs-sidebar .betterdocs-category-icon { width: 34px; height: 34px; background: #fff }
  & .betterdocs-sidebar .betterdocs-single-category-wrapper:not(.active) .betterdocs-category-icon { background: var(--peri-soft) }
  & .betterdocs-sidebar .betterdocs-category-icon::before { width: 18px; height: 18px }
  & .betterdocs-sidebar .betterdocs-category-title { font-size: .98rem; font-weight: 600; letter-spacing: -.015em }
  & .betterdocs-sidebar .betterdocs-category-items-counts span { padding: 4px 8px; font-size: .7rem; background: #fff }
  & .betterdocs-sidebar .betterdocs-single-category-wrapper:not(.active) .betterdocs-category-items-counts span { background: var(--peri-soft) }
  & .betterdocs-sidebar .betterdocs-body { padding: 6px 10px 10px 18px }
  & .betterdocs-sidebar .betterdocs-articles-list li { padding: 6px 0; font-size: .92rem }
  & .betterdocs-sidebar .betterdocs-articles-list li:has(> a.active) a { color: var(--amethyst); font-weight: 600 }
  & .betterdocs-sidebar .betterdocs-single-category-inner::after, & .betterdocs-sidebar .betterdocs-single-category-wrapper::before { display: none }

  & :is(.betterdocs-content-area, .betterdocs-content-inner-area, .betterdocs-entry-body) { flex: 1; min-width: 0; padding: 0; background: none; box-shadow: none; border: 0 }
  & .betterdocs-content-area.betterdocs-content-area { max-width: 820px }

  /* breadcrumb */
  & nav.betterdocs-breadcrumb { margin: 0 0 18px; padding: 0; background: none }
  & .betterdocs-breadcrumb-list { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; padding: 0 }
  & .betterdocs-breadcrumb-item, & .betterdocs-breadcrumb-item a.bread-link { font-size: .86rem; font-weight: 500; color: var(--indigo-light) }
  & .betterdocs-breadcrumb-item a.bread-link:hover { color: var(--amethyst) }
  & .betterdocs-breadcrumb-item.item-current, & .betterdocs-breadcrumb-item:last-child { color: var(--indigo) }
  & .breadcrumb-delimiter svg, & .breadcrumb-delimiter svg path { fill: var(--ivory-dark); width: 9px; height: 9px }

  /* title and meta */
  & .betterdocs-entry-title, & .betterdocs-entry-title h1, & .docs-single-title h1, & .betterdocs-entry-header h1 {
    margin: 0 0 18px; font-size: clamp(2rem, 3.4vw, 2.75rem); font-weight: 600; line-height: 1.1; letter-spacing: -.04em;
    color: var(--indigo); text-transform: none;
  }
  & .betterdocs-entry-title :is(h2, .betterdocs-entry-heading) { margin: 0 0 22px; font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 600; letter-spacing: -.035em; color: var(--indigo); text-transform: none }
  & :is(.betterdocs-entry-header, .docs-single-title) { margin: 0; padding: 0 }
  & .betterdocs-doc-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 28px; padding: 0 0 22px; border-bottom: 1px solid var(--ivory-dark) }
  & .betterdocs-doc-meta-start { display: flex; flex-wrap: wrap; gap: 8px }
  & :is(.reading-time.betterdocs, .betterdocs-listen-trigger, .betterdocs-ai-actions-primary, .betterdocs-ai-actions-toggle) {
    background: var(--ivory-mid); border: 1px solid var(--ivory-dark); border-radius: 999px; box-shadow: none;
    color: var(--indigo-mid); font-size: .84rem; font-weight: 500; padding: 6px 12px; min-height: 0; line-height: 1.3;
  }
  & .betterdocs-ai-actions { gap: 0 }
  & .betterdocs-ai-actions-primary { border-radius: 999px 0 0 999px; border-right: 0 }
  & .betterdocs-ai-actions-toggle { border-radius: 0 999px 999px 0; padding: 6px 10px }
  & :is(.betterdocs-listen-trigger, .betterdocs-ai-actions-primary, .betterdocs-ai-actions-toggle):hover { background: var(--peri-soft); color: var(--indigo) }
  & .betterdocs-ai-actions-menu { border: 1px solid var(--ivory-dark); border-radius: var(--r-m); box-shadow: var(--shadow-float) }
  & .betterdocs-print-pdf { display: none }

  /* table of contents: an ivory card with an eyebrow */
  & .betterdocs-entry-content .betterdocs-toc {
    display: block;
    background: var(--ivory-mid); border: 1px solid var(--ivory-dark); border-radius: var(--r-l);
    padding: 22px 26px; margin: 0 0 36px; box-shadow: none; max-width: 760px;
  }
  & .betterdocs-toc .toc-title {
    display: block; margin: 0 0 12px; padding: 0; border: 0;
    font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--amethyst);
  }
  & .betterdocs-toc .toc-list { margin: 0; padding: 0 }
  & .betterdocs-toc .toc-list ul { margin: 2px 0 2px 14px; padding: 0 }
  & .betterdocs-toc .toc-list li { margin: 0; padding: 3px 0; break-inside: avoid; font-size: .93rem; line-height: 1.35; color: var(--indigo-light) }
  & .betterdocs-toc .toc-list li a { display: inline; margin: 0; padding: 0; color: var(--indigo-mid); font-weight: 500; line-height: 1.35 }
  & .betterdocs-toc .toc-list li a:hover, & .betterdocs-toc .toc-list li a.active { color: var(--amethyst) }
  & .sticky-toc-container { display: none }

  /* ---------- the article ---------- */
  & .betterdocs-content { max-width: 760px; font-size: 1.05rem; line-height: 1.72; color: var(--indigo-mid) }
  & .betterdocs-content :is(p, li) { color: var(--indigo-mid); font-size: 1.05rem; line-height: 1.72 }
  & .betterdocs-content p { margin: 0 0 1.05em }
  & .betterdocs-content :is(h2, h3, h4, h5, h6) { color: var(--indigo); font-weight: 600; line-height: 1.2; text-transform: none }
  & .betterdocs-content h2 { font-size: clamp(1.45rem, 2.4vw, 1.8rem); letter-spacing: -.03em; margin: 2.2em 0 .6em; padding-top: 1.2em; border-top: 1px solid var(--ivory-dark) }
  & .betterdocs-content > h2:first-child { margin-top: 0; padding-top: 0; border-top: 0 }
  & .betterdocs-content h3 { font-size: 1.28rem; letter-spacing: -.022em; margin: 1.8em 0 .5em }
  & .betterdocs-content h4 { font-size: 1.12rem; letter-spacing: -.015em; margin: 1.6em 0 .45em }
  & .betterdocs-content :is(h5, h6) { font-size: .82rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--amethyst); margin: 1.6em 0 .5em }
  & .betterdocs-content :is(strong, b) { color: var(--indigo); font-weight: 600 }
  & .betterdocs-content a { color: var(--amethyst); font-weight: 500; text-decoration: underline; text-decoration-color: var(--peri); text-underline-offset: 3px }
  & .betterdocs-content a:hover { color: var(--indigo); text-decoration-color: currentColor }
  & .betterdocs-content :is(ul, ol) { margin: 0 0 1.2em; padding-left: 1.4em }
  & .betterdocs-content ul { list-style: disc }
  & .betterdocs-content ol { list-style: decimal }
  & .betterdocs-content li { margin: 0 0 .4em; padding-left: .2em }
  & .betterdocs-content li::marker { color: var(--amethyst) }
  & .betterdocs-content ol li::marker { font-weight: 700 }
  & .betterdocs-content :is(figure, .wp-block-image) { margin: 1.6em 0 }
  & .betterdocs-content img { max-width: 100%; height: auto; border-radius: var(--r-m); border: 1px solid var(--ivory-dark); box-shadow: 0 8px 24px rgba(58, 26, 75, .07) }
  & .betterdocs-content figcaption { margin-top: 8px; font-size: .86rem; color: var(--indigo-light); text-align: center }
  & .betterdocs-content :not(pre) > code {
    padding: .12em .4em; border-radius: 6px; background: var(--ivory-mid); border: 1px solid var(--ivory-dark);
    color: var(--indigo); font-size: .88em; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
  & .betterdocs-content pre {
    margin: 1.4em 0; padding: 18px 20px; overflow: auto; border-radius: var(--r-m); border: 0;
    background: var(--indigo-dark); color: var(--ivory-mid); font-size: .9rem; line-height: 1.6;
  }
  & .betterdocs-content pre code { background: none; border: 0; padding: 0; color: inherit; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace }
  & .betterdocs-content blockquote {
    margin: 1.6em 0; padding: 16px 20px; border: 0; border-left: 3px solid var(--amethyst); border-radius: 0 var(--r-m) var(--r-m) 0;
    background: var(--ivory-mid); color: var(--indigo); font-style: normal;
  }
  & .betterdocs-content blockquote p:last-child { margin-bottom: 0 }
  & .betterdocs-content table { width: 100%; margin: 1.4em 0; border-collapse: separate; border-spacing: 0; border: 1px solid var(--ivory-dark); border-radius: var(--r-m); overflow: hidden; font-size: .95rem }
  & .betterdocs-content :is(th, td) { padding: 10px 14px; border: 0; border-bottom: 1px solid var(--ivory-dark); text-align: left; vertical-align: top; color: var(--indigo-mid) }
  & .betterdocs-content th { background: var(--ivory-mid); color: var(--indigo); font-weight: 600 }
  & .betterdocs-content tr:last-child td { border-bottom: 0 }
  & .betterdocs-content hr { border: 0; border-top: 1px solid var(--ivory-dark); margin: 2em 0 }

  /* ---------- after the article ---------- */
  & .betterdocs-entry-footer { max-width: 760px; margin: 48px 0 0; padding: 28px 0 0; border-top: 1px solid var(--ivory-dark); display: flex; flex-wrap: wrap; gap: 20px 32px; align-items: center; justify-content: space-between }
  & .betterdocs-article-reactions { margin: 0; padding: 0; display: flex; align-items: center; gap: 14px; background: none; border: 0 }
  & .betterdocs-reactions-title-tag, & .betterdocs-social-share-title-tag { margin: 0; font-size: .95rem; font-weight: 600; color: var(--indigo); text-transform: none; letter-spacing: -.01em }
  & .betterdocs-article-reaction-links { margin: 0; padding: 0; gap: 8px; display: flex }
  & .betterdocs-article-reaction-links li a {
    width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center;
    background: var(--peri-soft); border: 1px solid transparent; transition: background .15s, border-color .15s;
  }
  & .betterdocs-article-reaction-links li a svg { width: 18px; height: 18px }
  & .betterdocs-article-reaction-links li a svg path { fill: var(--indigo) }
  & .betterdocs-article-reaction-links li a:hover { background: #fff; border-color: var(--amethyst) }
  & .betterdocs-article-reaction-links li a:hover svg path { fill: var(--amethyst) }
  & .betterdocs-social-share { margin: 0; padding: 0; display: flex; align-items: center; gap: 12px; background: none }
  & .betterdocs-social-share-links { margin: 0; padding: 0; display: flex; gap: 6px }
  & .betterdocs-social-share-links li a { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--ivory-mid); border: 1px solid var(--ivory-dark) }
  & .betterdocs-social-share-links li a img, & .betterdocs-social-share-links li a svg { width: 16px; height: 16px }
  & .feedback-update-form { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin: 0; padding: 0; font-size: .9rem }
  & .betterdocs-entry-footer .feedback-form-link { display: inline-flex; align-items: center; gap: 8px; color: var(--amethyst); font-weight: 600 }
  & .betterdocs-entry-footer .feedback-form-link .feedback-form-icon :is(svg, img) { width: 20px }
  & .betterdocs-entry-footer .update-date { color: var(--indigo-light); font-size: .86rem }

  & .docs-navigation { max-width: 760px; display: flex; gap: 16px; margin: 32px 0 0; padding: 0; border: 0 }
  & .docs-navigation a {
    flex: 1 1 0; min-width: 0; max-width: calc(50% - 8px);
    display: flex; align-items: center; gap: 10px; padding: 18px 20px; min-height: 72px;
    background: #fff; border: 1px solid var(--ivory-dark); border-radius: var(--r-m);
    color: var(--indigo); font-size: .98rem; font-weight: 600; line-height: 1.3; transition: border-color .15s, box-shadow .15s;
  }
  & .docs-navigation a:hover { border-color: var(--amethyst); box-shadow: var(--shadow-float); color: var(--indigo) }
  & .docs-navigation a svg { flex: none; width: 14px; min-width: 14px; fill: var(--amethyst) }
  & .docs-navigation a svg path { fill: var(--amethyst) }
  & .docs-navigation a[rel="next"], & .docs-navigation a:last-child:not(:first-child) { justify-content: flex-end; text-align: right; margin-left: auto }

  /* the category page's own list of articles: div.betterdocs-entry-body > ul > li > (svg) a, as one card */
  & .betterdocs-entry-body > ul {
    display: block; width: 100%; margin: 0; padding: 6px 26px; list-style: none; max-width: 760px;
    background: #fff; border: 1px solid var(--ivory-dark); border-radius: var(--r-l);
  }
  & .betterdocs-entry-body > ul > li {
    display: flex; align-items: center; gap: 12px; margin: 0; padding: 14px 0;
    border-bottom: 1px solid var(--ivory-mid); font-size: 1rem; line-height: 1.4; list-style: none;
  }
  & .betterdocs-entry-body > ul > li:last-child { border-bottom: 0 }
  & .betterdocs-entry-body > ul > li > svg { display: none }
  & .betterdocs-entry-body > ul > li::before {
    content: ""; flex: none; width: 18px; height: 18px; background: var(--indigo-light);
    -webkit-mask: var(--rd-i-doc) center / contain no-repeat; mask: var(--rd-i-doc) center / contain no-repeat;
  }
  & .betterdocs-entry-body > ul > li a { flex: 1; color: var(--indigo); font-weight: 500 }
  & .betterdocs-entry-body > ul > li:hover a { color: var(--amethyst) }
  & .betterdocs-entry-body > ul > li:hover::before { background: var(--amethyst) }

  /* phones: the sidebar becomes BetterDocs' own drawer */
  & .betterdocs-mobile-nav { display: none }
  @media (max-width: 991px) {
    & .betterdocs-content-wrapper.betterdocs-display-flex { display: block; padding-top: 28px }
    & aside.betterdocs-sidebar { position: static; width: auto; max-width: none }
    & .betterdocs-mobile-nav { display: block; margin: 0 0 18px; padding: 0; border: 0; background: none }
    & .betterdocs-mobile-nav .betterdocs-sidebar-icon {
      display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px;
      background: #fff; border: 1px solid var(--ivory-dark); color: var(--indigo); font-size: .9rem; font-weight: 600;
    }
    & .betterdocs-mobile-nav .betterdocs-sidebar-icon span { color: var(--indigo) }
  }
  @media (max-width: 900px) {
    & .betterdocs-docs-archive-wrapper .betterdocs-category-grid-inner-wrapper.layout-flex { grid-template-columns: minmax(0, 1fr); gap: 16px }
    & .betterdocs-docs-archive-wrapper .betterdocs-content-wrapper { padding-top: 32px }
    & .betterdocs-search-form-wrapper { padding: 36px 16px 32px }
    & .betterdocs-docs-archive-wrapper .betterdocs-search-form-wrapper { padding: 44px 16px 40px }
    & .betterdocs-docs-archive-wrapper .betterdocs-live-search::before { margin-bottom: 20px }
    & .betterdocs-searchform { height: 54px }
    & .betterdocs-entry-content .betterdocs-toc { padding: 18px 20px }
    & .docs-navigation { flex-direction: column }
    & .docs-navigation a { max-width: none }
  }
}