/* Layout lock v3. Unique filename: Bunny ignores CSS query strings.
   1. Related cards share one header row so title rules and bottoms line up.
   2. Capability-stack float beats chrome `figure { max-width:none !important }`.
   3. Acquiry view / last-section / author gap is tight, not a 168px void. */

html.pg-visual .rel-sec .rel,
.rel-sec .rel{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows:1fr !important;
  align-items:stretch !important;
  gap:22px !important;
}
html.pg-visual .rel-sec .rc,
.rel-sec .rc{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  grid-template-rows:7.25rem minmax(4.75rem, 1fr) !important;
  height:100% !important;
  min-height:12rem !important;
  align-self:stretch !important;
  box-sizing:border-box !important;
}
html.pg-visual .rel-sec .rc-h,
.rel-sec .rc-h{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  min-height:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
html.pg-visual .rel-sec .rc .t,
.rel-sec .rc .t{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  line-clamp:2;
  overflow:hidden !important;
  min-height:2.8em !important;
  max-height:2.8em !important;
  line-height:1.4 !important;
}
html.pg-visual .rel-sec .rc-b,
.rel-sec .rc-b{
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
}
html.pg-visual .rel-sec .rc .b,
.rel-sec .rc .b{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
  line-clamp:3;
  overflow:hidden !important;
  min-height:calc(1.55em * 2) !important;
}

html.pg-visual .main .sec figure.ma-visual-container.size-float-right,
html.pg-visual .main .sec .ma-visual-container.size-float-right,
.ma-visual-container.size-float-right{
  float:right !important;
  width:400px !important;
  max-width:400px !important;
  margin:.15rem 0 1.5rem 2rem !important;
}

html.pg-visual .main > .sec:last-child{
  margin-bottom:0 !important;
}
html.pg-visual .main .sec .verdict,
html.pg-visual .verdict{
  margin-top:1.15rem !important;
  margin-bottom:0 !important;
}
html.pg-visual .verdict .vbody{
  padding:14px 18px !important;
  box-sizing:border-box !important;
}
html.pg-visual .verdict p,
html.pg-visual .sec .verdict p,
html.pg-visual .main .sec .verdict p{
  padding:0 !important;
  margin:0 0 .65rem !important;
}
html.pg-visual .verdict p:last-child,
html.pg-visual .sec .verdict p:last-child,
html.pg-visual .main .sec .verdict p:last-child{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
html.pg-visual .shell,
html.pg-visual .shell.is-wide{
  padding-bottom:0 !important;
}
html.pg-visual .di-author-authority .author-profile,
html.pg-visual .author-profile{
  margin-top:1.35rem !important;
}

@media (max-width:900px){
  html.pg-visual .rel-sec .rel,
  .rel-sec .rel{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
  html.pg-visual .main .sec figure.ma-visual-container.size-float-right,
  html.pg-visual .main .sec .ma-visual-container.size-float-right,
  .ma-visual-container.size-float-right{
    float:none !important;
    width:100% !important;
    max-width:400px !important;
    margin:1.5rem auto !important;
  }
}
@media (max-width:640px){
  html.pg-visual .rel-sec .rel,
  .rel-sec .rel{
    grid-template-columns:minmax(0, 1fr) !important;
    grid-auto-rows:auto !important;
  }
  html.pg-visual .rel-sec .rc,
  .rel-sec .rc{
    grid-template-rows:auto auto !important;
    min-height:0 !important;
  }
  html.pg-visual .rel-sec .rc .t,
  .rel-sec .rc .t,
  html.pg-visual .rel-sec .rc .b,
  .rel-sec .rc .b{
    min-height:0 !important;
    max-height:none !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset;
  }
  html.pg-visual .main .sec figure.ma-visual-container.size-float-right,
  .ma-visual-container.size-float-right{
    max-width:100% !important;
  }
}