/* ==========================================================================
   LedgerDomain - BetterDocs archive intro
   Loaded on the docs archive and single docs pages.
   Archive refresh stays scoped under body.ld-docs-page.
   Brand system: navy #051964, coral #F55064, blue #6991F0, Chivo / Chivo Mono.
   ========================================================================== */

body.ld-docs-page{
  --navy:#051964;
  --navy-2:#0e2f9e;
  --blue:#6991F0;
  --coral:#F55064;
  --ink:#051964;
  --muted:#56689b;
  --bg-soft:#f4f6fb;
  --line:#e4e9f5;
  --maxw:1366px;
  --sans:'Chivo', Arial, Helvetica, sans-serif;
  --mono:'Chivo Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

body.ld-docs-page #main{
  padding-top:0 !important;
  background:#fff !important;
}

body.ld-docs-page .betterdocs-wrapper,
body.ld-docs-page .betterdocs-wrapper *{
  box-sizing:border-box;
}

body.ld-docs-page .betterdocs-search-form-wrapper{
  position:relative;
  z-index:2;
  width:auto;
  margin-top:0 !important;
  margin-right:calc(50% - 50vw) !important;
  margin-bottom:44px !important;
  margin-left:calc(50% - 50vw) !important;
  padding:52px 30px 50px !important;
  overflow:visible;
  background-color:#f8faff;
  background-image:
    linear-gradient(125deg,rgba(255,255,255,.96) 0%,rgba(244,247,255,.96) 48%,rgba(255,237,235,.78) 100%),
    repeating-linear-gradient(90deg,rgba(105,145,240,.16) 0 1px,transparent 1px 74px),
    repeating-linear-gradient(0deg,rgba(5,25,100,.08) 0 1px,transparent 1px 74px);
  border-bottom:1px solid var(--line);
}

body.ld-docs-page .betterdocs-search-form-wrapper::before{
  content:"";
  position:absolute;
  top:28px;
  right:max(28px,calc((100vw - var(--maxw)) / 2));
  width:310px;
  height:210px;
  pointer-events:none;
  opacity:.92;
  background:
    linear-gradient(135deg,rgba(5,25,100,.08),rgba(105,145,240,.18)) 0 0 / 185px 86px no-repeat,
    linear-gradient(135deg,rgba(245,80,100,.16),rgba(255,255,255,.7)) 82px 48px / 190px 84px no-repeat,
    linear-gradient(135deg,rgba(105,145,240,.22),rgba(255,255,255,.76)) 28px 114px / 225px 76px no-repeat;
  border-radius:18px;
  transform:rotate(-3deg);
}

body.ld-docs-page .betterdocs-search-form-wrapper::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:6px;
  background:linear-gradient(90deg,var(--coral),var(--blue));
}

body.ld-docs-page .betterdocs-live-search{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,520px);
  gap:30px 44px;
  align-items:center;
  max-width:var(--maxw);
  margin:0 auto;
}

body.ld-docs-page .ld-docs-intro{
  max-width:670px;
  font-family:var(--sans);
  color:var(--ink);
}

body.ld-docs-page #main .ld-docs-intro h1{
  max-width:620px;
  margin:0 0 14px;
  color:var(--navy) !important;
  font-family:var(--sans) !important;
  font-size:40px !important;
  font-weight:900 !important;
  line-height:1.12 !important;
  letter-spacing:0 !important;
}

body.ld-docs-page .ld-docs-intro p{
  max-width:610px;
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.62;
}

body.ld-docs-page .ld-docs-routes{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}

body.ld-docs-page .ld-docs-routes a{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:156px;
  min-height:72px;
  padding:13px 15px 13px 18px;
  overflow:hidden;
  border:1px solid rgba(105,145,240,.26);
  border-left:4px solid var(--blue);
  border-radius:8px;
  background:rgba(255,255,255,.82);
  color:var(--navy);
  text-decoration:none;
  box-shadow:0 20px 44px -36px rgba(5,25,100,.58);
  transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;
}

body.ld-docs-page .ld-docs-routes a:nth-child(2){
  border-left-color:var(--coral);
}

body.ld-docs-page .ld-docs-routes a:nth-child(3){
  border-left-color:var(--navy-2);
}

