/*
Borkish Business Tools v3.5
Full-Site Design System Cleanup

This is the final production visual layer. It intentionally loads after
tools.css and the SEO internal-linking styles. The calculator registry,
formula engine, validation and What-If logic are not modified here.
*/

:root{
  --bk5-shell:1220px;
  --bk5-tool-wide:1120px;
  --bk5-reading:900px;
  --bk5-ink:#111827;
  --bk5-muted:#4b5563;
  --bk5-soft:#f7f8fa;
  --bk5-line:#cfd6df;
  --bk5-line-soft:#e5e7eb;
  --bk5-gold:#9a5f0b;
  --bk5-deep:#111318;
  --bk5-radius:16px;
  --bk5-shadow:0 1px 2px rgba(15,23,42,.03),0 8px 24px rgba(15,23,42,.045);
}

/* --------------------------------------------------------------------------
   GLOBAL RHYTHM + SHELL
   -------------------------------------------------------------------------- */
.bkbt-shell{
  width:min(var(--bk5-shell),calc(100% - 56px))!important;
}
body.bkbt-production-home,
body.bkbt-tool-page,
body.bkbt-directory-page,
body.bkbt-trust-page{
  background:var(--bk5-soft)!important;
  color:var(--bk5-ink)!important;
}

/* Remove template wrapper residue consistently. */
body.bkbt-production-home article.page,
body.bkbt-production-home article.ast-article-single,
body.bkbt-production-home .ast-article-single,
body.bkbt-production-home .entry-content,
body.bkbt-production-home .entry-content>.bkbt-home,
body.bkbt-production-home .bkbt-home{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* --------------------------------------------------------------------------
   HEADER — SAME GEOMETRY ON EVERY PAGE
   -------------------------------------------------------------------------- */
.bkbt-site-header{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  background:rgba(255,255,255,.985)!important;
  border-bottom:1px solid var(--bk5-line-soft)!important;
  box-shadow:0 3px 14px rgba(15,23,42,.035)!important;
}
.bkbt-site-header>.bkbt-site-header__inner,
.bkbt-site-header .bkbt-shell.bkbt-site-header__inner{
  width:min(var(--bk5-shell),calc(100% - 56px))!important;
  max-width:var(--bk5-shell)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
.bkbt-site-header__inner{
  min-height:80px!important;
}
.bkbt-nav-menu>summary,
.bkbt-nav-direct{
  padding:9px 10px!important;
}
.bkbt-header-contact{
  padding:9px 14px!important;
  border-radius:10px!important;
}
.bkbt-nav-menu.is-current>summary,
.bkbt-nav-direct.is-current{
  color:var(--bk5-gold)!important;
  background:#fff8eb!important;
}
.bkbt-header-contact.is-current{
  box-shadow:0 0 0 3px rgba(183,121,31,.18),0 5px 16px rgba(17,24,39,.12)!important;
}

/* --------------------------------------------------------------------------
   HOMEPAGE — KEEP APPROVED STRUCTURE, IMPROVE DENSITY
   -------------------------------------------------------------------------- */
.bkbt-v3-hero{
  padding:74px 0 66px!important;
}
.bkbt-v3-hero__grid{
  gap:68px!important;
}
.bkbt-v3-section{
  padding:72px 0!important;
}
.bkbt-v3-categories .bkbt-v3-section{
  padding:72px 0!important;
}
.bkbt-v3-confidence{
  padding:76px 0!important;
}
.bkbt-v3-method{
  padding-top:60px!important;
  padding-bottom:62px!important;
}
.bkbt-v3-goal-grid,
.bkbt-category-grid{
  gap:14px!important;
}
.bkbt-v3-goal-card{
  min-height:300px!important;
  padding:22px!important;
  border-radius:var(--bk5-radius)!important;
}
.bkbt-category-card{
  min-height:228px!important;
  padding:22px!important;
  border-radius:var(--bk5-radius)!important;
}
.bkbt-v3-tool-grid .bkbt-tool-card{
  min-height:178px!important;
}

/* --------------------------------------------------------------------------
   DIRECTORY + CATEGORY PAGES
   -------------------------------------------------------------------------- */
.bkbt-archive-main{
  padding-top:32px!important;
  padding-bottom:76px!important;
}
.bkbt-archive-main>.bkbt-breadcrumb{
  margin-bottom:18px!important;
}
.bkbt-v3-directory-hero,
.bkbt-v3-category-hero{
  padding:30px 0 34px!important;
  margin-bottom:28px!important;
  gap:48px!important;
}
.bkbt-v3-directory-hero h1,
.bkbt-v3-category-hero h1{
  font-size:clamp(46px,5.2vw,66px)!important;
  margin-bottom:14px!important;
}
.bkbt-v3-directory-hero>div>p,
.bkbt-v3-category-hero>div>p{
  max-width:720px!important;
}
.bkbt-v3-directory-hero aside,
.bkbt-v3-category-hero aside{
  border-radius:var(--bk5-radius)!important;
  padding:22px!important;
}
.bkbt-directory-search,
.bkbt-v3-category-toolbar{
  padding:16px!important;
  margin-bottom:26px!important;
  border-radius:var(--bk5-radius)!important;
}

/* Desktop filters must wrap cleanly — no ugly horizontal scrollbar. */
.bkbt-directory-filters{
  display:flex!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
  gap:8px!important;
  padding:0!important;
  margin:0 0 38px!important;
  scrollbar-width:none!important;
}
.bkbt-directory-filters::-webkit-scrollbar{display:none!important}
.bkbt-directory-filters button{
  padding:8px 12px!important;
  font-size:10.5px!important;
}
.bkbt-directory-section{
  margin-bottom:48px!important;
}
.bkbt-directory-section+.bkbt-directory-section{
  padding-top:42px!important;
}
.bkbt-section-head{
  margin-bottom:18px!important;
}
.bkbt-section-head h2{
  font-size:29px!important;
}
.bkbt-v3-category-grid{
  gap:14px!important;
}
.bkbt-v3-category-note{
  margin-top:42px!important;
  padding:24px!important;
  max-width:900px!important;
  border-radius:var(--bk5-radius)!important;
}

/* SEO category guide: same design system as the directory. */
.bkscil-category-guide{
  margin:46px 0 24px!important;
  padding:28px!important;
  border-radius:var(--bk5-radius)!important;
  box-shadow:var(--bk5-shadow)!important;
}
.bkscil-category-guide h2{
  font-size:29px!important;
  margin:7px 0 14px!important;
}
.bkscil-category-guide p{
  max-width:900px!important;
  font-size:15.5px!important;
}

/* --------------------------------------------------------------------------
   SINGLE CALCULATOR PAGE — ONE CLEAR ALIGNMENT SYSTEM
   -------------------------------------------------------------------------- */
.bkbt-single-main{
  padding-top:30px!important;
  padding-bottom:76px!important;
}
.bkbt-single-main>.bkbt-breadcrumb{
  width:min(var(--bk5-tool-wide),100%)!important;
  margin:0 auto 24px!important;
}
.bkbt-article-header{
  width:min(var(--bk5-tool-wide),100%)!important;
  max-width:var(--bk5-tool-wide)!important;
  margin:0 auto 24px!important;
}
.bkbt-v3-tool-heading{
  grid-template-columns:minmax(0,1fr) 230px!important;
  gap:42px!important;
  align-items:end!important;
}
.bkbt-article-header h1{
  font-size:clamp(46px,5.1vw,66px)!important;
  line-height:1!important;
  margin:9px 0 12px!important;
}
.bkbt-article-header p{
  max-width:720px!important;
  font-size:17px!important;
  line-height:1.65!important;
}
.bkbt-v3-tool-trust{
  padding:15px 0 15px 18px!important;
  gap:6px!important;
}

/* The calculator is the primary action and aligns with the tool header. */
.bkbt-calculator,
.bkbt-whatif{
  width:min(var(--bk5-tool-wide),100%)!important;
}
.bkbt-calculator{
  margin:20px auto 42px!important;
  padding:23px 24px!important;
  border-radius:18px!important;
  box-shadow:var(--bk5-shadow)!important;
}
.bkbt-calculator__head{
  margin-bottom:15px!important;
}
.bkbt-calculator__head h2{
  font-size:25px!important;
}
.bkbt-calculator__body{
  grid-template-columns:minmax(0,2fr) minmax(240px,.72fr)!important;
  gap:16px!important;
}
.bkbt-grid{
  gap:12px 13px!important;
}
.bkbt-field input{
  min-height:42px!important;
}
.bkbt-result{
  min-height:142px!important;
  padding:20px!important;
}
.bkbt-result--empty .bkbt-result-value,
.bkbt-result--error .bkbt-result-value{
  max-width:180px!important;
  font-size:19px!important;
}
.bkbt-result-help{
  font-size:11px!important;
}
.bkbt-calculator-note{
  margin-top:12px!important;
  padding-top:11px!important;
  font-size:10px!important;
}

/* Long-form reading column begins AFTER the calculator. */
.bkbt-article-content>p,
.bkbt-article-content>h2,
.bkbt-article-content>h3,
.bkbt-article-content>ol,
.bkbt-article-content>ul,
.bkbt-article-content>.bkbt-formula{
  width:min(var(--bk5-reading),100%)!important;
  max-width:var(--bk5-reading)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.bkbt-article-content{
  font-size:16.5px!important;
  line-height:1.78!important;
}
.bkbt-article-content h2{
  font-size:29px!important;
  line-height:1.2!important;
  margin-top:44px!important;
  margin-bottom:11px!important;
}
.bkbt-article-content h3{
  font-size:19px!important;
  margin-top:26px!important;
  margin-bottom:7px!important;
}
.bkbt-article-content p{
  margin-top:0!important;
  margin-bottom:18px!important;
}
.bkbt-article-content li{
  margin-bottom:7px!important;
}
.bkbt-formula{
  padding:17px 19px!important;
  border-radius:0 10px 10px 0!important;
  font-size:16px!important;
}

/* Decision Path and same-category recommendations use the reading column too. */
.bkscil-next,
.bkbt-related{
  width:min(var(--bk5-reading),100%)!important;
  max-width:var(--bk5-reading)!important;
}
.bkscil-next{
  margin:48px auto 0!important;
  padding:24px!important;
  border-radius:var(--bk5-radius)!important;
  box-shadow:var(--bk5-shadow)!important;
}
.bkscil-next h2{
  font-size:28px!important;
  margin:7px 0 8px!important;
}
.bkscil-next__intro{
  font-size:14.5px!important;
}
.bkscil-next__grid{
  gap:10px!important;
  margin-top:18px!important;
}
.bkscil-next__grid article{
  padding:15px!important;
  border-radius:12px!important;
}
.bkscil-next__grid p{
  font-size:11.5px!important;
}
.bkscil-next__note{
  font-size:11.5px!important;
  margin-top:16px!important;
  padding-top:13px!important;
}

.bkbt-related{
  margin:40px auto 0!important;
  padding-top:28px!important;
}
.bkbt-related .bkbt-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.bkbt-related .bkbt-tool-card{
  min-height:160px!important;
  padding:18px!important;
}
.bkbt-related .bkbt-tool-card strong{
  font-size:16px!important;
  margin-top:0!important;
}
.bkbt-related .bkbt-tool-card>span{
  font-size:12.5px!important;
}
.bkbt-related .bkbt-tool-card em{
  padding-top:13px!important;
  font-size:11.5px!important;
}

/* --------------------------------------------------------------------------
   TRUST / LEGAL / CONTACT PAGES
   -------------------------------------------------------------------------- */
.bkbt-trust-main{
  padding-top:30px!important;
  padding-bottom:76px!important;
}
.bkbt-trust-main>.bkbt-breadcrumb{
  margin-bottom:18px!important;
}
.bkbt-v3-trust-hero{
  max-width:880px!important;
  padding:24px 0 28px!important;
}
.bkbt-v3-trust-hero h1{
  font-size:clamp(46px,5vw,64px)!important;
}
.bkbt-v3-trust-layout{
  grid-template-columns:220px minmax(0,800px)!important;
  gap:46px!important;
  margin-top:32px!important;
}
.bkbt-v3-trust-layout--contact{
  grid-template-columns:minmax(0,900px)!important;
}
.bkbt-v3-trust-rail{
  padding:18px!important;
  border-radius:var(--bk5-radius)!important;
}
.bkbt-trust-content{
  font-size:16px!important;
  line-height:1.78!important;
}
.bkbt-trust-content>h2{
  font-size:26px!important;
  margin-top:36px!important;
}
.bkbt-trust-grid{
  gap:12px!important;
}
.bkbt-trust-grid section{
  padding:20px!important;
  border-radius:14px!important;
}
.bkbt-contact-form{
  padding:23px!important;
  border-radius:var(--bk5-radius)!important;
  box-shadow:var(--bk5-shadow)!important;
}

/* --------------------------------------------------------------------------
   CARD SYSTEM — ONE RADIUS, ONE EDGE, RESTRAINED HOVER
   -------------------------------------------------------------------------- */
.bkbt-category-card,
.bkbt-tool-card,
.bkbt-v3-goal-card,
.bkbt-v3-stats article,
.bkbt-trust-grid section,
.bkbt-v3-trust-rail,
.bkbt-calculator,
.bkbt-v3-directory-hero aside,
.bkbt-v3-category-hero aside,
.bkbt-directory-search,
.bkbt-v3-category-toolbar,
.bkscil-next,
.bkscil-category-guide{
  border-color:var(--bk5-line)!important;
}
.bkbt-category-card,
.bkbt-tool-card,
.bkbt-v3-goal-card{
  box-shadow:0 1px 2px rgba(15,23,42,.025),0 5px 16px rgba(15,23,42,.03)!important;
}
.bkbt-category-card:hover,
.bkbt-tool-card:hover,
.bkbt-v3-goal-card:hover{
  transform:translateY(-2px)!important;
  border-color:#c39a4a!important;
  box-shadow:0 2px 4px rgba(15,23,42,.04),0 12px 28px rgba(15,23,42,.075)!important;
}

/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */
@media(max-width:1100px){
  .bkbt-v3-tool-heading{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .bkbt-v3-tool-trust{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    border-left:0!important;
    border-top:1px solid var(--bk5-line-soft)!important;
    padding:15px 0 0!important;
  }
}

@media(max-width:860px){
  .bkbt-site-header>.bkbt-site-header__inner,
  .bkbt-site-header .bkbt-shell.bkbt-site-header__inner{
    width:min(var(--bk5-shell),calc(100% - 34px))!important;
  }
  .bkbt-v3-hero{
    padding:56px 0 50px!important;
  }
  .bkbt-v3-section,
  .bkbt-v3-categories .bkbt-v3-section{
    padding:58px 0!important;
  }
  .bkbt-v3-directory-hero,
  .bkbt-v3-category-hero{
    gap:24px!important;
  }
  .bkbt-calculator__body{
    grid-template-columns:1fr!important;
  }
  .bkbt-result{
    min-height:126px!important;
  }
  .bkbt-v3-trust-layout{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .bkbt-v3-trust-rail{
    position:static!important;
  }
}

@media(max-width:780px){
  .bkbt-shell{
    width:min(100% - 30px,var(--bk5-shell))!important;
  }
  .bkbt-site-header>.bkbt-site-header__inner,
  .bkbt-site-header .bkbt-shell.bkbt-site-header__inner{
    width:min(100% - 30px,var(--bk5-shell))!important;
  }
  .bkbt-article-header h1,
  .bkbt-v3-directory-hero h1,
  .bkbt-v3-category-hero h1,
  .bkbt-v3-trust-hero h1{
    font-size:42px!important;
  }
  .bkbt-article-header p{
    font-size:16px!important;
  }

  /* Horizontal category chips are acceptable on phones, but hide the scrollbar. */
  .bkbt-directory-filters{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
    margin-bottom:30px!important;
    -webkit-overflow-scrolling:touch;
  }

  .bkbt-calculator{
    padding:18px!important;
    margin-top:16px!important;
    margin-bottom:34px!important;
  }
  .bkbt-calculator__head{
    gap:12px!important;
  }
  .bkbt-calculator__head h2{
    font-size:23px!important;
  }
  .bkbt-grid{
    grid-template-columns:1fr!important;
  }
  .bkbt-v3-tool-trust{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .bkbt-article-content{
    font-size:16px!important;
    line-height:1.75!important;
  }
  .bkbt-article-content h2{
    font-size:26px!important;
    margin-top:38px!important;
  }
  .bkscil-next{
    padding:20px!important;
    margin-top:40px!important;
  }
  .bkscil-next__grid,
  .bkbt-related .bkbt-card-grid{
    grid-template-columns:1fr!important;
  }
  .bkbt-related .bkbt-tool-card{
    min-height:auto!important;
  }
  .bkbt-footer-grid{
    gap:28px!important;
  }
}
