/* BAOI 5.3.30.3 — Native Tool Page Layout & Mobile Visual Quality Fix */
:root{--baoi-v53303-bg:#07101d;--baoi-v53303-panel:#0d192a;--baoi-v53303-panel2:#101d31;--baoi-v53303-line:#2b4059;--baoi-v53303-text:#edf4ff;--baoi-v53303-muted:#a9b8cc;--baoi-v53303-cyan:#67e8f9;--baoi-v53303-blue:#5da2ff}
body.baoi-v53303-native-tool-page .site-header .custom-logo,
body.baoi-v53303-native-tool-page .site-header .site-logo img,
body.baoi-v53303-native-tool-page .site-branding .custom-logo{filter:none!important;opacity:1!important}
body.baoi-v53303-native-tool-page .custom-logo-link img{object-fit:contain!important}
.baoi-native-tool-page{padding:22px 18px 64px;color:var(--baoi-v53303-text)}
.baoi-native-tool-shell{width:min(1120px,100%);margin:0 auto}
.baoi-native-tool-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;font-size:13px;color:var(--baoi-v53303-muted)}
.baoi-native-tool-breadcrumb a{color:#9deaff!important;text-decoration:none!important;font-weight:750}
.baoi-native-tool-breadcrumb a:hover{text-decoration:underline!important}
.baoi-native-tool-hero{padding:24px 0 20px;border-bottom:1px solid rgba(148,180,211,.14);margin:0 0 22px}
.baoi-native-tool-eyebrow{display:flex;align-items:center;gap:10px;color:var(--baoi-v53303-cyan);font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-bottom:12px}
.baoi-native-tool-eyebrow img{display:block;width:28px;height:28px;border-radius:9px;background:#5da2ff;box-shadow:none!important}
.baoi-native-tool-hero h1{max-width:920px;margin:0 0 10px!important;color:#fff!important;font-size:clamp(2rem,5vw,3.45rem)!important;line-height:1.06!important;letter-spacing:-.035em}
.baoi-native-tool-hero>p{max-width:850px;margin:0!important;color:var(--baoi-v53303-muted)!important;font-size:1.04rem!important;line-height:1.62}
.baoi-native-tool-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}
.baoi-native-tool-chip,.baoi-native-tool-lang{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border-radius:999px;text-decoration:none!important;font-size:12px;font-weight:850}
.baoi-native-tool-chip{border:1px solid rgba(103,232,249,.2);background:rgba(103,232,249,.06);color:#9deaff!important}
.baoi-native-tool-lang{border:1px solid var(--baoi-v53303-line);background:var(--baoi-v53303-panel2);color:#dce9f8!important}
.baoi-native-tool-stage{position:relative;margin:0;border:1px solid var(--baoi-v53303-line);border-radius:22px;background:var(--baoi-v53303-panel);overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.16)}
.baoi-native-tool-frame{display:block;width:100%;height:560px;min-height:320px;border:0;background:transparent;transition:height .16s ease}
.baoi-native-tool-after{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 2px 0;padding:13px 15px;border:1px solid rgba(148,180,211,.12);border-radius:13px;background:rgba(13,25,42,.52);font-size:13px;color:var(--baoi-v53303-muted)}
.baoi-native-tool-after p{margin:0!important;line-height:1.5}
.baoi-native-tool-after a{flex:0 0 auto;color:#9deaff!important;text-decoration:none!important;font-weight:850}
.baoi-v53303-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* The embedded historical hub becomes engine-only. This is scoped to the iframe request. */
html:has(body.baoi-v53303-native-tool-embed){margin-top:0!important;background:transparent!important}
body.baoi-v53303-native-tool-embed{margin:0!important;padding:0!important;background:transparent!important;min-height:0!important}
body.baoi-v53303-native-tool-embed #wpadminbar,
body.baoi-v53303-native-tool-embed header,
body.baoi-v53303-native-tool-embed footer,
body.baoi-v53303-native-tool-embed .site-header,
body.baoi-v53303-native-tool-embed .site-footer,
body.baoi-v53303-native-tool-embed .boai-breadcrumbs,
body.baoi-v53303-native-tool-embed .boai-topic-context,
body.baoi-v53303-native-tool-embed .boai-fav-inline,
body.baoi-v53303-native-tool-embed .boai-fav-launcher,
body.baoi-v53303-native-tool-embed .boai-issue-launcher,
body.baoi-v53303-native-tool-embed .boai-smart-search-launcher,
body.baoi-v53303-native-tool-embed .boai-related-resources,
body.baoi-v53303-native-tool-embed .boai-related,
body.baoi-v53303-native-tool-embed .boai-toc,
body.baoi-v53303-native-tool-embed .boai-reading-time,
body.baoi-v53303-native-tool-embed .boai-calc-note{display:none!important}
body.baoi-v53303-native-tool-embed .site-content,
body.baoi-v53303-native-tool-embed #content,
body.baoi-v53303-native-tool-embed main,
body.baoi-v53303-native-tool-embed article,
body.baoi-v53303-native-tool-embed .entry-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}
body.baoi-v53303-native-tool-embed .boai-calc-app,
body.baoi-v53303-native-tool-embed .boai-builder-app,
body.baoi-v53303-native-tool-embed .boai-tool-app{width:100%!important;max-width:none!important;margin:0!important;padding:16px!important;background:transparent!important}
body.baoi-v53303-native-tool-embed .boai-calc-grid{display:block!important}
body.baoi-v53303-native-tool-embed .boai-calc-card,
body.baoi-v53303-native-tool-embed .boai-builder-panel,
body.baoi-v53303-native-tool-embed .boai-tool-panel,
body.baoi-v53303-native-tool-embed .boai-output-panel{margin:0!important;border:0!important;border-radius:18px!important;background:#0d192a!important;box-shadow:none!important}
body.baoi-v53303-native-tool-embed .boai-calc-card{padding:24px!important}
body.baoi-v53303-native-tool-embed .boai-calc-icon{background:rgba(103,232,249,.08)!important;border-color:rgba(103,232,249,.25)!important;color:#67e8f9!important;box-shadow:none!important}
body.baoi-v53303-native-tool-embed .boai-action,
body.baoi-v53303-native-tool-embed button[type="submit"]{background:linear-gradient(135deg,#0891b2,#2563eb)!important;box-shadow:none!important}

@media (max-width:720px){
 .baoi-native-tool-page{padding:10px 10px 46px}
 .baoi-native-tool-breadcrumb{margin-bottom:8px;font-size:12px;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;padding-bottom:3px}
 .baoi-native-tool-hero{padding:13px 2px 15px;margin-bottom:12px}
 .baoi-native-tool-eyebrow{margin-bottom:8px;font-size:10px;gap:8px}
 .baoi-native-tool-eyebrow img{width:24px;height:24px;border-radius:8px}
 .baoi-native-tool-hero h1{font-size:clamp(1.75rem,8vw,2.35rem)!important;margin-bottom:7px!important}
 .baoi-native-tool-hero>p{font-size:.95rem!important;line-height:1.5}
 .baoi-native-tool-meta{margin-top:11px;gap:7px}
 .baoi-native-tool-chip,.baoi-native-tool-lang{min-height:30px;padding:5px 9px;font-size:11px}
 .baoi-native-tool-stage{border-radius:16px}
 .baoi-native-tool-frame{height:520px}
 .baoi-native-tool-after{display:block;margin-top:10px;padding:11px 12px;font-size:12px}
 .baoi-native-tool-after a{display:inline-block;margin-top:7px}
 body.baoi-v53303-native-tool-embed .boai-calc-app,
 body.baoi-v53303-native-tool-embed .boai-builder-app,
 body.baoi-v53303-native-tool-embed .boai-tool-app{padding:8px!important}
 body.baoi-v53303-native-tool-embed .boai-calc-card{padding:18px 16px!important;border-radius:14px!important}
 body.baoi-v53303-native-tool-embed .boai-calc-card h2{font-size:1.15rem!important}
 body.baoi-v53303-native-tool-embed .boai-calc-card>p{font-size:.94rem!important;margin-bottom:14px!important;min-height:0!important}
}