body.ld-docs-page .ld-docs-routes a:hover{
  transform:translateY(-2px);
  border-color:rgba(5,25,100,.18);
  background:#fff;
  box-shadow:0 26px 56px -38px rgba(5,25,100,.64);
  color:var(--navy);
  text-decoration:none;
}

body.ld-docs-page .ld-docs-routes span{
  color:var(--muted);
  font-family:var(--mono);
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:0;
  text-transform:uppercase;
}

body.ld-docs-page .ld-docs-routes strong{
  display:block;
  margin-top:5px;
  color:var(--navy);
  font-size:15px;
  font-weight:900;
  line-height:1.24;
}

body.ld-docs-page .betterdocs-searchform{
  position:relative;
  z-index:4;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:center !important;
  gap:12px;
  width:100% !important;
  max-width:none !important;
  min-height:118px;
  margin:0 !important;
  padding:24px !important;
  border:1px solid rgba(105,145,240,.28) !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:0 34px 76px -48px rgba(5,25,100,.68) !important;
}

body.ld-docs-page .betterdocs-searchform::before{
  content:"Search the docs";
  display:block;
  margin:0;
  color:var(--navy);
  font-family:var(--sans);
  font-size:15px;
  font-weight:900;
  line-height:1.2;
}

body.ld-docs-page .betterdocs-searchform-input-wrap{
  display:flex !important;
  align-items:center;
  min-height:58px !important;
  padding:0 16px !important;
  border:1px solid var(--line) !important;
  border-radius:8px !important;
  background:#f8faff !important;
  transition:border-color .16s,background .16s,box-shadow .16s;
}

body.ld-docs-page .betterdocs-searchform:focus-within .betterdocs-searchform-input-wrap{
  border-color:var(--blue) !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(105,145,240,.16);
}

body.ld-docs-page .betterdocs-searchform .docs-search-icon{
  flex:0 0 auto;
  width:26px !important;
  height:26px !important;
  margin-right:12px !important;
  fill:var(--blue) !important;
  opacity:1 !important;
}

body.ld-docs-page .betterdocs-search-field{
  width:100% !important;
  height:56px !important;
  min-height:56px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--navy) !important;
  font-family:var(--sans);
  font-size:17px !important;
  font-weight:500;
  line-height:56px !important;
  box-shadow:none !important;
}

body.ld-docs-page .betterdocs-search-field::placeholder{
  color:#7c88aa;
  opacity:1;
}

body.ld-docs-page .betterdocs-search-field:focus{
  outline:none !important;
  box-shadow:none !important;
}

body.ld-docs-page .docs-search-result{
  z-index:20 !important;
  max-height:360px;
  overflow-y:auto;
  padding:6px;
  background:#fff;
  border:1px solid rgba(105,145,240,.24);
  border-radius:8px;
  box-shadow:0 28px 58px -36px rgba(5,25,100,.6);
  scrollbar-width:thin;
  scrollbar-color:#c3cdea transparent;
}

/* --------------------------------------------------------------------------
   Live-search result items: text-only (BetterDocs injects content-image
   thumbnails + nowrap links by default — janky). Markup per result:
   li > [img] + a > span.title <br> span.category
   -------------------------------------------------------------------------- */
body.ld-docs-page .docs-search-result li img{
  display:none !important;
}

body.ld-docs-page .betterdocs-search-result-wrap::before{
  display:none;
}

body.ld-docs-page .docs-search-result li{
  display:block;
  padding:0;
  border-bottom:1px solid var(--line);
}

body.ld-docs-page .docs-search-result li:only-child{
  padding:0;
  border:0;
}

body.ld-docs-page .docs-search-result li:last-child{
  border-bottom:0;
}

body.ld-docs-page .docs-search-result li:hover{
  background:transparent;
}

body.ld-docs-page .docs-search-result li a{
  display:block;
  padding:11px 14px;
  border-radius:6px;
  white-space:normal;
  text-decoration:none;
  transition:background .14s;
}

body.ld-docs-page .docs-search-result li a:hover{
  background:var(--bg-soft);
}

body.ld-docs-page .docs-search-result li a br{
  display:none;
}

