/* Article and guide media retain their full aspect ratio at every reading width. */
.svblog-detail-article,.svblog-article{min-width:0;max-width:100%}
.svblog-detail-article img.cover,.svblog-article img.cover{
  display:block;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:auto;
  object-fit:contain!important;
  object-position:center;
}
:is(.svblog-detail-article,.svblog-article) .content{min-width:0;max-width:100%;overflow-wrap:anywhere}
:is(.svblog-detail-article,.svblog-article) .content :is(p,figure,picture){max-width:100%;min-width:0}
:is(.svblog-detail-article,.svblog-article) .content img{
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain;
  vertical-align:middle;
}
:is(.svblog-detail-article,.svblog-article) .content figure img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
}
:is(.svblog-detail-article,.svblog-article) .sv-remote-image-trigger{display:inline-block;max-width:100%;line-height:0;vertical-align:middle;cursor:zoom-in}
:is(.svblog-detail-article,.svblog-article) .sv-remote-image-frame{position:relative;display:inline-block;max-width:100%;vertical-align:middle;line-height:0;isolation:isolate;container-type:inline-size;overflow:hidden;border-radius:8px}
:is(.svblog-detail-article,.svblog-article) .sv-remote-image-frame>img{display:block;max-width:100%!important;height:auto!important;margin:0;float:none!important;vertical-align:middle}
:is(.svblog-detail-article,.svblog-article)>.sv-remote-image-trigger:has(img.cover),
:is(.svblog-detail-article,.svblog-article)>.sv-remote-image-trigger:has(img.cover)>.sv-remote-image-frame{display:block;width:100%!important;max-width:100%;border-radius:0}
/* Caption remains directly under the complete, uncropped image. */
:is(.svblog-detail-article,.svblog-article) .content figure:has(img){width:auto;max-width:100%}
.svblog-detail-main{grid-template-columns:minmax(0,1fr)}
@media(max-width:850px){.svblog-detail-layout{grid-template-columns:minmax(0,1fr)}}