.ref-input{display:block;width:100%;padding:12px;border:1px solid #94a3b8;border-radius:8px;font:inherit;line-height:1.6;resize:vertical;background:white;color:#1e293b;min-height:150px}
.ref-input:focus{outline:2px solid #2563eb;outline-offset:2px}
.ref-actions,.ref-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ref-actions .btn{font-size:14px}
.ref-result{border:1px solid #e2e8f0;border-left:4px solid #94a3b8;border-radius:8px;padding:16px;margin:12px 0;overflow-wrap:anywhere;background:#f8fafc;line-height:1.65}
.ref-result p{margin:8px 0}
.ref-result-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.ref-matched{border-left-color:#16a34a;background:#f0fdf4}
.ref-mismatch{border-left-color:#dc2626;background:#fef2f2}
.ref-review{border-left-color:#d97706;background:#fffbeb}
.ref-error{border-left-color:#64748b;background:#f1f5f9}
.ref-original{color:#475569;font-size:14px}
.ref-record{margin:12px 0;padding:12px;background:rgba(255,255,255,.8);border-radius:6px}
.ref-link{color:#1d4ed8;text-decoration:underline;display:inline-block;margin:4px 8px 4px 0}
.ref-table-wrap{overflow-x:auto;margin:12px 0}
.ref-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;min-width:500px}
.ref-table th,.ref-table td{border:1px solid #cbd5e1;padding:8px;vertical-align:top}
.ref-table thead{background:#e2e8f0}
.ref-result details{margin:12px 0}
.ref-result summary{cursor:pointer}
.ref-result ul{list-style:disc;padding-left:1.3rem;margin:8px 0}
.ref-next{border:1px solid #cbd5e1;background:rgba(255,255,255,.75);padding:12px;border-radius:6px;margin:12px 0}
.ref-local{padding:8px;background:rgba(255,255,255,.5);border-radius:6px}
@media(max-width:640px){.ref-result{padding:12px}.ref-actions{align-items:stretch}.ref-actions .btn{flex:1 1 140px}.ref-input{font-size:16px}}