body.ld-docs-page .docs-search-result li .betterdocs-search-title{
  display:block;
  color:var(--navy);
  font-family:var(--sans);
  font-size:15px;
  font-weight:700;
  line-height:1.35;
}

body.ld-docs-page .docs-search-result li .betterdocs-search-category{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-family:var(--mono);
  font-size:11px;
  font-weight:600;
  letter-spacing:.05em;
  line-height:1.3;
  text-transform:uppercase;
}

/* "Nothing found" row: plain text, no link. */
body.ld-docs-page .docs-search-result li:not(:has(a)){
  padding:12px 14px !important;
  color:var(--muted);
  font-family:var(--sans);
  font-size:14.5px;
}

body.ld-docs-page .docs-search-loader,
body.ld-docs-page .docs-search-close{
  flex:0 0 auto;
}

body.ld-docs-page .betterdocs-content-wrapper{
  position:relative;
  z-index:1;
  max-width:var(--maxw);
  margin-left:auto;
  margin-right:auto;
}

body.ld-docs-page .betterdocs-single-category-wrapper.category-grid.default .betterdocs-single-category-inner{
  border:1px solid rgba(228,233,245,.92);
  border-radius:8px;
  box-shadow:0 24px 58px -48px rgba(5,25,100,.55);
  transition:transform .16s,box-shadow .16s,border-color .16s;
}

body.ld-docs-page .betterdocs-single-category-wrapper.category-grid.default .betterdocs-single-category-inner:hover{
  transform:translateY(-3px);
  border-color:rgba(105,145,240,.42);
  box-shadow:0 32px 68px -46px rgba(5,25,100,.62);
}

body.ld-docs-page #main .betterdocs-single-category-wrapper.category-grid.default .betterdocs-category-title{
  color:var(--navy) !important;
  font-family:var(--sans) !important;
  font-size:30px !important;
  font-weight:900 !important;
  line-height:1.14 !important;
  letter-spacing:0 !important;
}

body.single-docs #main .betterdocs-sidebar .betterdocs-single-category-wrapper.category-grid.default{
  margin:4px 0 !important;
}

body.single-docs #main .betterdocs-sidebar .betterdocs-single-category-inner{
  border-radius:8px;
}

body.single-docs #main .betterdocs-sidebar .betterdocs-category-header{
  min-height:0 !important;
  padding:10px 12px !important;
}

body.single-docs #main .betterdocs-sidebar .betterdocs-category-header-inner{
  display:flex !important;
  align-items:center !important;
  gap:10px;
}

body.single-docs #main .betterdocs-sidebar .betterdocs-category-icon{
  flex:0 0 22px !important;
  width:22px !important;
  margin:0 !important;
}

body.single-docs #main .betterdocs-sidebar .betterdocs-category-icon img,
body.single-docs #main .betterdocs-sidebar .betterdocs-category-icon svg,
body.single-docs #main .betterdocs-sidebar .betterdocs-folder-icon{
  width:18px !important;
  height:18px !important;
}

body.single-docs #main .betterdocs-sidebar .betterdocs-category-title{
  color:var(--ld-navy, #051964) !important;
  font-family:var(--ld-sans, 'Chivo', Arial, Helvetica, sans-serif) !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  letter-spacing:0 !important;
  margin:0 !important;
}

body.single-docs #main .betterdocs-sidebar .betterdocs-body{
  padding-top:4px !important;
}

body.single-docs #main .betterdocs-sidebar .betterdocs-articles-list li{
  margin:0 0 3px !important;
}

body.single-docs #main .betterdocs-sidebar .betterdocs-articles-list li a{
  display:block !important;
  padding:2px 0 !important;
  color:#4a5a82 !important;
  font-size:14px !important;
  line-height:1.32 !important;
}

body.single-docs #main .betterdocs-sidebar .betterdocs-articles-list li a:hover,
body.single-docs #main .betterdocs-sidebar .betterdocs-articles-list li a:focus{
  color:var(--ld-navy, #051964) !important;
}

body.single-docs #main .betterdocs-entry-title{
  color:var(--ld-navy, #051964) !important;
  font-family:var(--ld-sans, 'Chivo', Arial, Helvetica, sans-serif) !important;
  font-size:40px !important;
  font-weight:900 !important;
  line-height:1.14 !important;
  letter-spacing:0 !important;
  margin-bottom:.5em !important;
}

