/* Shared containment fixes for Technical Center article templates. */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,iframe{max-width:100%;height:auto}
.article-container,.va-ctn,.vh-ctn,.va-layout-inner,.vh-article-layout,.va-body,.va-body-col,.vh-article-body,main,article{min-width:0;max-width:100%}
.va-body :is(h1,h2,h3,h4,p,li,a,td,th),.va-body-col :is(h1,h2,h3,h4,p,li,a,td,th),.vh-article-body :is(h1,h2,h3,h4,p,li,a,td,th),.article-container article :is(h1,h2,h3,h4,p,li,a,td,th){overflow-wrap:anywhere}
.va-table-wrap,.vh-comp-wrap,.table-wrap,.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
pre,code,.formula,.equation{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}

@media(max-width:768px){
  .va-ctn,.vh-ctn{padding-left:16px!important;padding-right:16px!important}
  .article-container{box-sizing:border-box;width:100%!important;max-width:100%!important;padding-left:16px!important;padding-right:16px!important}
  .va-layout-inner,.vh-article-layout{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
  .va-body,.va-body-col,.vh-article-body,.article-container article{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important}
  .va-table-wrap>table,.vh-comp-wrap>table,.table-wrap>table,.table-responsive>table{min-width:620px}
  .article-container article table,main table,.va-body>table,.va-body-col>table,.vh-article-body>table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  table{font-size:12px}
  th,td{min-width:96px}
  .va-btn,.vh-btn,.va-pdf-btn{max-width:100%;white-space:normal!important;text-align:center;justify-content:center}
  body>header nav{box-sizing:border-box;max-width:100%;padding-left:16px!important;padding-right:16px!important;flex-wrap:wrap}
  body>header nav ul{display:flex;flex-wrap:wrap;gap:10px 16px}
}
