/* Solution placements use art-product-renderings.css without a second UI skin. */
.as-hero>.sr-render,.as-example-layout>.sr-render,.as-index-card>.sr-render{width:100%;min-width:0}
/* Desktop index columns can be as narrow as a phone without a small viewport. */
.as-index-card>.sr-render{aspect-ratio:1.5}

/* Business photographs remain separate from the operating-model UI excerpts. */
.as-business-art{aspect-ratio:1.65;margin:0;border-radius:12px;overflow:hidden;background:#ecece5;min-width:0}
.as-business-art img{display:block;width:100%;height:100%;object-fit:cover}
.as-index-card>.as-business-art{aspect-ratio:1.65}
.as-plain-example-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:36px}
.as-plain-example-steps li{padding:23px 0;border-bottom:0!important}
.as-plain-example-steps h3{font-size:20px}
.as-plain-example-steps p{font-size:13px}
@media(max-width:700px){.as-plain-example-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.as-plain-example-steps h3{font-size:18px}.as-plain-example-steps p{font-size:12px}}
@media(max-width:420px){.as-plain-example-steps{grid-template-columns:1fr}.as-plain-example-steps p{font-size:13px}}