/* English layout adjustments only; Chinese layouts retain their existing rules. */
html[lang="en"] #baole-navigation .nav-row{gap:24px}
html[lang="en"] #baole-navigation .nav-links{gap:18px}
html[lang="en"] #baole-navigation .nav-links>a,
html[lang="en"] #baole-navigation .nav-links>button{font-size:14px}
html[lang="en"] #baole-navigation .nav-tools{gap:15px}
html[lang="en"] #baole-navigation .category{height:auto;min-height:44px;white-space:normal;text-align:left;line-height:1.45}
html[lang="en"] #baole-navigation .product-name,
html[lang="en"] #baole-navigation .product-desc,
html[lang="en"] #baole-navigation .simple-link{overflow-wrap:normal;word-break:normal}
html[lang="en"] .bly-home-v1 .hero-copy{max-width:650px}
html[lang="en"] .bly-home-v1 .hero-copy h1,
html[lang="en"] .bly-home-v1 .hero-copy h2{font-size:38px;line-height:1.2;letter-spacing:-.6px;max-width:650px}
html[lang="en"] .bly-home-v1 .hero-description{max-width:620px;line-height:1.65}
html[lang="en"] .bly-home-v1 .hero-actions{flex-wrap:wrap;row-gap:14px}
html[lang="en"] #baole-clientarea.bt-shell .bt-nav-label{overflow-wrap:normal;word-break:normal;line-height:1.4}
html[lang="en"] #baole-clientarea.bt-shell .bc-header .bc-dropdown{min-width:218px}
html[lang="en"] #baole-clientarea .bc-header .bc-dropdown a{white-space:normal;line-height:1.45}
html[lang="en"] #baole-clientarea th{white-space:normal;word-break:normal}
html[lang="en"] #baole-clientarea .ov1-stats .ov1-label{line-height:1.45}
html[lang="en"] .boe-doc-guides{box-sizing:border-box;margin:0 0 28px;padding:24px;background:#f4f8ff;border:1px solid #dce8fa;border-radius:8px}
html[lang="en"] .boe-doc-guides h2{margin:0 0 8px;font-size:22px;line-height:1.35}
html[lang="en"] .boe-doc-guides p{margin:0 0 16px;color:#5d6d83;font-size:14px;line-height:1.6}
html[lang="en"] .boe-doc-guides ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:0;padding:0;list-style:none}
html[lang="en"] .boe-doc-guides a{color:#006eff;font-size:14px;line-height:1.5;text-decoration:none}
html[lang="en"] .boe-doc-guides a:hover{text-decoration:underline}
html[lang="en"] .boe-doc-language-note{margin:0 0 20px;padding:12px 16px;background:#f4f8ff;border-left:3px solid #006eff;color:#43546c;font-size:14px;line-height:1.6}
html[lang="en"] #bly-docs .doc-prose{overflow-wrap:normal;word-break:normal}
@media (min-width:961px) and (max-width:1250px){
 html[lang="en"] #baole-navigation .wrap{width:calc(100% - 40px)}
 html[lang="en"] #baole-navigation .nav-row{gap:18px}
 html[lang="en"] #baole-navigation .nav-links{gap:12px}
 html[lang="en"] #baole-navigation .nav-tools{gap:10px}
 html[lang="en"] #baole-navigation .nav-tools .register{padding:12px}
}
@media(max-width:960px){
 html[lang="en"] .bly-home-v1 .hero-copy h1,
 html[lang="en"] .bly-home-v1 .hero-copy h2{font-size:32px;max-width:100%}
 html[lang="en"] #baole-navigation .nav-tools{gap:8px}
 html[lang="en"] #baole-navigation .mobile-main-menu button,
 html[lang="en"] #baole-navigation .mobile-main-menu a{white-space:normal;line-height:1.4}
}
@media(max-width:600px){
 html[lang="en"] .bly-home-v1 .hero-copy h1,
 html[lang="en"] .bly-home-v1 .hero-copy h2{font-size:28px}
 html[lang="en"] .bly-home-v1 .hero-description{font-size:14px;line-height:1.55}
 html[lang="en"] .boe-doc-guides{padding:18px}
 html[lang="en"] .boe-doc-guides ul{grid-template-columns:minmax(0,1fr)}
 html[lang="en"] #baole-clientarea .bc-pagebar h1{line-height:1.35}
}

/* Real English copy wraps within the home shortcuts instead of crossing cards. */
html[lang="en"] .bly-home-v1 .entry-strip,
html[lang="en"] .bly-home-v1 .entry-strip-inner{height:auto;min-height:148px}
html[lang="en"] .bly-home-v1 .entry-strip-inner{align-items:stretch}
html[lang="en"] .bly-home-v1 .entry-item,
html[lang="en"] .bly-home-v1 .entry-feature{min-width:0;min-height:148px;height:auto;box-sizing:border-box}
html[lang="en"] .bly-home-v1 .entry-title{min-width:0;white-space:normal;line-height:1.5;padding-right:18px}
html[lang="en"] .bly-home-v1 .entry-title>span{white-space:normal;word-break:normal;overflow-wrap:normal;line-height:1.5}
html[lang="en"] .bly-home-v1 .entry-title>span+span{font-size:13px;margin-top:5px}
html[lang="en"] .bly-home-v1 .entry-feature-line{flex-wrap:wrap;gap:8px}
html[lang="en"] .bly-home-v1 .entry-feature-description{white-space:normal;font-size:13px;line-height:1.5;min-width:0}
@media(max-width:960px){html[lang="en"] .bly-home-v1 .entry-strip-inner{min-height:0}html[lang="en"] .bly-home-v1 .entry-item,html[lang="en"] .bly-home-v1 .entry-feature{min-height:120px}}

/* Keep desktop navigation within its row; use two clear rows at tablet widths. */
@media(min-width:961px) and (max-width:1450px){
 html[lang="en"] #baole-navigation .nav-row{gap:20px}
 html[lang="en"] #baole-navigation .nav-links{gap:12px}
 html[lang="en"] #baole-navigation .nav-tools{gap:10px}
 html[lang="en"] #baole-navigation .nav-tools .register{padding:12px 14px}
}
@media(min-width:961px) and (max-width:1280px){
 html[lang="en"] #baole-navigation .nav-row{flex-wrap:wrap;height:auto;min-height:72px;row-gap:0;padding-top:8px}
 html[lang="en"] #baole-navigation .nav-links{order:3;flex-basis:100%;height:44px;justify-content:space-between;gap:12px}
 html[lang="en"] #baole-navigation .nav-tools{margin-left:auto}
}
html[lang="en"] .bly-home-v1 .hero-media,
html[lang="en"] .bly-home-v1 .entry-feature,
html[lang="en"] .bl-uf-media{overflow:hidden}
html[lang="en"] .bly-home-v1 .hero-description br{display:initial!important}

/* Clip only home-page decorative media at its own page boundary. */
html[lang="en"] .bly-home-v1 #baole-home{overflow-x:clip}

/* The home template forces nowrap; English captions must wrap inside each card. */
html[lang="en"] .bly-home-v1 .entry-title>span{white-space:normal!important;overflow-wrap:break-word}