/* Page-specific additions reuse the site's existing tool and table styling. */
.character-controls[hidden],.copy-compare[hidden],[data-copy-comparison-link][hidden]{display:none}
.character-controls select{width:100%;min-width:0;min-height:48px;padding:11px 12px;border:1px solid #a5bcd2;border-radius:8px;color:var(--ink);background:#f8fbff;font-size:15px}
.character-controls label{min-width:0;flex-basis:180px}
.character-controls>p{flex-basis:100%}
.copy-compare h2{margin:0 0 16px;font-size:28px}
.copy-compare>p,.character-sort-note{font-size:14px;color:var(--muted)}
.copy-compare .copy-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.copy-compare fieldset{min-width:0;margin:0;padding:17px;border:1px solid var(--line);border-radius:10px}
.copy-compare legend{padding:0 6px;font-size:15px;font-weight:750}
.copy-compare .field+.field{margin-top:18px}
.copy-compare .copy-result{padding:22px;background:var(--navy);color:#eaf4ff;border-radius:10px;margin-top:24px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:15px}
.copy-compare input[aria-invalid="true"]{border:2px solid #ac303f}
@media(max-width:600px){.copy-compare .copy-inputs{grid-template-columns:1fr;gap:18px}.character-controls label{flex-basis:100%}.copy-compare fieldset{padding:13px}.copy-compare h2{font-size:25px}.copy-compare .copy-result{padding:18px}}