/* BAOI 0.5.5.48-alpha.12 — Tool pages, compact related resources */
body[data-baoi-resource-family="tool"] .baoi-production-post-related{
 width:min(100%,1040px);margin:20px auto 25px;
 padding:clamp(14px,2vw,23px);border:1px solid #274459;border-radius:16px;
 background:linear-gradient(145deg,#102237,#0a192b);box-sizing:border-box
}
body[data-baoi-resource-family="tool"] .baoi-production-post-related :is(.boai-v37-related,.boai-related-smart){
 background:transparent!important;border:0!important;padding:0!important;margin:0!important;max-width:none
}
body[data-baoi-resource-family="tool"] .baoi-production-post-related :is(h2,h3){font-size:18px!important;margin:0 0 14px!important;color:#f2f9ff;line-height:1.4}
body[data-baoi-resource-family="tool"] .baoi-production-post-related .boai-related-heading>span{font-size:11px;letter-spacing:.09em;color:#82e6db;font-weight:800;text-transform:uppercase}
body[data-baoi-resource-family="tool"] .baoi-production-post-related .boai-related-heading>p{margin:0 0 14px;font-size:13px;color:#c2deef}
body[data-baoi-resource-family="tool"] .baoi-production-post-related :is(ul,.boai-related-grid){
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;margin:0!important;padding:0!important;list-style:none!important
}
body[data-baoi-resource-family="tool"] .baoi-production-post-related ul>li{
 min-width:0;margin:0!important;padding:0!important;list-style:none!important
}
body[data-baoi-resource-family="tool"] .baoi-production-post-related ul>li>a{
 display:flex;align-items:center;min-height:66px;height:100%;box-sizing:border-box;
 padding:14px 16px;background:#081929;color:#e5f7ff;text-decoration:none;
 border:1px solid #31526b;border-radius:12px;line-height:1.45;font-size:14px;
 font-weight:700;overflow-wrap:anywhere
}
body[data-baoi-resource-family="tool"] .baoi-production-post-related .boai-related-card{
 min-width:0!important;margin:0!important;padding:14px!important;
 border:1px solid #31526b!important;border-radius:12px!important;background:#081929!important
}
body[data-baoi-resource-family="tool"] .baoi-production-post-related .boai-related-card h3{margin:6px 0!important;font-size:15px!important}
body[data-baoi-resource-family="tool"] .baoi-production-post-related .boai-related-card p{
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
 font-size:13px;line-height:1.5;margin:6px 0!important;color:#b9d5e6
}
body[data-baoi-resource-family="tool"] .baoi-production-post-related :is(ul>li>a,.boai-related-card):is(:hover,:focus-within){
 border-color:#7be3d4!important;background:#123049!important
}
/* Keep only the bottom correction link when it has been inserted by JS;
   otherwise preserve the full correction form as the no-JS fallback. */
body[data-baoi-resource-family="tool"]:has(.baoi-page-action-report) .baoi-tool-post-shell>.baoi-production-post-correction{display:none!important}
@media(max-width:700px){
 body[data-baoi-resource-family="tool"] .baoi-production-post-related{padding:14px;margin:16px auto}
 body[data-baoi-resource-family="tool"] .baoi-production-post-related :is(ul,.boai-related-grid){grid-template-columns:minmax(0,1fr)!important}
 body[data-baoi-resource-family="tool"] .baoi-production-post-related ul>li>a{min-height:54px}
}