.example-body{font:16px/1.6 Arial,sans-serif;color:#203532;background:white;padding:20px;max-width:700px;margin:auto}
.example-body .rounded-legacy{background:#74c44c url(panel_top_left.gif) left top no-repeat;max-width:100%;width:320px}
.example-body .rounded-legacy>div{background:url(panel_top_right.gif) right top no-repeat}
.example-body .rounded-legacy>div>div{background:url(panel_bottom_left.gif) left bottom no-repeat}
.example-body .rounded-legacy>div>div>div{background:url(panel_bottom_right.gif) right bottom no-repeat;padding:20px;color:#203532;text-align:center}
.example-body .rounded-modern{background:#74c44c;border-radius:10px;padding:20px;width:320px;max-width:100%;box-sizing:border-box;text-align:center}
.example-body pre{overflow:auto;background:#f7f5ed;padding:16px}
.example-body a{color:#176d66}
.example-body :focus-visible{outline:3px solid #176d66;outline-offset:3px}
.example-body{font:16px/1.5 Arial,sans-serif;max-width:750px;padding:16px;margin:auto;color:#203532}
.example-body .gallery-wrap{max-width:100%;overflow:auto}
.example-body .gallery{display:table;border-spacing:4px}
.example-body .gallery-row{display:table-row}
.example-body .gallery-cell{display:table-cell;vertical-align:top;width:220px;background:#203532;border:8px solid #203532;color:#fffdf6}
.example-body .gallery-cell svg{display:block;width:100%;height:auto;background:#dcece5}
.example-body .gallery-cell p{padding:0 5px;font-size:14px;line-height:1.5}
.example-body .gallery-cell .long{max-width:220px}
.example-body pre{overflow:auto;background:#f7f5ed;padding:12px}