/* R57: same reading geometry in both languages, without changing the site's colour system. */
.swf-table-scroll,.swf-diagram-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.swf-diagram-scroll>svg{display:block;min-width:640px;width:100%;max-width:none;height:auto}
.swf-diagram-scroll:focus-visible,.swf-table-scroll:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.swf-r57-hero img{display:block;width:100%;height:auto}
.swf-r57-content a,.swf-editor-content a{overflow-wrap:anywhere}
@media(min-width:768px){.swf-diagram-scroll>svg{min-width:0}}
/* Older explanatory figures can carry fixed inline widths; keep raster pictures inside the reading column. */
.wissen-artikel-wrap figure img,.swf-recipe-single figure img,.swf-editor-content figure img,.erklaerbild.swf-depth-visual img{display:block;min-width:0;max-width:100%;width:100%;height:auto}
@media(max-width:767px){
  .wissen-artikel-wrap figure.erklaerbild.swf-depth-visual>img,
  .wissen-artikel-wrap article figure>img:not(.emoji),
  .swf-recipe-single figure>img:not(.emoji){width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;margin-inline:0!important}
}

/* The canonical hero is one picture, not a historical two-column text-card. */
.wissen-artikel-wrap .wrap figure.kopfbild.swf-r57-hero,
figure.kopfbild.swf-r57-hero{display:block!important;grid-template-columns:none!important;float:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;padding:0!important;background:none!important;overflow:hidden;border:0!important}
.wissen-artikel-wrap .wrap figure.kopfbild.swf-r57-hero>img,
figure.kopfbild.swf-r57-hero>img{display:block!important;float:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0!important;transform:none!important}
figure.kopfbild.swf-r57-hero::before,figure.kopfbild.swf-r57-hero::after{content:none!important;display:none!important}