/* 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,.vra-ctn,.vra-layout-inner,.vra-body,.vra-body-col,main,article{min-width:0;max-width:100%}
.vra-body :is(h1,h2,h3,h4,p,li,a,td,th),.vra-body-col :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}
.vra-table-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){
  .vrf-art,.vrf-art>*{width:100%;max-width:100%}
  .vra-ctn,.vrf-nav .vrf-ctn{box-sizing:border-box;width:auto!important;max-width:none!important;margin-left:16px!important;margin-right:16px!important;padding-left:0!important;padding-right:0!important}
  .vra-breadcrumb-list{flex-wrap:wrap;row-gap:4px}
  .vra-hero h1,.vra-hero-sub{max-width:100%;overflow-wrap:anywhere}
  .article-container{box-sizing:border-box;width:100%!important;max-width:100%!important;padding-left:16px!important;padding-right:16px!important}
  .vra-layout-inner{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
  .vra-body,.vra-body-col,.article-container article{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important}
  .vra-table-wrap>table,.table-wrap>table,.table-responsive>table{min-width:620px}
  .article-container article table,main table,.vra-body>table,.vra-body-col>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}
  .vra-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}
}