/* Zamakan public information tabs only. Match the opened panel's width to
   the header tab-pill rail without imposing height or clipping content. */
#tabsContainer {
  --zamakan-info-tabs-width: 760px;
}
#tabsContainer > .tabs-nav-outer {
  width:min(100%,var(--zamakan-info-tabs-width))!important;
  max-width:var(--zamakan-info-tabs-width)!important;
  margin-inline:auto!important;
}
#tabsContainer > .tab-content {
  width:min(100%,var(--zamakan-info-tabs-width))!important;
  max-width:var(--zamakan-info-tabs-width)!important;
  margin-inline:auto!important;
}
#tabsContainer > .tab-content > .tab-panel {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:clamp(14px,2vw,22px)!important;
  margin-inline:auto!important;
}
@media(max-width:600px){
  #tabsContainer > .tabs-nav-outer,
  #tabsContainer > .tab-content {
    width:100%!important;
  }
  #tabsContainer > .tab-content > .tab-panel {
    padding:14px 12px!important;
  }
}

/* Keep selected tab contents fully paintable even during screen capture.
   Previous .tab-content starts at opacity:0 and relies on a forwards animation;
   snapshots or background-tab rendering can capture it before paint completes. */
#tabsContainer > .tab-content.active {
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:none!important;
  will-change:auto!important;
}
#tabsContainer > .tab-content:not(.active) {
  display:none!important;
}
#tabsContainer > .tab-content.active > .tab-panel {
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
