.document-compare-demo-section{background:linear-gradient(180deg,#eef4fb,#fff)}.document-compare-demo{display:grid;grid-template-columns:310px 1fr;gap:18px}.document-compare-controls,.document-compare-result{background:#fff;border:1px solid #d7e1ed;border-radius:18px;padding:22px}.document-compare-controls{display:grid;align-content:start;gap:18px}.document-compare-controls label{display:grid;gap:7px;font-weight:700}.document-compare-controls select{min-height:46px;border:1px solid #a8b8cc;border-radius:9px;padding:0 12px;background:#fff}.compare-file-pair{display:grid;gap:9px}.compare-file-pair>div{display:flex;gap:10px;align-items:center;background:#f2f6fb;border-radius:10px;padding:11px}.compare-file-pair span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#204d87;color:#fff;font-weight:800}.compare-file-pair p,.compare-file-pair small{margin:0}.compare-file-pair small{display:block;color:#59687c}.document-compare-result{min-width:0}.compare-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.compare-summary>div{background:#eff4fa;padding:14px;border-radius:11px}.compare-summary small,.compare-summary span{display:block;color:#566579}.compare-summary strong{display:block;font-size:1.65rem}.compare-filter-status{margin:16px 0;color:#526176}.compare-change-list{display:grid;gap:12px}.compare-demo-change{border:1px solid #d9e2ec;border-left:5px solid #52739c;border-radius:12px;padding:15px}.compare-demo-change.critical{border-left-color:#bd6b00}.compare-demo-change.review{border-left-color:#7f55a7}.compare-demo-change header{display:flex;justify-content:space-between;gap:10px}.compare-demo-change header span{font-weight:800}.compare-demo-change header small{color:#59687b}.compare-demo-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.compare-demo-pair p{margin:0;background:#f6f8fb;padding:12px;border-radius:8px}.compare-demo-pair strong{display:block;margin-bottom:4px}.compare-demo-pair del{color:#942d2d}.compare-demo-pair ins{color:#176b3a;text-decoration:none;background:#e5f6eb}@media(max-width:820px){.document-compare-demo{grid-template-columns:1fr}.compare-summary{grid-template-columns:1fr 1fr}}@media(max-width:480px){.document-compare-controls,.document-compare-result{padding:16px}.compare-summary,.compare-demo-pair{grid-template-columns:1fr}}