/* Responsive image safety for Peptide Information / article content.
   Fixes oversized natural-size pictures, shrink-to-fit picture widgets,
   article-list thumbnails and wide legacy tables exported by the CMS. */

/* --- Picture widgets (content banners; logo widget excluded) --- */
.sitewidget-pictureNew:not(.sitewidget-logo) .picture-resize-wrap{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
}
.sitewidget-pictureNew:not(.sitewidget-logo) .picture-wrap,
.sitewidget-pictureNew:not(.sitewidget-logo) .mobile-imgBox{
  display:block!important;width:auto!important;max-width:100%!important;box-sizing:border-box!important;
}
.sitewidget-pictureNew:not(.sitewidget-logo) .mobile-imgBox img,
.sitewidget-pictureNew:not(.sitewidget-logo) .picture-wrap img{
  display:block!important;width:auto!important;max-width:100%!important;height:auto!important;
  object-fit:contain!important;
}

/* --- Article list thumbnails --- */
.sitewidget-articlelist .articlelist-picture{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
}
.sitewidget-articlelist .articlelist-picture > a{
  display:block!important;width:100%!important;max-width:100%!important;position:relative!important;
}
.sitewidget-articlelist .articlelist-picture > a > img,
.sitewidget-articlelist .articlelist-picture img{
  display:block!important;width:100%!important;max-width:100%!important;height:auto!important;
  object-fit:cover!important;
}

/* --- Article detail body --- */
.sitewidget-articledetail .articleDetail-container-left{
  min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
}
.sitewidget-articledetail .articledetail-cont{
  max-width:100%!important;word-break:break-word!important;overflow-wrap:break-word!important;
}
.sitewidget-articledetail .articledetail-cont img,
.articledetail-cont img.lazyimg{
  max-width:min(100%, 760px)!important;height:auto!important;object-fit:contain!important;
}
.sitewidget-articledetail .articledetail-cont iframe,
.sitewidget-articledetail .articledetail-cont embed,
.sitewidget-articledetail .articledetail-cont video{
  max-width:100%!important;
}
.sitewidget-articledetail .articledetail-cont table,
.articledetail-cont table{
  width:100%!important;max-width:100%!important;table-layout:fixed!important;
}
.sitewidget-articledetail .articledetail-cont table tr > td,
.sitewidget-articledetail .articledetail-cont table tr > th,
.articledetail-cont table tr > td,
.articledetail-cont table tr > th{
  width:auto!important;max-width:100%!important;word-break:break-word!important;overflow-wrap:anywhere!important;box-sizing:border-box!important;
}
/* Common legacy CMS layout: text | spacer | image. */
.sitewidget-articledetail .articledetail-cont table tr > td:first-child,
.articledetail-cont table tr > td:first-child{width:65%!important;}
.sitewidget-articledetail .articledetail-cont table tr > td:nth-child(2),
.articledetail-cont table tr > td:nth-child(2){width:3%!important;}
.sitewidget-articledetail .articledetail-cont table tr > td:last-child,
.articledetail-cont table tr > td:last-child{width:32%!important;}
/* Legacy layout with image in the first cell: image | spacer | text. */
.sitewidget-articledetail .articledetail-cont table:has(tr > td:first-child img) tr > td:first-child,
.articledetail-cont table:has(tr > td:first-child img) tr > td:first-child{width:35%!important;}
.sitewidget-articledetail .articledetail-cont table:has(tr > td:first-child img) tr > td:nth-child(2),
.articledetail-cont table:has(tr > td:first-child img) tr > td:nth-child(2){width:3%!important;}
.sitewidget-articledetail .articledetail-cont table:has(tr > td:first-child img) tr > td:last-child,
.articledetail-cont table:has(tr > td:first-child img) tr > td:last-child{width:62%!important;}
@media (max-width: 980px){
  .sitewidget-articledetail .articledetail-cont table tr > td,
  .articledetail-cont table tr > td{padding-left:4px!important;padding-right:4px!important;}
}
.sitewidget-articledetail .articledetail-cont table img,
.articledetail-cont table img{
  display:block!important;width:auto!important;max-width:100%!important;height:auto!important;
  object-fit:contain!important;
}
.sitewidget-articledetail .articledetail-cont td,
.sitewidget-articledetail .articledetail-cont th{
  max-width:100%!important;word-break:break-word!important;overflow-wrap:anywhere!important;box-sizing:border-box!important;
}
