/* BAOI 5.3.34.2.3 — P1 editorial depth, information order and DNS brand closure. */
body.baoi-tool-p1-v53423{
  --baoi-p1-depth-text:var(--baoi-p1-text,#f8fafc);
  --baoi-p1-depth-muted:var(--baoi-p1-muted,#a8b3c7);
  --baoi-p1-depth-accent:var(--baoi-p1-accent,#31d5c8);
  --baoi-p1-depth-border:var(--baoi-p1-border,rgba(148,163,184,.20));
  --baoi-p1-depth-panel:rgba(17,26,43,.72);
}

/* Rich enough to feel like a complete product page, compact enough not to
 * compete with the engine. Existing calculator/generator rich guides remain. */
body.baoi-tool-p1-v53423 .baoi-p1-depth-v53423{
  width:100%;margin:22px 0 0;padding:20px;border:1px solid var(--baoi-p1-depth-border);
  border-radius:16px;background:linear-gradient(155deg,rgba(17,31,51,.78),rgba(9,20,35,.72));
  color:var(--baoi-p1-depth-muted);
}
body.baoi-tool-p1-v53423 .baoi-p1-depth-kicker-v53423{
  display:inline-flex;margin:0 0 6px;color:var(--baoi-p1-depth-accent);font-size:10px;
  font-weight:850;letter-spacing:.11em;line-height:1.2;text-transform:uppercase;
}
body.baoi-tool-p1-v53423 .baoi-p1-depth-v53423>h2{
  margin:0 0 14px!important;color:var(--baoi-p1-depth-text)!important;
  font-size:clamp(1.35rem,2vw,1.72rem)!important;line-height:1.18!important;
}
body.baoi-tool-p1-v53423 .baoi-p1-depth-grid-v53423{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
}
body.baoi-tool-p1-v53423 .baoi-p1-depth-grid-v53423>section{
  min-width:0;padding:15px;border:1px solid rgba(148,180,211,.12);border-radius:12px;
  background:rgba(7,16,29,.42);
}
body.baoi-tool-p1-v53423 .baoi-p1-depth-v53423 h3{
  margin:0 0 8px!important;color:#eaf3ff!important;font-size:.95rem!important;line-height:1.3!important;
}
body.baoi-tool-p1-v53423 .baoi-p1-depth-v53423 :where(ol,ul){margin:0;padding-left:20px;color:var(--baoi-p1-depth-muted)}
body.baoi-tool-p1-v53423 .baoi-p1-depth-v53423 li{margin:.3rem 0;line-height:1.5}
body.baoi-tool-p1-v53423 .baoi-p1-depth-trust-v53423{
  display:grid;grid-template-columns:auto 1fr;gap:7px 12px;align-items:start;margin:12px 0 0;padding:12px 14px;
  border:1px solid rgba(49,213,200,.16);border-radius:11px;background:rgba(49,213,200,.045);
}
body.baoi-tool-p1-v53423 .baoi-p1-depth-trust-v53423 strong{color:#ddfbf8!important;font-size:.86rem}
body.baoi-tool-p1-v53423 .baoi-p1-depth-trust-v53423 span{color:var(--baoi-p1-depth-muted)!important;font-size:.86rem;line-height:1.5}

/* Virtual P1 renderers bypass the_content. Their editorial tail shares the same
 * bounded product width and comes before the singleton support strip/footer. */
body.baoi-tool-p1-v53423 .baoi-p1-editorial-tail-v53423{
  box-sizing:border-box;width:min(calc(100% - 36px),1160px);margin:20px auto 6px;color:var(--baoi-p1-depth-text);
}
body.baoi-tool-p1-v53423.baoi-tool-p1-workspace-compact .baoi-p1-editorial-tail-v53423{max-width:1040px}
body.baoi-tool-p1-v53423 .baoi-p1-editorial-tail-v53423 .baoi-gold-faq-v533332{margin-top:22px!important}
body.baoi-tool-p1-v53423 .baoi-p1-editorial-tail-v53423 .baoi-tool-related-v533332{margin-top:18px!important}

/* Standard information architecture: related resources are now the final
 * editorial discovery layer, after FAQ and before support. */
body.baoi-tool-p1-v53423 .boai-related{margin-top:24px!important;padding-top:18px!important}

/* BAOI53423_DNS_BRAND — historical DNS route gets the exact same canonical
 * header-brand treatment as native tool surfaces. This fixes inherited tinting
 * without changing the theme or the logo asset. */
body.baoi-tool-p1-dns-brand-v53423 .site-branding,
body.baoi-tool-p1-dns-brand-v53423 .site-branding .site-title,
body.baoi-tool-p1-dns-brand-v53423 .site-branding .site-title a,
body.baoi-tool-p1-dns-brand-v53423 .site-branding .site-title a *,
body.baoi-tool-p1-dns-brand-v53423 .site-header .site-title,
body.baoi-tool-p1-dns-brand-v53423 .site-header .site-title a,
body.baoi-tool-p1-dns-brand-v53423 .site-header .site-title a *,
body.baoi-tool-p1-dns-brand-v53423 #masthead .site-title,
body.baoi-tool-p1-dns-brand-v53423 #masthead .site-title a,
body.baoi-tool-p1-dns-brand-v53423 #masthead .site-title a *,
body.baoi-tool-p1-dns-brand-v53423 header .wp-block-site-title,
body.baoi-tool-p1-dns-brand-v53423 header .wp-block-site-title a,
body.baoi-tool-p1-dns-brand-v53423 header .wp-block-site-title a *{
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;background-image:none!important;
}
body.baoi-tool-p1-dns-brand-v53423 .custom-logo-link img,
body.baoi-tool-p1-dns-brand-v53423 .site-branding img.custom-logo,
body.baoi-tool-p1-dns-brand-v53423 .site-header img.custom-logo,
body.baoi-tool-p1-dns-brand-v53423 #masthead img.custom-logo{
  filter:none!important;opacity:1!important;
}

/* BAOI53423_MOBILE */
@media(max-width:782px){
  body.baoi-tool-p1-v53423 .baoi-p1-depth-v53423{margin-top:16px;padding:15px;border-radius:13px}
  body.baoi-tool-p1-v53423 .baoi-p1-depth-grid-v53423{grid-template-columns:1fr}
  body.baoi-tool-p1-v53423 .baoi-p1-depth-trust-v53423{grid-template-columns:1fr}
  body.baoi-tool-p1-v53423 .baoi-p1-editorial-tail-v53423{width:calc(100% - 20px);margin-top:14px}
}
