:root{--bg:#06101d;--bg-2:#0a1727;--panel:#0d1c2e;--panel-2:#10243a;--text:#f4f8fc;--muted:#9db0c5;--cyan:#43d8ff;--blue:#5c7cff;--green:#54e6a4;--warn:#ffbf69;--danger:#ff7680;--line:rgba(157,176,197,.18);--line-strong:rgba(67,216,255,.38);--code:#04101c;--radius:24px;--max:1180px;--shadow:0 18px 54px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:radial-gradient(circle at 15% 0,#102742 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:var(--cyan);text-decoration:none}a:hover{color:#87e8ff}button,input,select,textarea{font:inherit}.container,.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.preview-banner{background:#4b3410;color:#fff;text-align:center;padding:9px 16px;font-weight:800;font-size:12px;position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(255,191,105,.35)}
.site-head,.head{position:sticky;top:0;z-index:50;background:rgba(6,16,29,.76);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.site-head .container,.head .wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900}.brand:hover{color:#fff;text-decoration:none}.brand b,.brand-mark{color:var(--cyan)}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#0b2943,#123d61);border:1px solid rgba(67,216,255,.28);display:grid;place-items:center;font-size:20px}.nav{display:flex;gap:20px;align-items:center;font-size:14px}.nav a,.lang{color:#c8d8e9}.nav a:hover,.lang:hover{color:#fff;text-decoration:none}
.crumbs{padding:20px 0 0;color:var(--muted);font-size:13px}.crumbs a{color:#b9d5ed}.crumbs span+span:before{content:"/";padding:0 8px;color:#6f8298}.hero{padding:54px 0 28px}.eyebrow{display:inline-flex;padding:5px 9px;border:1px solid rgba(84,230,164,.24);background:rgba(84,230,164,.08);border-radius:999px;color:var(--green);text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:900}.hero h1{font-size:clamp(36px,5.5vw,60px);line-height:1.04;letter-spacing:-.04em;margin:14px 0 14px;color:#fff}.hero p,.hero .summary{font-size:18px;color:var(--muted);max-width:850px;margin:0}
.ux-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 0}.ux-chip,.fav-btn,.fav-open{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(13,28,46,.78);border-radius:999px;padding:8px 11px;color:#c7d7e8;font-size:13px;font-weight:750}.fav-btn,.fav-open{cursor:pointer}.fav-btn[aria-pressed="true"]{border-color:rgba(255,118,128,.45);color:#ffb9bf;background:rgba(255,118,128,.08)}.fav-btn:hover,.fav-open:hover,.ux-chip:hover{border-color:var(--line-strong);background:#10243a;color:#fff;text-decoration:none}
.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;padding-bottom:42px}.article,.panel,.side-card{background:linear-gradient(145deg,rgba(13,28,46,.96),rgba(16,36,58,.96));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.article{padding:clamp(22px,4vw,42px)}.article h2{font-size:27px;line-height:1.2;margin:34px 0 14px;color:#fff}.article h3{font-size:20px;margin:28px 0 10px;color:#fff}.article p:first-child{margin-top:0}.block{margin:22px 0}.muted{color:var(--muted)}
.toc{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#091725;margin:0 0 28px}.toc strong{display:block;margin-bottom:7px;color:#fff}.toc ol{margin:0;padding-left:22px}.toc li{margin:4px 0}.toc a{color:#bfe8ff}
.callout{border:1px solid var(--line);border-left:4px solid var(--cyan);background:#091725;border-radius:12px;padding:17px 18px}.callout.simple{border-left-color:var(--cyan)}.callout.technical{border-left-color:#8f7dff}.callout.warning,.callout.security{border-left-color:var(--warn);background:#211b12}.callout.note{border-left-color:#6ca5d9}.callout.result{border-left-color:var(--green);background:#0b201c}.article .callout h2.label{margin:0 0 8px;font-size:13px;line-height:1.35;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--muted)}
.code,.cmd{background:var(--code);color:#d8e9fb;border:1px solid rgba(157,176,197,.14);border-radius:13px}.code{padding:16px 18px;overflow:auto;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cmd{display:flex;justify-content:space-between;gap:12px;align-items:start;padding:13px 15px;margin:9px 0}.cmd b{color:#8fc5ff}.cmd code{word-break:break-word}.list{padding-left:22px}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;position:relative;padding:0 0 20px 48px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#12324f;color:#8edfff;font-weight:900}
.faq details{border-top:1px solid var(--line);padding:14px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:800;cursor:pointer;color:#fff}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.content-table{width:100%;border-collapse:collapse;min-width:460px}.content-table th,.content-table td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left}.content-table th{background:#10243a;color:#fff}.content-table tr:last-child td{border-bottom:0}
.cta{border:1px solid var(--line);border-radius:14px;padding:17px 18px;display:flex;gap:18px;align-items:center;justify-content:space-between;background:#091725}.cta strong{display:block;color:#fff}.cta p{margin:3px 0 0;color:var(--muted)}.cta a{white-space:nowrap;border:1px solid var(--line-strong);border-radius:10px;padding:9px 12px;font-weight:800}.side{position:sticky;top:92px;display:grid;gap:15px}.side-card{padding:18px}.side-card h2{font-size:15px;margin:0 0 12px;color:#fff}.meta-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.meta-row:last-child{border-bottom:0}.related{display:grid;gap:10px}.related a,.related .pending-card{display:block;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--text);background:#091725}.related a:hover{border-color:var(--line-strong);text-decoration:none;background:#10243a}.related strong{display:block;font-size:14px;color:#fff}.related small{display:block;color:var(--muted);margin-top:3px}.relation-state{font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px}.relation-state.ok{color:var(--green)}.relation-state.pending{color:var(--warn)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:10px 0 64px}.card{display:block;background:linear-gradient(145deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:18px;padding:20px;min-height:130px;transition:.18s transform,.18s border-color}.card:hover{transform:translateY(-3px);border-color:rgba(67,216,255,.55);text-decoration:none}.card small,.card p{color:var(--muted)}.card h2,.card strong{color:#fff}.kind,.card small:first-child{color:var(--cyan);font-weight:800}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid rgba(67,216,255,.35);background:#10263e;color:var(--text);border-radius:11px;padding:10px 14px;cursor:pointer;font-weight:800}.btn.primary{background:linear-gradient(135deg,var(--cyan),#6ae9ff);color:#04131d;border:0}
.support{width:min(var(--max),calc(100% - 36px));margin:0 auto 28px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid rgba(49,213,200,.28);border-radius:16px;background:linear-gradient(135deg,#0f1b2d,#0b1829);color:#f8fafc;box-shadow:var(--shadow)}.support-copy{display:grid;gap:4px}.support-eyebrow{color:#69e7dc;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.support strong{color:#fff;font-size:17px}.support span:last-child{color:#c3d0df;font-size:14px}.support>a{flex:none;display:inline-flex;padding:11px 15px;border-radius:11px;background:linear-gradient(135deg,#31d5c8,#59ddf2);color:#041313;font-weight:850;text-decoration:none}
.site-foot,footer{border-top:1px solid var(--line);background:#050d17;color:var(--muted);padding:28px 0;margin-top:0;font-size:13px}.site-foot .container,footer .wrap{display:flex;justify-content:space-between;gap:20px}.debug{margin-top:20px;border:1px dashed rgba(255,191,105,.45);background:#211b12;border-radius:12px;padding:13px;color:#ffd18e;font-size:12px}
dialog.fav-dialog{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:18px;padding:0;width:min(600px,calc(100% - 28px));box-shadow:0 26px 80px rgba(0,0,0,.45)}dialog.fav-dialog::backdrop{background:rgba(2,8,14,.72)}.fav-dialog-inner{padding:22px}.fav-dialog-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.fav-dialog-head h2{margin:0}.fav-close{border:1px solid var(--line);background:#10243a;color:#fff;border-radius:10px;padding:7px 10px;cursor:pointer}.fav-list{display:grid;gap:9px;margin-top:16px}.fav-item{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#091725}.fav-item small{display:block;color:var(--muted)}
.baoi-tool{background:linear-gradient(145deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:20px;padding:22px}.baoi-tool__eyebrow{color:var(--green);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.baoi-tool__header h1{margin:.35rem 0;color:#fff}.baoi-tool__runtime-note{color:var(--muted)}.baoi-tool input,.baoi-tool textarea,.baoi-tool select,.form input,.form textarea,.form select{background:#071421;color:var(--text);border:1px solid var(--line);border-radius:11px;padding:11px 12px}.baoi-tool button{border:1px solid var(--line-strong);background:#10263e;color:#fff;border-radius:10px;padding:9px 12px;cursor:pointer}
@media(max-width:900px){.page-grid{grid-template-columns:1fr}.side{position:static}.nav{display:none}.grid{grid-template-columns:1fr 1fr}.site-foot .container,footer .wrap{display:block}.hero h1{font-size:40px}.cta,.support{align-items:flex-start;flex-direction:column}.support>a{width:100%;justify-content:center}}
@media(max-width:620px){.container,.wrap{width:min(100% - 24px,var(--max))}.grid{grid-template-columns:1fr}.hero{padding-top:38px}.hero h1{font-size:34px}.article{padding:20px}.site-head .container,.head .wrap{min-height:64px}.ux-strip{align-items:stretch}.ux-chip,.fav-btn,.fav-open{justify-content:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* BAOI 0.5.5.9.2 — mobile navigation */
.mobile-nav{display:none;position:relative;margin-left:auto}.mobile-nav summary{list-style:none;cursor:pointer;border:1px solid var(--line);background:rgba(13,28,46,.92);color:#fff;border-radius:11px;padding:9px 12px;font-size:14px;font-weight:850}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(330px,calc(100vw - 28px));padding:10px;background:#0b1929;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.4);display:grid;gap:4px}.mobile-nav-panel a{display:block;padding:10px 11px;border-radius:10px;color:#c9d8e7}.mobile-nav-panel a:hover{background:rgba(67,216,255,.08);color:#fff;text-decoration:none}.mobile-nav-panel .lang{border-top:1px solid var(--line);margin-top:5px;padding-top:12px;color:var(--cyan)}
@media(max-width:900px){.mobile-nav{display:block}.site-head .container,.head .wrap,.head-inner{gap:12px}.brand span:last-child{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:520px){.brand span:last-child{display:none}.brand-mark,.mark{width:38px;height:38px}.mobile-nav-panel{position:fixed;top:82px;right:12px;left:12px;width:auto;max-height:calc(100vh - 100px);overflow:auto}}
/* BAOI 0.5.5.10 — mobile overflow and tool runtime convergence */
html,body{max-width:100%;overflow-x:hidden}
.container,.wrap,.site-head .container,.head .wrap,.page-grid,.article,.side,.baoi-tool,.baoi-tool__runtime{min-width:0;max-width:100%}
.crumbs{overflow-wrap:anywhere}
.baoi-tool__header h1{overflow-wrap:anywhere}
.baoi-tool__runtime,.baoi-tool__runtime *{box-sizing:border-box}
.baoi-tool__runtime input,.baoi-tool__runtime textarea,.baoi-tool__runtime select{max-width:100%;min-width:0}
.baoi-tool__runtime [data-symptoms],.baoi-tool__runtime [data-impact]{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}
.baoi-tool__runtime [data-symptoms] button,.baoi-tool__runtime [data-impact] button{flex:1 1 220px;max-width:100%;min-width:0;white-space:normal;text-align:left;overflow-wrap:anywhere}
.baoi-tool__runtime [data-questions],.baoi-tool__runtime [data-questions] article{min-width:0;max-width:100%}
.baoi-tool__runtime [data-questions] button{max-width:100%;white-space:normal;margin:4px 4px 4px 0}
@media(max-width:620px){.baoi-tool{padding:16px}.baoi-tool__header h1{font-size:clamp(28px,9vw,38px)}.baoi-tool__runtime [data-symptoms] button,.baoi-tool__runtime [data-impact] button{flex-basis:100%;width:100%}.baoi-tool__runtime input,.baoi-tool__runtime textarea,.baoi-tool__runtime select{width:100%}}
/* BAOI 0.5.5.10.1 — mobile footer closure */
@media(max-width:900px){
  .site-foot .container span,footer .wrap span,.foot .foot-inner span{display:block}
  .site-foot .container span+span,footer .wrap span+span,.foot .foot-inner span+span{margin-top:6px}
}
/* BAOI 0.5.5.11.1 — production header/navigation/search parity */
.baoi-site-header{position:sticky;top:0;z-index:80;background:rgba(6,16,29,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.baoi-header-shell{width:min(1320px,calc(100% - 36px));min-height:76px;margin:auto;display:flex;align-items:center;gap:22px;min-width:0}
.baoi-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:#fff;font-weight:900;line-height:1.05}.baoi-brand:hover{color:#fff}.baoi-brand-mark{width:42px;height:42px;border:1px solid rgba(67,216,255,.3);border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#0b2943,#123d61);color:var(--cyan)}.baoi-brand-mark svg{width:24px;height:24px}.baoi-brand-text{font-size:14px}.baoi-brand-text span{display:block;color:#9feeff}
.baoi-desktop-navigation{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.baoi-primary-menu{list-style:none;margin:0;padding:0}.baoi-primary-menu.is-desktop{display:flex;align-items:center;justify-content:center;gap:1px;min-width:0;flex:1}.baoi-menu-item{position:relative}.baoi-primary-menu.is-desktop>.baoi-menu-item>a{display:flex;align-items:center;min-height:42px;padding:7px 7px;color:#c7d7e8;font-size:12.5px;font-weight:750;white-space:nowrap;border-radius:9px}.baoi-primary-menu.is-desktop>.baoi-menu-item.has-children>a:after{content:'▾';font-size:9px;margin-left:4px;color:#7e9bb6}.baoi-primary-menu.is-desktop>.baoi-menu-item>a:hover,.baoi-primary-menu.is-desktop>.baoi-menu-item:focus-within>a{background:rgba(67,216,255,.08);color:#fff}
.baoi-sub-menu{display:none;position:absolute;top:100%;left:0;z-index:120;list-style:none;margin:0;padding:8px;min-width:250px;max-width:360px;max-height:min(70vh,620px);overflow:auto;border:1px solid var(--line);border-radius:14px;background:#0b1929;box-shadow:0 22px 60px rgba(0,0,0,.45)}.baoi-menu-item:hover>.baoi-sub-menu,.baoi-menu-item:focus-within>.baoi-sub-menu{display:block}.baoi-primary-menu.is-desktop>.baoi-menu-item:nth-last-child(-n+3)>.baoi-sub-menu{left:auto;right:0}.baoi-sub-menu li a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:9px;color:#c9d8e7;font-size:13px;line-height:1.3}.baoi-sub-menu li a:hover{background:rgba(67,216,255,.09);color:#fff}.baoi-menu-badge{display:inline-flex;padding:2px 5px;border-radius:999px;background:rgba(84,230,164,.13);color:var(--green);font-size:9px;font-weight:900;letter-spacing:.05em}
.baoi-header-search{display:flex;align-items:center;flex:0 0 190px;height:38px;border:1px solid rgba(157,176,197,.28);border-radius:999px;background:#fff;overflow:hidden}.baoi-header-search input[type=search]{min-width:0;width:100%;height:36px;padding:0 4px 0 13px;border:0!important;outline:0!important;background:transparent!important;color:#102033!important;font-size:12px}.baoi-header-search button{flex:0 0 34px;width:34px;height:34px;border:0;background:transparent;color:#087f9b;display:grid;place-items:center;cursor:pointer}.baoi-header-search button:hover{background:#eef9fb}.baoi-header-search svg{width:17px;height:17px;fill:currentColor}
.baoi-lang-switch{flex:0 0 auto;display:flex;align-items:center;padding:5px;border-radius:7px}.baoi-lang-flag svg{display:block;width:30px;height:20px;border-radius:2px}.baoi-lang-flag.fr{display:grid;grid-template-columns:repeat(3,10px);width:30px;height:20px;overflow:hidden;border-radius:2px}.baoi-lang-flag.fr i:nth-child(1){background:#002395}.baoi-lang-flag.fr i:nth-child(2){background:#fff}.baoi-lang-flag.fr i:nth-child(3){background:#ed2939}
.baoi-mobile-navigation{display:none;margin-left:auto;position:relative}.baoi-mobile-navigation>summary{list-style:none;cursor:pointer;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:#0d1c2e;color:#fff;font-weight:850}.baoi-mobile-navigation>summary::-webkit-details-marker{display:none}.baoi-mobile-navigation-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(430px,calc(100vw - 24px));max-height:calc(100vh - 110px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:16px;background:#081625;box-shadow:0 24px 70px rgba(0,0,0,.5)}.baoi-primary-menu.is-mobile{display:grid;gap:2px}.baoi-primary-menu.is-mobile>.baoi-menu-item{border-bottom:1px solid rgba(157,176,197,.1)}.baoi-primary-menu.is-mobile>.baoi-menu-item>a{display:block;padding:11px 10px;color:#e4eef8;font-weight:800}.baoi-mobile-sub{margin:-42px 4px 5px 0;text-align:right}.baoi-mobile-sub>summary{display:inline-grid;place-items:center;width:34px;height:34px;cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:9px;color:var(--cyan);background:#10243a}.baoi-mobile-sub>summary::-webkit-details-marker{display:none}.baoi-mobile-sub>.baoi-sub-menu{position:static;display:grid!important;max-width:none;max-height:none;margin-top:8px;text-align:left;box-shadow:none;background:#0b1929}.baoi-mobile-navigation-panel .baoi-header-search{width:100%;height:42px;margin:12px 0;flex:none}.baoi-mobile-navigation-panel .baoi-header-search input[type=search]{height:40px}.baoi-mobile-lang{display:block;padding:11px 10px;color:var(--cyan);font-weight:850;border-top:1px solid var(--line)}
.screen-reader-text{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}
.baoi-search-page{padding-bottom:60px}.baoi-search-results{margin:0 0 38px}.baoi-search-results>h2{display:flex;align-items:center;gap:10px;font-size:25px}.baoi-search-results>h2 span{font-size:12px;color:var(--cyan);border:1px solid var(--line);border-radius:999px;padding:3px 8px}
@media(max-width:1100px){.baoi-desktop-navigation{display:none}.baoi-mobile-navigation{display:block}.baoi-header-shell{min-height:68px}.baoi-brand-text{font-size:13px}}
@media(max-width:520px){.baoi-header-shell{width:calc(100% - 24px)}.baoi-brand-text{display:block;max-width:180px}.baoi-brand-mark{width:38px;height:38px}.baoi-mobile-navigation-panel{position:fixed;top:78px;left:12px;right:12px;width:auto}}

/* BAOI 0.5.5.11.1 — homepage editorial parity */
.baoi-home{background:radial-gradient(circle at 80% -8%,rgba(67,216,255,.09),transparent 27%),var(--bg)}.baoi-home-hero{padding:82px 0 62px;border-bottom:1px solid var(--line)}.baoi-home-hero-copy{max-width:930px}.baoi-home-hero h1{font-size:clamp(46px,7vw,82px);line-height:.97;letter-spacing:-.055em;margin:18px 0 22px;color:#fff}.baoi-home-hero p{font-size:20px;max-width:820px;color:#b9cbe0}.baoi-popular{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:20px;color:var(--muted);font-size:13px}.baoi-popular a{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#cfe7fb}.baoi-home-feature,.baoi-home-section,.baoi-home-final{padding:62px 0;border-bottom:1px solid rgba(157,176,197,.12)}.baoi-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.baoi-feature-grid>div,.baoi-journey,.baoi-center,.baoi-quick,.baoi-field-grid>a,.baoi-link-grid>a{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(13,28,46,.97),rgba(8,22,37,.97));padding:24px;box-shadow:0 12px 34px rgba(0,0,0,.13)}.baoi-home-kicker{display:block;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.11em;margin-bottom:8px}.baoi-home h2{font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.035em;margin:9px 0 14px;color:#fff}.baoi-home p{color:#b4c6d8}.baoi-section-lead{font-size:18px;max-width:860px}.baoi-journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.baoi-journey{display:grid;gap:8px;color:var(--text)}.baoi-journey:hover,.baoi-center:hover,.baoi-quick:hover,.baoi-field-grid>a:hover,.baoi-link-grid>a:hover{border-color:var(--line-strong);transform:translateY(-2px)}.baoi-num{color:#6f8499;font-weight:900;font-size:12px}.baoi-journey-icon{font-size:25px;color:var(--cyan)}.baoi-journey strong,.baoi-center strong,.baoi-quick strong,.baoi-field-grid strong,.baoi-link-grid strong{color:#fff;font-size:18px}.baoi-journey p,.baoi-center p,.baoi-quick p,.baoi-field-grid p{margin:0;font-size:14px}.baoi-journey em,.baoi-center em{font-style:normal;color:var(--cyan);font-size:13px;font-weight:800}.baoi-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.baoi-section-heading p{margin:0}.baoi-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.baoi-center{display:grid;gap:7px;color:var(--text)}.baoi-center>span{display:inline-grid;place-items:center;width:44px;height:36px;border-radius:10px;background:#102e49;color:var(--cyan);font-size:11px;font-weight:900}.baoi-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0 16px}.baoi-quick{display:grid;gap:8px;color:var(--text)}.baoi-quick>span{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--green)}.baoi-text-link{font-weight:850}.baoi-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.baoi-link-grid>a{display:grid;gap:5px}.baoi-link-grid span{color:var(--cyan);font-size:13px}.baoi-field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.baoi-field-grid>a{display:grid;gap:7px;color:var(--text)}.baoi-field-grid>a>span{color:#718ba4;font-size:12px;font-weight:900}.baoi-home-final>.container{display:flex;align-items:center;justify-content:space-between;gap:40px}.baoi-home-final>.container>div:first-child{max-width:780px}.baoi-preview-state{margin:26px auto;padding:13px 16px;border:1px dashed rgba(255,191,105,.45);border-radius:12px;background:#211b12;color:#ffd18e;display:flex;justify-content:space-between;gap:18px;font-size:12px}
@media(max-width:900px){.baoi-feature-grid,.baoi-journey-grid,.baoi-center-grid,.baoi-quick-grid,.baoi-field-grid{grid-template-columns:1fr 1fr}.baoi-home-final>.container{align-items:flex-start;flex-direction:column}.baoi-link-grid{grid-template-columns:1fr}.baoi-home-hero{padding-top:55px}}
@media(max-width:620px){.baoi-home-hero{padding:42px 0}.baoi-home-hero h1{font-size:clamp(38px,12vw,52px)}.baoi-home-hero p{font-size:17px}.baoi-home-feature,.baoi-home-section,.baoi-home-final{padding:42px 0}.baoi-feature-grid,.baoi-journey-grid,.baoi-center-grid,.baoi-quick-grid,.baoi-field-grid{grid-template-columns:1fr}.baoi-section-heading{display:block}.baoi-preview-state{flex-direction:column}}

/* BAOI 0.5.5.11.1 — Explorer golden-reference parity */
.baoi-explorer-hero{padding:58px 0 36px}.baoi-explorer-hero h1{font-size:clamp(42px,6vw,68px);line-height:1;letter-spacing:-.045em;margin:12px 0 14px;color:#fff}.baoi-explorer-hero>p{max-width:840px;color:#b9cbe0;font-size:18px}.baoi-explorer-search{display:flex;align-items:center;gap:12px;margin-top:24px;max-width:720px}.baoi-explorer-search input{flex:1;min-width:0;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#071421;color:#fff}.baoi-explorer-search span{white-space:nowrap;color:var(--muted);font-size:12px}.baoi-explorer-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.baoi-explorer-jumps a{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#0b1b2d;color:#c9d9e8;font-size:13px;font-weight:800}.baoi-explorer-group{padding:36px 0;border-top:1px solid rgba(157,176,197,.12)}.baoi-explorer-group-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.baoi-explorer-group-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#102e49;color:var(--cyan);font-weight:900}.baoi-explorer-group-head h2{margin:0;color:#fff;font-size:28px}.baoi-explorer-group-head p{margin:3px 0 0;color:var(--muted)}.baoi-explorer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.baoi-explorer-card{display:grid;gap:7px;min-height:155px;padding:20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--panel),var(--panel-2));color:var(--text)}.baoi-explorer-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.baoi-explorer-card strong{color:#fff}.baoi-explorer-card p{margin:0;color:var(--muted);font-size:14px}.baoi-explorer-card>span{align-self:end;color:var(--cyan);font-size:12px;font-weight:800}.baoi-explorer-all{padding-bottom:20px}[hidden]{display:none!important}@media(max-width:900px){.baoi-explorer-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.baoi-explorer-grid{grid-template-columns:1fr}.baoi-explorer-search{display:grid}.baoi-explorer-search span{white-space:normal}.baoi-explorer-hero{padding-top:40px}}

/* BAOI 0.5.5.11.1 — Diagnostic Analyzer golden-reference parity */
.baoi-da-parity{display:grid;gap:26px}.baoi-da-parity-hero,.baoi-da-start,.baoi-da-import{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#102136,#0b192a);padding:clamp(22px,4vw,40px)}.baoi-da-parity-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.baoi-da-lockup{display:flex;align-items:center;gap:10px}.baoi-da-lockup>span:last-child{display:grid}.baoi-da-lockup small{color:var(--muted)}.baoi-da-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#102e49;color:var(--cyan)}.baoi-da-mark svg{width:25px;height:25px}.baoi-da-live{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:12px;font-weight:850}.baoi-da-live i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(84,230,164,.1)}.baoi-da-copy{margin-top:32px}.baoi-da-copy h1{font-size:clamp(42px,6.4vw,72px);line-height:.98;letter-spacing:-.05em;margin:10px 0 16px;color:#fff}.baoi-da-copy h1 span{display:block;color:#9fe9f5}.baoi-da-copy p{max-width:900px;color:#c0d0df;font-size:18px}.baoi-da-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.baoi-da-trust span,.baoi-da-chips span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#091725;color:#cfe0ef;font-size:12px;font-weight:750}.baoi-da-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.baoi-da-entry-grid article{display:grid;align-content:start;gap:10px;border:1px solid var(--line);border-radius:17px;background:#0a1727;padding:20px}.baoi-da-entry-grid h2,.baoi-da-import h2{margin:4px 0;color:#fff;font-size:23px}.baoi-da-entry-grid p,.baoi-da-import p{margin:0;color:var(--muted)}.baoi-da-chips{display:flex;flex-wrap:wrap;gap:6px}.baoi-da-import{border-color:rgba(67,216,255,.3)}#baoi-da-runtime{scroll-margin-top:95px}#baoi-da-runtime .baoi-tool{margin-top:0}@media(max-width:900px){.baoi-da-entry-grid{grid-template-columns:1fr}.baoi-da-parity-top{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.baoi-da-copy h1{font-size:clamp(38px,12vw,50px)}.baoi-da-parity-hero,.baoi-da-start,.baoi-da-import{padding:20px}}

/* BAOI 0.5.5.12 — Homepage fidelity & interactive recovery */
.baoi-home-trust{border-bottom:1px solid var(--line);background:rgba(5,13,23,.72)}.baoi-home-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.baoi-home-trust-grid>div{padding:22px 18px;border-right:1px solid var(--line);display:grid;gap:2px}.baoi-home-trust-grid>div:last-child{border-right:0}.baoi-home-trust strong{font-size:28px;color:#fff;letter-spacing:-.03em}.baoi-home-trust span{font-size:12px;color:var(--muted)}
.baoi-product-feature{padding:56px 0;border-bottom:1px solid rgba(157,176,197,.12)}.baoi-product-feature-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:30px;align-items:center}.baoi-product-copy{min-width:0}.baoi-product-labels{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.baoi-product-labels span{border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;letter-spacing:.06em;color:#bfd0df;background:#0a1727}.baoi-product-labels span:first-child{color:#06151b;background:var(--green);border-color:transparent}.baoi-product-visual{display:grid;place-items:center;min-height:260px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#0c1b2d,#071421);box-shadow:var(--shadow);color:#fff}.baoi-product-visual img{display:block;width:100%;height:auto}.baoi-seo-visual{padding:34px;text-align:center;gap:8px}.baoi-seo-visual img{width:150px;height:150px;object-fit:contain}.baoi-seo-visual strong{font-size:22px}.baoi-seo-visual span{color:var(--muted);font-size:13px}
.baoi-cyber-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:28px;align-items:start}.baoi-cyber-score{display:flex;align-items:center;gap:16px;margin-top:24px}.baoi-score-ring{width:92px;height:92px;border:7px solid #31516f;border-radius:50%;display:grid;place-items:center;grid-template-columns:auto auto;align-content:center;background:#071421;transition:.2s}.baoi-score-ring strong{font-size:28px;color:#fff}.baoi-score-ring span{font-size:11px;color:var(--muted)}.baoi-score-ring[data-level="good"]{border-color:var(--green)}.baoi-score-ring[data-level="medium"]{border-color:var(--warn)}.baoi-score-ring[data-level="low"]{border-color:var(--danger)}.baoi-cyber-score>div:last-child strong{display:block;color:#fff;font-size:17px}.baoi-cyber-score p{margin:4px 0 0;font-size:13px}.baoi-cyber-questions{display:grid;gap:10px}.baoi-cyber-q{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:14px;background:#0a1727}.baoi-cyber-q>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#102e49;color:var(--cyan);font-size:11px;font-weight:900}.baoi-cyber-q p{margin:0;font-size:14px}.baoi-cyber-q>div{display:flex;gap:7px}.baoi-cyber-q button{border:1px solid var(--line);background:#10243a;color:#d8e6f4;border-radius:9px;padding:7px 9px;cursor:pointer;font-size:12px;font-weight:800}.baoi-cyber-q button:hover,.baoi-cyber-q button.is-selected{border-color:var(--cyan);background:#123652;color:#fff}.baoi-cyber-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:4px}.baoi-cyber-footer small{color:var(--muted)}.baoi-cyber-footer>div{display:flex;gap:8px;flex-wrap:wrap}
.baoi-knowledge-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:30px;align-items:center}.baoi-terminal{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#030b13;box-shadow:var(--shadow)}.baoi-terminal-head{display:flex;align-items:center;gap:7px;padding:10px 13px;background:#0f1b2a;border-bottom:1px solid var(--line)}.baoi-terminal-head>span{width:9px;height:9px;border-radius:50%;background:#41566b}.baoi-terminal-head code{margin-left:8px;color:#9db0c5;font-size:12px}.baoi-terminal pre{margin:0;padding:22px;white-space:pre-wrap;color:#bfd3e6;font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.baoi-terminal pre>span{color:var(--cyan)}.baoi-terminal b,.baoi-terminal strong{color:var(--green)}
.baoi-home-support{margin:30px auto;padding:20px 22px;border:1px solid rgba(84,230,164,.28);border-radius:18px;background:linear-gradient(135deg,#0f1b2d,#0a1727);display:flex;align-items:center;justify-content:space-between;gap:22px}.baoi-home-support>div{display:grid;gap:3px}.baoi-home-support>div>span{color:var(--green);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.baoi-home-support strong{font-size:19px;color:#fff}.baoi-home-support p{margin:0;font-size:14px}.baoi-home-support>a{flex:none;padding:11px 15px;border-radius:11px;background:linear-gradient(135deg,var(--green),var(--cyan));color:#04131d;font-weight:900}
@media(max-width:900px){.baoi-home-trust-grid{grid-template-columns:1fr 1fr}.baoi-home-trust-grid>div:nth-child(2){border-right:0}.baoi-home-trust-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.baoi-product-feature-grid,.baoi-cyber-grid,.baoi-knowledge-grid{grid-template-columns:1fr}.baoi-product-visual{min-height:0}.baoi-home-support{align-items:flex-start;flex-direction:column}.baoi-home-support>a{width:100%;text-align:center}}
@media(max-width:620px){.baoi-home-trust strong{font-size:22px}.baoi-home-trust-grid>div{padding:17px 12px}.baoi-product-feature{padding:42px 0}.baoi-product-labels{gap:5px}.baoi-product-labels span{font-size:9px}.baoi-cyber-q{grid-template-columns:34px 1fr}.baoi-cyber-q>div{grid-column:1/-1}.baoi-cyber-q button{flex:1}.baoi-cyber-footer{align-items:flex-start;flex-direction:column}.baoi-cyber-footer>div{width:100%}.baoi-cyber-footer .btn{flex:1}.baoi-knowledge-grid{gap:22px}.baoi-terminal pre{padding:16px;font-size:11px;overflow:auto}.baoi-home-support{width:calc(100% - 24px)}}

/* BAOI 0.5.5.24 — WordPress visual parity wave 1 */
.baoi-home h2{font-size:clamp(28px,2.35vw,34px);line-height:1.12;letter-spacing:-.025em;margin:7px 0 10px}
.baoi-home-feature,.baoi-home-section,.baoi-home-final{padding:44px 0}
.baoi-product-feature{padding:46px 0}
.baoi-home-hero{padding:92px 0 64px}
.baoi-home-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:72px;align-items:center}
.baoi-home-hero-copy{max-width:none}
.baoi-home-hero h1{font-size:clamp(42px,3.2vw,56px);line-height:1.08;letter-spacing:-.04em;margin:25px 0 24px;max-width:800px}
.baoi-home-hero p{font-size:16px;line-height:1.55;max-width:780px}
.baoi-home-hero-terminal{min-width:0}
.baoi-home-hero-terminal .baoi-terminal{width:100%}
.baoi-home-hero-terminal .baoi-terminal pre{padding:18px;font-size:12px;line-height:1.55}
.baoi-home-hero-terminal .baoi-section-lead{margin:11px 0 0;font-size:12px}
@media(max-width:900px){
 .baoi-home-hero-grid{grid-template-columns:1fr;gap:28px}
 .baoi-home-hero{padding:55px 0 46px}
 .baoi-home-hero h1{font-size:clamp(38px,8vw,50px)}
 .baoi-home-feature,.baoi-home-section,.baoi-home-final,.baoi-product-feature{padding:42px 0}
}
@media(max-width:620px){
 .baoi-home-hero{padding:42px 0 36px}
 .baoi-home h2{font-size:30px}
 .baoi-home-hero h1{font-size:clamp(38px,12vw,48px)}
}


/* BAOI alpha.45.3 — Compact dropdowns and preserve every menu link. */
@media(min-width:1040px){
.baoi-primary-menu.is-desktop>.baoi-menu-item.has-children:has(>.baoi-sub-menu>li:nth-child(12))>.baoi-sub-menu{
width:min(630px,calc(100vw - 30px));min-width:0;max-width:none;max-height:min(410px,calc(100vh - 140px));padding:11px;overflow:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 7px;align-content:start
}
.baoi-primary-menu.is-desktop>.baoi-menu-item.has-children:has(>.baoi-sub-menu>li:nth-child(12)):is(:hover,:focus-within)>.baoi-sub-menu{display:grid}
.baoi-primary-menu.is-desktop>.baoi-menu-item.has-children:has(>.baoi-sub-menu>li:nth-child(12))>.baoi-sub-menu li a{padding:9px 8px;font-size:12px;line-height:1.35;min-height:35px}
}
body .baoi-home-wp-parity .hero-search .baoi-smart-search-panel{max-height:min(170px,24vh)!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin}
body .baoi-home-wp-parity .hero-search .baoi-search-result{padding:9px 12px}
body .baoi-home-wp-parity .hero-search .baoi-search-result p{display:none}
@media(max-width:700px){body .baoi-home-wp-parity .hero-search .baoi-smart-search-panel{max-height:min(170px,25vh)!important}}
