.dujin-article .mr-compare{margin:28px 0 36px;padding:20px 0;border:0;background:transparent}
.mr-compare>figcaption{margin:0 0 14px!important;color:#193c5a!important}
.mr-compare>figcaption strong{display:block;font-size:18px;line-height:1.45}
.mr-compare>figcaption span{display:block;margin-top:4px;color:#506578}
.mr-inputs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.mr-inputs span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #b7cadc;background:#fff;font-size:13px}
.mr-inputs b{color:#245a86}
.mr-inputs code{white-space:nowrap}
.mr-example{margin:0 0 14px!important;font-size:13px;line-height:1.6}
.mr-table-title{margin:0 0 8px!important;font-size:14px;font-weight:700;color:#193c5a!important}
.dujin-article .mr-matrix{display:table;width:100%;table-layout:fixed;border:1px solid #bbcad8;background:#fff;font-size:13px}
.mr-matrix caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mr-matrix thead{background:#e4eef7}
.dujin-article .mr-matrix th,.dujin-article .mr-matrix td{padding:9px 8px;overflow-wrap:anywhere;vertical-align:top}
.mr-matrix th:first-child{width:19%}
.mr-matrix th:nth-child(2){width:26%}
.mr-matrix th:nth-child(3){width:35%}
.mr-matrix th:nth-child(4){width:20%}
.mr-matrix tbody tr:nth-child(even){background:#f5f9fc}
.mr-matrix tbody th{color:#245a86}
.mr-matrix .mr-value{color:#226350;font-weight:700}
.mr-matrix code{white-space:normal;overflow-wrap:anywhere}
.mr-compare .mr-boundary{margin:15px 0 0!important;padding:12px 14px;border-left:3px solid #874253;background:#f3f4f5;font-size:13px;line-height:1.65}
.mr-compare .mr-source{margin:10px 0 0!important;font-size:12px;line-height:1.6;color:#54687a!important}
@media(max-width:700px){
  .dujin-article .mr-compare{padding:14px 0}
  .dujin-article .mr-matrix{display:block;border:0;background:transparent}
  .mr-matrix thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .mr-matrix tbody,.mr-matrix tr{display:block}
  .mr-matrix tbody tr{margin:8px 0;border:1px solid #bbcad8;border-left:3px solid #3480b7;background:#fff!important}
  .dujin-article .mr-matrix tbody th{display:block;width:auto;padding:8px 10px;background:#eaf3fa}
  .dujin-article .mr-matrix tbody td{display:grid;grid-template-columns:74px minmax(0,1fr);gap:7px;padding:7px 10px}
  .mr-matrix tbody td::before{content:attr(data-label);font-weight:700;color:#51697d}
  .mr-matrix tbody tr>*:last-child{border-bottom:0}
}
@media(max-width:700px){body>a.top{position:static;display:block;width:max-content;max-width:100%;margin:16px auto}}
