.compare-workspace>h2{margin:0 0 8px}.compare-workspace>p,.compare-navigation p,.compare-diff p,.compare-caveat,.compare-report p{color:#5f5c56;text-align:start;font-size:14px;line-height:1.6}.compare-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.compare-file{background:#fff;border:1px solid #d9d8d3;border-radius:8px;align-content:start;justify-items:start;gap:8px;min-width:0;padding:16px;display:grid}.compare-file strong{overflow-wrap:anywhere;font-size:15px}.compare-file button,.compare-actions button{min-height:44px}.compare-file-label{font-weight:700}.compare-navigation{margin:18px 0}.compare-navigation label{align-items:center;gap:10px;min-height:44px;display:flex}.compare-navigation input{width:18px;height:18px}.compare-navigation p{margin:0}.compare-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.compare-pages section{min-width:0}.compare-pages h3{margin:0;font-size:17px}.compare-pages .browser-preview{padding:10px}.compare-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}.compare-diff{background:#f3f1ec;border:1px solid #d9d8d3;border-radius:8px;padding:16px}.compare-diff canvas{background:#fff;width:100%;max-width:900px;height:auto;display:block}.compare-diff canvas[hidden]{display:none}.compare-diff p{margin:10px 0 0}.compare-caveat{margin:16px 0}.compare-report{border-top:1px solid #d9d8d3;margin-top:24px;padding-top:20px}.compare-report ol{margin:0;padding-left:24px}.compare-report li{padding:8px 0}.compare-report li span{color:#5f5c56;display:block}.compare-workspace button:focus-visible,.compare-workspace input:focus-visible{outline-offset:3px;outline:3px solid #a33a2e}@media (width<=700px){.compare-files,.compare-pages{grid-template-columns:minmax(0,1fr)}.compare-pages{gap:24px}.compare-actions{flex-direction:column;align-items:stretch}.compare-actions button{width:100%}}