Try removing root font size to let browser control again.

diff --git a/test/index.html b/test/index.html
index 4160d7447b8a36cccf7cec01a35cd564ada25f6e..edcdf2dce664b8ce1262a7f6955a5736ae916c05 100644 (file)
--- a/test/index.html
+++ b/test/index.html
@@ -318,17 +318,15 @@ SPDX-License-Identifier: GPL-3.0-or-later
                document.getElementById('effort').value = Math.max(1, Math.floor(navigator.hardwareConcurrency) / 2)
        </script>
        <style>
-               html{font-size:16px;}
                body{background:black;color:white;line-height:150%;margin:0 auto;max-width:50rem;min-width:40rem;padding:0 1em;}
                a{color:darkcyan;}
                label{display:block;margin-bottom:0.25rem;}
                button,input,select{font-size:1rem;margin-bottom:0.5rem;}
                input[type=checkbox]{margin-right:2em;}
                input[type=number]{width:5em;}
-               input[type=text],select:focus,textarea{font-size:1rem;}
                div:has(>label){display:inline-block;}
                div.hex{display:inline-block;font-family:monospace;}
-               div.hex::before{color:grey;content:'0x';display:inline-block;font-family:monospace;left:0.25rem;position:relative;width:0;}
+               div.hex::before{color:grey;content:'0x';display:inline-block;font-family:monospace;font-size:1rem;left:0.25rem;position:relative;width:0;}
                div.hex>input{font-family:monospace;padding-left:1.4rem;}
                ol{counter-reset:i;list-style-type:none;padding-left:1em;}
                ol li{display:grid;gap:0.25em;grid-template-columns:auto 1fr;}