.example-source{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;align-items:center}.example-source>img{display:block;width:100%;height:auto;border:1px solid #e0e2dc;border-radius:16px}.example-outputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.example-output{margin:0;min-width:0}.example-output:last-child{grid-column:1/-1}.example-output img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #e0e2dc}.example-output figcaption{padding:14px 2px}.example-output figcaption strong,.example-output figcaption span{display:block}.example-output figcaption span{margin-top:8px;font-size:14px;line-height:1.7;color:#53615d}.guide-table-wrap{overflow-x:auto}.guide-table-wrap th,.guide-table-wrap td{overflow-wrap:anywhere}@media(max-width:760px){.example-source,.example-outputs{grid-template-columns:1fr}.example-output:last-child{grid-column:auto}}