/* --------------------------------------------------------------------------
   Single-doc body readability
   - Darker body text (was #4d4d4d, felt washed against the navy headings).
   - Clear heading hierarchy: entry title (40) > h2 (28) > h3 (20) > h4 (17),
     so in-content section headers no longer match the page title size.
   Scoped to single docs; brand navy #051964 / Chivo throughout.
   -------------------------------------------------------------------------- */
body.single-docs #main .betterdocs-content,
body.single-docs #main .betterdocs-entry-content{
  color:#26324f !important;
}

body.single-docs #main .betterdocs-content p,
body.single-docs #main .betterdocs-content li{
  color:#26324f !important;
  font-size:16.5px !important;
}

body.single-docs #main .betterdocs-content p{
  line-height:1.72 !important;
  margin:0 0 1.15em !important;
}

body.single-docs #main .betterdocs-content li{
  line-height:1.65 !important;
  margin-bottom:.5em !important;
}

body.single-docs #main .betterdocs-content h2,
body.single-docs #main .betterdocs-content .betterdocs-content-heading,
body.single-docs #main .betterdocs-entry-content h2{
  color:var(--ld-navy, #051964) !important;
  font-family:var(--ld-sans, 'Chivo', Arial, Helvetica, sans-serif) !important;
  font-size:28px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  letter-spacing:0 !important;
  margin:2.1em 0 .55em !important;
}

body.single-docs #main .betterdocs-content h3,
body.single-docs #main .betterdocs-entry-content h3{
  color:var(--ld-navy, #051964) !important;
  font-family:var(--ld-sans, 'Chivo', Arial, Helvetica, sans-serif) !important;
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
  margin:1.8em 0 .4em !important;
}

body.single-docs #main .betterdocs-content h4,
body.single-docs #main .betterdocs-entry-content h4{
  color:var(--ld-navy, #051964) !important;
  font-family:var(--ld-sans, 'Chivo', Arial, Helvetica, sans-serif) !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
  margin:1.5em 0 .35em !important;
}

/* First heading in the article shouldn't push a big gap above itself. */
body.single-docs #main .betterdocs-content > h2:first-child,
body.single-docs #main .betterdocs-entry-content > h2:first-child{
  margin-top:0 !important;
}

@media(max-width:980px){
  body.ld-docs-page .betterdocs-search-form-wrapper{
    padding-top:44px;
    padding-bottom:44px;
  }

  body.ld-docs-page .betterdocs-live-search{
    grid-template-columns:1fr;
    gap:26px;
  }

  body.ld-docs-page .betterdocs-searchform{
    max-width:680px !important;
  }
}

@media(max-width:720px){
  body.ld-docs-page .betterdocs-search-form-wrapper{
    margin-bottom:22px !important;
    padding:30px 20px 28px !important;
  }

  body.ld-docs-page .betterdocs-search-form-wrapper::before{
    width:230px;
    height:150px;
    top:18px;
    right:-76px;
    opacity:.54;
  }

  body.ld-docs-page #main .ld-docs-intro h1{
    font-size:32px !important;
  }

  body.ld-docs-page .ld-docs-intro p{
    font-size:16px;
    line-height:1.52;
  }

  body.ld-docs-page .ld-docs-routes{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:18px;
  }

  body.ld-docs-page .ld-docs-routes a{
    min-width:0;
    min-height:58px;
    padding:10px 14px 10px 16px;
  }

  body.ld-docs-page .ld-docs-routes span{
    font-size:10.5px;
  }

  body.ld-docs-page .ld-docs-routes strong{
    margin-top:3px;
    font-size:14.5px;
  }

  body.ld-docs-page .betterdocs-searchform{
    min-height:0;
    gap:10px;
    padding:16px !important;
  }

  body.ld-docs-page .betterdocs-searchform-input-wrap{
    min-height:52px !important;
  }

  body.ld-docs-page .betterdocs-search-field{
    height:50px !important;
    min-height:50px !important;
    font-size:16px !important;
    line-height:50px !important;
  }

  body.ld-docs-page #main .betterdocs-single-category-wrapper.category-grid.default .betterdocs-category-title{
    font-size:27px !important;
  }

  body.single-docs #main .betterdocs-entry-title{
    font-size:34px !important;
  }
}

