/* BAOI 5.3.33.3.3 — Sticky Header Offset, Tool Family Normalization & Dense PDF/Application Layout */
:root{
  --baoi-v533333-admin-offset:0px;
  --baoi-v533333-header-height:76px;
  --baoi-v533333-scroll-offset:90px;
  --baoi-v533333-bg:#07111e;
  --baoi-v533333-surface:#0d192a;
  --baoi-v533333-surface-2:#111f33;
  --baoi-v533333-line:rgba(148,180,211,.18);
  --baoi-v533333-line-strong:rgba(148,190,220,.28);
  --baoi-v533333-text:#f4f8ff;
  --baoi-v533333-muted:#a8b8cb;
  --baoi-v533333-accent:#55dff4;
  --baoi-v533333-blue:#3b98ef;
}
body.admin-bar.baoi-tool-v533333{--baoi-v533333-admin-offset:32px}

/* Sticky header stays in normal document flow. This is the key difference from
 * the old fixed/translated owner that could cover the breadcrumb/H1. */
body.baoi-tool-v533333 #masthead,
body.baoi-tool-v533333 header#masthead,
body.baoi-tool-v533333 .site-header,
body.baoi-tool-v533333 header.site-header{
  position:sticky!important;
  top:var(--baoi-v533333-admin-offset)!important;
  inset-inline:auto!important;
  transform:none!important;
  z-index:9990!important;
}
body.baoi-tool-v533333 .baoi-v533333-sticky-owner{
  position:sticky!important;
  top:var(--baoi-v533333-admin-offset)!important;
  transform:none!important;
  z-index:9990!important;
}
html:has(body.baoi-tool-v533333){scroll-padding-top:var(--baoi-v533333-scroll-offset)!important}
body.baoi-tool-v533333 :where([id],h1,h2,h3,h4,details,section){scroll-margin-top:var(--baoi-v533333-scroll-offset)}
body.baoi-tool-v533333 .baoi-tool-breadcrumb-v533332,
body.baoi-tool-v533333 .baoi-native-tool-breadcrumb-v533333{
  margin-top:10px!important;
  margin-bottom:10px!important;
}

/* Tight public-tool rhythm: keep the approved content width while removing the
 * dead vertical corridors visible in PDF and short calculator screenshots. */
body.baoi-tool-v533333 :where(.site-content,#content,.content-area,#primary,.site-main,article,.entry-content){
  scroll-margin-top:var(--baoi-v533333-scroll-offset);
}
body.baoi-tool-v533333 .entry-content{margin-top:0!important;padding-top:0!important}
body.baoi-tool-v533333 .boai-tool-app{padding-top:8px!important;padding-bottom:22px!important}
body.baoi-tool-v533333 .boai-related{margin-top:18px!important;padding-top:14px!important}
body.baoi-tool-v533333 .baoi-gold-support-v533331{margin-top:16px!important;margin-bottom:10px!important}
body.baoi-tool-v533333 .site-footer{margin-top:0!important}

