#hg-form { min-width: 0; }
#hg-form [hidden] { display: none; }
#hg-form textarea { width: 100%; min-height: 10rem; resize: vertical; box-sizing: border-box; }
#hg-tabs { display: flex; gap: .6rem; margin-bottom: 1rem; }
#hg-tabs [aria-selected="true"] { outline: 2px solid currentColor; outline-offset: 2px; }
#hg-drop { border: 2px dashed #8496a4; border-radius: .6rem; padding: 1rem; }
#hg-files { max-width: 100%; }
#hg-progress { width: min(100%, 28rem); }
#hg-form .hg-digest { overflow-wrap: anywhere; font-family: monospace; min-width: 10rem; max-width: 30rem; }
#hg-form .hg-match { background: #e4f5e9; color: #14552a; }
#hg-form .hg-match strong { display: block; }
#hg-form .hg-results-wrap { max-width: 100%; }
#hg-form .hg-results-table { table-layout: fixed; width: 100%; min-width: 640px; }
#hg-form .hg-results-table td { overflow-wrap: anywhere; }
#hg-form .hg-results-table th:nth-child(4) { width: 43%; }
#hg-form .hg-results-table th:last-child { width: 17%; }
#hg-compare { width: 100%; box-sizing: border-box; }