/* BAOI 0.5.5.48-alpha.45.5.36 — editorial article width and bottom recommendations.
   Intentionally scoped to editorial pages. Functional application sidebars remain intact. */
main.container[data-baoi-resource-family] .page-grid{
 display:block!important;grid-template-columns:minmax(0,1fr)!important;
 width:100%!important;max-width:none!important;min-width:0
}
main.container[data-baoi-resource-family] .page-grid>.article{
 display:block!important;max-width:none!important;width:100%!important;
 min-width:0!important;margin:0!important;grid-column:auto!important
}
main.container[data-baoi-resource-family] .baoi-related-bottom{
 position:static!important;display:block!important;clear:both;
 width:100%!important;max-width:none!important;min-width:0;
 margin:36px 0 22px;padding:0
}
main.container[data-baoi-resource-family] .baoi-related-bottom>.side-card{
 display:block!important;max-width:none!important;width:100%!important;
 min-width:0!important;position:static!important;
 padding:24px 26px!important;border-radius:16px!important;
 border:1px solid #28435b!important;
 background:linear-gradient(135deg,#101f32,#071725)!important
}
main.container[data-baoi-resource-family] .baoi-related-bottom h2{
 font-size:clamp(19px,2.2vw,24px);margin:0 0 18px;
 letter-spacing:-.015em;color:#f0f8ff
}
main.container[data-baoi-resource-family] .baoi-related-bottom .related{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:14px!important;width:100%;max-width:none!important;
 align-items:stretch
}
main.container[data-baoi-resource-family] .baoi-related-bottom .related>a{
 display:flex!important;flex-direction:column!important;gap:9px!important;
 width:auto!important;max-width:none!important;min-width:0;
 margin:0!important;padding:18px!important;
 border-radius:12px!important;border:1px solid #2a4a62!important;
 background:#0b2336!important;color:#e8f7ff!important;
 text-decoration:none!important;overflow-wrap:anywhere;
 transition:border-color .16s ease,background .16s ease
}
main.container[data-baoi-resource-family] .baoi-related-bottom .related>a:hover{
 border-color:#69d9e5!important;background:#11354b!important
}
main.container[data-baoi-resource-family] .baoi-related-bottom .related>a:focus-visible{
 outline:2px solid #72efe7!important;outline-offset:3px
}
main.container[data-baoi-resource-family] .baoi-related-bottom .related>a strong{
 display:block;font-size:16px!important;line-height:1.4!important;
 color:#f0f8ff!important
}
main.container[data-baoi-resource-family] .baoi-related-bottom .related>a small{
 display:block;font-size:13px!important;line-height:1.5!important;
 color:#aac4d8!important
}
main.container[data-baoi-resource-family] .baoi-related-bottom .relation-state{
 font-size:10px!important;letter-spacing:.08em;text-transform:uppercase;
 color:#78e6d6!important
}
main.container[data-baoi-resource-family] .baoi-related-bottom .baoi-related-empty{
 grid-column:1/-1;color:#b5ccdc;margin:0 0 4px
}
@media(max-width:950px){
 main.container[data-baoi-resource-family] .baoi-related-bottom .related{
  grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
}
@media(max-width:640px){
 main.container[data-baoi-resource-family] .baoi-related-bottom{
  margin:24px 0 18px!important
 }
 main.container[data-baoi-resource-family] .baoi-related-bottom>.side-card{
  padding:17px 15px!important
 }
 main.container[data-baoi-resource-family] .baoi-related-bottom .related{
  grid-template-columns:minmax(0,1fr)!important;gap:10px!important
 }
 main.container[data-baoi-resource-family] .baoi-related-bottom .related>a{
  padding:14px!important
 }
}