design: simplify font size

index.css

@@ -1,3 +1,7 @@
+body {
+  font-size: clamp(11px, 2.1vw, 28px);
+}
+
 ul {
   padding-left: 0;
   margin: 0;
@@ -40,28 +44,7 @@ li {
   text-align: center;
   clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
   min-height: 150px;
-  font-size: 12pt;
+  font-size: clamp(15px, 2.1vw, 28px);
-}
-
-/* mini screen */
-@media only screen and (max-width: 480px) {
-  .customer-satisfaction-roof {
-    font-size: 11pt;
-  }
-}
-
-/* medium screen */
-@media only screen and (min-width: 751px) and (max-width: 1300px) {
-  .customer-satisfaction-roof {
-    font-size: 16pt;
-  }
-}
-
-/* large screen */
-@media only screen and (min-width: 1301px) {
-  .customer-satisfaction-roof {
-    font-size: inherit;
-  }
 }
 
 .customer-satisfaction-roof h2,
@@ -179,4 +162,9 @@ details.hud {
 
 details.hud li {
   text-align: left;
+}
+
+.round-svg {
+  visibility: hidden;
+  height: 0;
 }

index.html

@@ -154,7 +154,7 @@
         </li>
       </ul>
     </details>
-    <svg class="flt_svg" xmlns="http://www.w3.org/2000/svg">
+    <svg class="round-svg" xmlns="http://www.w3.org/2000/svg">
       <defs>
         <filter id="round">
           <feGaussianBlur in="SourceGraphic" stdDeviation="3" result="blur" />

package.json

@@ -28,7 +28,7 @@
     "sass": "^1.83.0",
     "typescript": "^5.7.2",
     "vite": "^6.0.5",
-    "vite-plugin-comlink": "^5.1.0",
+    "vite-plugin-comlink": "^4.0.2",
     "vitest": "^2.1.8"
   }
 }

pnpm-lock.yaml

@@ -49,8 +49,8 @@ importers:
         specifier: ^6.0.5
         version: 6.0.5(@types/node@22.10.2)(sass@1.83.0)
       vite-plugin-comlink:
-        specifier: ^5.1.0
+        specifier: ^4.0.2
-        version: 5.1.0(comlink@4.4.2)(vite@6.0.5(@types/node@22.10.2)(sass@1.83.0))
+        version: 4.1.0(comlink@4.4.2)(vite@6.0.5(@types/node@22.10.2)(sass@1.83.0))
       vitest:
         specifier: ^2.1.8
         version: 2.1.8(@types/node@22.10.2)(sass@1.83.0)
@@ -784,8 +784,8 @@ packages:
   loupe@3.1.2:
     resolution: {integrity: sha512-23I4pFZHmAemUnz8WZXbYRSKYj801VDaNv9ETuMh7IrMc7VuVVSo+Z9iLE3ni30+U48iDWfi30d3twAXBYmnCg==}
 
-  magic-string@0.30.12:
+  magic-string@0.30.10:
-    resolution: {integrity: sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==}
+    resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
 
   magic-string@0.30.17:
     resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
@@ -912,8 +912,8 @@ packages:
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
 
-  vite-plugin-comlink@5.1.0:
+  vite-plugin-comlink@4.1.0:
-    resolution: {integrity: sha512-ROKDAITiEasFstFQD3Hyd0F980qLWUsMfx9HvD1z4r/ZyzJf4agWoj5dfOE9pNxSGj3meOw7bmMujTjzR5zxTA==}
+    resolution: {integrity: sha512-wsCLCobd7k8X7oB803XzPAvcypcoQj6cTaw6n1qb11jhegssZSwDhI52vLtitVUjYi/1/IqtKpQZeyUsLvuLdg==}
     peerDependencies:
       comlink: ^4.3.1
       vite: '>=2.9.6'
@@ -1648,7 +1648,7 @@ snapshots:
 
   loupe@3.1.2: {}
 
-  magic-string@0.30.12:
+  magic-string@0.30.10:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
 
@@ -1787,11 +1787,11 @@ snapshots:
       - supports-color
       - terser
 
-  vite-plugin-comlink@5.1.0(comlink@4.4.2)(vite@6.0.5(@types/node@22.10.2)(sass@1.83.0)):
+  vite-plugin-comlink@4.1.0(comlink@4.4.2)(vite@6.0.5(@types/node@22.10.2)(sass@1.83.0)):
     dependencies:
       comlink: 4.4.2
       json5: 2.2.3
-      magic-string: 0.30.12
+      magic-string: 0.30.10
       source-map: 0.7.4
       vite: 6.0.5(@types/node@22.10.2)(sass@1.83.0)