/* ---------------- PDF family: one native BAOI dark/cyan product surface ---------------- */
body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb,.boai-pdfc){
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:22px!important;
  border:1px solid var(--baoi-v533333-line)!important;
  border-radius:18px!important;
  background:linear-gradient(155deg,rgba(17,31,51,.88),rgba(8,18,31,.92))!important;
  box-shadow:none!important;
  color:var(--baoi-v533333-text)!important;
}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb-hero,.boai-pdfc-hero){
  padding:0 0 14px!important;
  margin:0!important;
}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb-hero h2,.boai-pdfc-hero h2){
  margin:5px 0 7px!important;
  color:var(--baoi-v533333-text)!important;
  font-size:clamp(1.75rem,3.2vw,2.35rem)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb-hero p,.boai-pdfc-lead){
  margin:0!important;
  color:var(--baoi-v533333-muted)!important;
  font-size:.98rem!important;
  line-height:1.55!important;
  max-width:82ch!important;
}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb-badges,.boai-pdfc-badges){margin-top:10px!important}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb-badges span,.boai-pdfc-badge){
  background:rgba(85,223,244,.065)!important;
  color:#c8f7fc!important;
  border:1px solid rgba(85,223,244,.16)!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb-card,.boai-pdfc-card){
  margin:8px 0 0!important;
  padding:16px!important;
  border:1px solid var(--baoi-v533333-line)!important;
  border-radius:14px!important;
  background:rgba(8,18,31,.64)!important;
  color:var(--baoi-v533333-text)!important;
  box-shadow:none!important;
}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb-drop,.boai-pdfc-drop){
  padding:20px 14px!important;
  min-height:104px!important;
  border:1px dashed rgba(85,223,244,.34)!important;
  border-radius:12px!important;
  background:rgba(85,223,244,.035)!important;
  color:#eaf8ff!important;
}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb-drop:hover,.boai-pdfc-drop:hover,.boai-pdfc-drop.is-drag){
  border-color:rgba(85,223,244,.68)!important;
  background:rgba(85,223,244,.075)!important;
}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb-drop span,.boai-pdfc-file-name){color:#91a5bb!important}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 .boai-pdftb-field{margin-top:13px!important;color:#dce9f6!important}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb-field input,.boai-pdftb-field select){
  min-height:42px!important;
  border:1px solid #31465f!important;
  background:#091422!important;
  color:#f3f8ff!important;
}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 .boai-pdftb-field small{color:#8ea2b8!important}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb-run,.boai-pdfc-convert){
  min-height:44px!important;
  margin-top:14px!important;
  border:1px solid rgba(85,223,244,.2)!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#34d5d0,#4e9cf1)!important;
  color:#06121d!important;
  font-weight:850!important;
  box-shadow:none!important;
}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 .boai-pdfc-formats{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
  margin:14px 0!important;
}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 .boai-pdfc-format{
  min-height:58px!important;
  padding:10px 7px!important;
  border:1px solid #31465f!important;
  border-radius:10px!important;
  background:#0c1828!important;
  color:#dce9f6!important;
}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 .boai-pdfc-format.is-active{
  border-color:rgba(85,223,244,.44)!important;
  background:rgba(85,223,244,.11)!important;
  color:#dffcff!important;
}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb-help,.boai-pdfc-guide){
  margin-top:14px!important;
  padding:13px 14px!important;
  border:1px solid rgba(148,180,211,.12)!important;
  border-radius:11px!important;
  background:rgba(5,14,25,.38)!important;
  color:var(--baoi-v533333-muted)!important;
}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 .boai-pdftb-help h3{margin:0 0 5px!important;font-size:.96rem!important;color:#eaf4ff!important}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 .boai-pdftb-help p{margin:0!important;line-height:1.52!important;color:var(--baoi-v533333-muted)!important}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 .boai-pdfc-grid{gap:9px!important}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 .boai-pdfc-info{padding:12px!important;background:#0c1828!important;border-color:var(--baoi-v533333-line)!important}
body.baoi-tool-v533333.baoi-tool-pdf-v533333 .boai-pdfc-note{color:#9fb2c7!important}

/* ---------------- Legacy V390 applications: same product grammar as XML ---------------- */
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-v390-tool{
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:22px!important;
  border:1px solid var(--baoi-v533333-line)!important;
  border-radius:18px!important;
  background:linear-gradient(155deg,rgba(17,31,51,.88),rgba(8,18,31,.92))!important;
  color:var(--baoi-v533333-text)!important;
}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-tool-header{max-width:900px!important;margin:0 0 16px!important}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-tool-header h2{
  margin:5px 0 7px!important;color:#fff!important;font-size:clamp(1.8rem,3.3vw,2.45rem)!important;line-height:1.08!important;letter-spacing:-.025em!important
}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-tool-header p{margin:0!important;color:var(--baoi-v533333-muted)!important;line-height:1.55!important}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-tool-layout{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;align-items:stretch!important
}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 :where(.boai-tool-form,.boai-result-panel){
  position:static!important;top:auto!important;margin:0!important;padding:16px!important;border:1px solid var(--baoi-v533333-line)!important;border-radius:14px!important;background:#0c1828!important;color:#eaf4ff!important;box-shadow:none!important
}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-tool-form{display:block!important}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 :where(.boai-tool-form label,.boai-result-heading){color:#e7f1fc!important;font-weight:760!important}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 :where(input[type=text],input[type=number],select,textarea){
  width:100%!important;min-height:42px!important;margin:5px 0 10px!important;padding:9px 11px!important;border:1px solid #31465f!important;border-radius:9px!important;background:#081321!important;color:#f4f8ff!important;box-shadow:none!important
}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:8px!important}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-button{
  min-height:40px!important;padding:8px 13px!important;border:1px solid rgba(85,223,244,.18)!important;border-radius:9px!important;background:linear-gradient(135deg,#34d5d0,#4e9cf1)!important;color:#06121d!important;font-weight:850!important;box-shadow:none!important
}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-button-secondary{background:#14243a!important;color:#e5f1fd!important;border-color:#334b67!important}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-result-panel{min-height:190px!important}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-result-heading{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-status-dot{display:inline-flex!important;padding:4px 8px!important;border:1px solid rgba(67,201,133,.28)!important;border-radius:999px!important;background:rgba(67,201,133,.08)!important;color:#68e1a0!important}
body.baoi-tool-v533333.baoi-tool-kind-semver .boai-v390-big{
  margin:18px 0 8px!important;padding:14px!important;border:1px solid rgba(85,223,244,.14)!important;border-radius:11px!important;background:#07111e!important;color:#9eeffc!important;font-size:clamp(1.65rem,3.6vw,2.5rem)!important
}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-tool-guide{
  margin-top:14px!important;padding:14px 15px!important;border:1px solid rgba(148,180,211,.12)!important;border-radius:12px!important;background:rgba(7,16,29,.44)!important;color:var(--baoi-v533333-muted)!important
}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-tool-guide h2{margin:0 0 6px!important;color:#edf6ff!important;font-size:1.05rem!important}
body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-tool-guide p{margin:0!important;line-height:1.55!important;color:var(--baoi-v533333-muted)!important}

/* ---------------- Short calculators: compact but not empty ---------------- */
body.baoi-tool-v533333.baoi-tool-calculator-v533333 .baoi-native-tool-page{padding-top:4px!important;padding-bottom:24px!important}
body.baoi-tool-v533333.baoi-tool-calculator-v533333 .baoi-native-tool-hero{padding-top:6px!important;padding-bottom:11px!important;margin-bottom:8px!important}
body.baoi-tool-v533333.baoi-tool-calculator-v533333 .baoi-native-tool-stage{margin-bottom:0!important}
body.baoi-tool-v533333.baoi-tool-calculator-v533333 .baoi-tool-depth-v533332{margin-top:14px!important;padding:16px!important}
body.baoi-tool-v533333.baoi-tool-calculator-v533333 .baoi-gold-faq-v533332{margin-top:16px!important}
body.baoi-tool-v533333.baoi-tool-calculator-v533333 .baoi-tool-related-v533332{margin-top:14px!important;padding-top:12px!important}

@media (max-width: 900px){
  body.baoi-tool-v533333.baoi-tool-pdf-v533333 .boai-pdfc-formats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width: 782px){
  :root{--baoi-v533333-header-height:64px}
  body.admin-bar.baoi-tool-v533333{--baoi-v533333-admin-offset:46px}
  body.baoi-tool-v533333 .baoi-tool-breadcrumb-v533332,
  body.baoi-tool-v533333 .baoi-native-tool-breadcrumb-v533333{margin-top:6px!important;margin-bottom:7px!important}
  body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb,.boai-pdfc),
  body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-v390-tool{padding:15px!important;border-radius:14px!important}
  body.baoi-tool-v533333.baoi-tool-legacy-app-v533333 .boai-tool-layout{grid-template-columns:1fr!important}
  body.baoi-tool-v533333.baoi-tool-pdf-v533333 .boai-pdfc-formats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb-card,.boai-pdfc-card){padding:13px!important}
  body.baoi-tool-v533333.baoi-tool-pdf-v533333 :where(.boai-pdftb-drop,.boai-pdfc-drop){min-height:88px!important;padding:16px 10px!important}
}
@media (max-width: 420px){
  body.baoi-tool-v533333.baoi-tool-pdf-v533333 .boai-pdfc-formats{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion:reduce){
  body.baoi-tool-v533333 *,body.baoi-tool-v533333 *::before,body.baoi-tool-v533333 *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}