@media(max-width:430px){
  body.ld-docs-page #main .ld-docs-intro h1{
    font-size:29px !important;
  }

  body.ld-docs-page .betterdocs-searchform-input-wrap{
    padding-left:13px !important;
    padding-right:13px !important;
  }

  body.single-docs #main .betterdocs-entry-title{
    font-size:30px !important;
  }
}

/* Keep a partial last row of category tiles at one-third width (left-aligned)
   instead of letting flex-grow stretch them to fill the row. */
body.ld-docs-page .betterdocs-single-category-wrapper.category-grid.default{
  flex-grow:0;
}

/* --------------------------------------------------------------------------
   Single-doc freshness stamp (end of article) + end-of-article CTA
   Markup injected by ld_docs_content_extras() in functions.php.
   -------------------------------------------------------------------------- */
body.single-docs #main .betterdocs-content .ld-doc-updated{
  font-family:var(--ld-mono, 'Chivo Mono', 'Courier New', monospace) !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ld-muted, #56689b) !important;
  margin:2.6em 0 0 !important;
  line-height:1.4 !important;
}

/* Stamp now sits directly above the CTA box; pull them together. */
body.single-docs #main .betterdocs-content .ld-doc-updated + .ld-doc-cta{
  margin-top:1.2em;
}

body.single-docs #main .betterdocs-content .ld-doc-cta{
  margin:3em 0 .5em;
  padding:26px 28px 28px;
  background:var(--ld-bg-soft, #f4f6fb);
  border:1px solid var(--ld-line, #e4e9f5);
  border-radius:var(--ld-radius-card, 16px);
}

body.single-docs #main .betterdocs-content .ld-doc-cta-lead{
  font-family:var(--ld-sans, 'Chivo', Arial, Helvetica, sans-serif) !important;
  color:var(--ld-navy, #051964) !important;
  font-size:21px !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  margin:0 0 .35em !important;
}

body.single-docs #main .betterdocs-content .ld-doc-cta-sub{
  color:#3c4c78 !important;
  font-size:15.5px !important;
  line-height:1.6 !important;
  margin:0 0 1.15em !important;
}

body.single-docs #main .betterdocs-content .ld-doc-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

body.single-docs #main .betterdocs-content a.ld-doc-cta-primary{
  display:inline-block;
  background:var(--ld-coral, #F55064);
  color:var(--ld-white, #fff) !important;
  font-family:var(--ld-sans, 'Chivo', Arial, Helvetica, sans-serif);
  font-size:15.5px;
  font-weight:700;
  line-height:1;
  padding:15px 24px;
  border-radius:var(--ld-radius, 10px);
  text-decoration:none !important;
  transition:background .15s ease;
}

body.single-docs #main .betterdocs-content a.ld-doc-cta-primary:hover{
  background:var(--ld-coral-hover, #ec3d52);
  color:var(--ld-white, #fff) !important;
}

body.single-docs #main .betterdocs-content a.ld-doc-cta-secondary{
  display:inline-block;
  color:var(--ld-navy, #051964) !important;
  font-family:var(--ld-sans, 'Chivo', Arial, Helvetica, sans-serif);
  font-size:15.5px;
  font-weight:700;
  padding:15px 10px;
  text-decoration:none !important;
  border-bottom:2px solid transparent;
}

body.single-docs #main .betterdocs-content a.ld-doc-cta-secondary:hover{
  color:var(--ld-blue-strong, #2a52c9) !important;
  border-bottom-color:var(--ld-blue-strong, #2a52c9);
}

body.single-docs #main .betterdocs-content a.ld-doc-cta-secondary::after{
  content:" \2192";
}

@media(max-width:720px){
  body.single-docs #main .betterdocs-content .ld-doc-cta{
    padding:20px 18px 22px;
  }

  body.single-docs #main .betterdocs-content .ld-doc-cta-lead{
    font-size:19px !important;
  }

  body.single-docs #main .betterdocs-content .ld-doc-cta-actions a{
    width:100%;
    text-align:center;
  }
}
