.purpose-comparison .purpose-page{padding:16px;border:1px solid #a6b3aa;border-radius:6px;background:#fff;color:#252c2d}
.purpose-comparison .purpose-page p{font-size:14px;line-height:1.8;margin:0}
.purpose-comparison .purpose-site{font-weight:700;padding-bottom:10px;border-bottom:1px solid #b9c5bd}
.purpose-comparison .purpose-region{margin-top:14px;padding:12px;border:1px solid #b9c5bd;border-radius:4px;background:#f6f7f3}
.purpose-comparison .purpose-region-title{font-weight:700;margin-bottom:6px!important}
.purpose-comparison .purpose-region code{display:block;margin-top:10px;padding:8px;border:1px solid #c9d2ca;background:#fff;font-size:12px;line-height:1.8;white-space:normal;overflow-wrap:anywhere}
.purpose-comparison .purpose-description{margin-top:8px!important;color:#4a5d52;font-size:12px!important}
.purpose-comparison .purpose-main-example{border:2px solid #35634f;background:#eef4ee}
@media(max-width:720px){.purpose-comparison .purpose-page{padding:12px}.purpose-comparison .purpose-region{padding:10px}}