better small display & simple customer satisfaction

core.css

@@ -4,6 +4,8 @@
   --primary-color: #002992;
   --primary-color-no-focus: #abbbdf;
   --color: white;
+  --font-size: 28px;
+  --min-font-size: 15px;
 }
 
 *:not(td):not(th) {
@@ -26,7 +28,7 @@ main {
   flex-direction: column;
   justify-content: center;
   gap: 0;
-  margin: 1rem 1rem 0;
+  padding: 1rem 1rem 0;
   color: var(--color);
 }
 
@@ -42,4 +44,4 @@ main {
 
 .meaning::after {
   content: ')';
-}
+}

index.css

@@ -1,5 +1,5 @@
 body {
-  font-size: clamp(11px, 2.1vw, 28px);
+  font-size: clamp(var(--min-font-size, 11px), 2.1vw, var(--font-size, 28px));
 }
 
 ul {
@@ -59,8 +59,9 @@ li {
   align-items: center;
   text-align: center;
   clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
-  min-height: 150px;
-  font-size: clamp(15px, 2.1vw, 28px);
+  /* Set --min-height in JS or fallback to 150px if --font-size is 28px, otherwise 110px */
+  min-height: var(--min-height, 150px);
+  font-size: clamp(var(--min-font-size, 11px), 2.1vw, var(--font-size, 28px));
 }
 
 .customer-satisfaction h2,

main.ts

@@ -31,12 +31,20 @@ if (display === 'house-only') {
   document.querySelectorAll('.hud')?.forEach((hud) => hud.remove())
 }
 
+const simpleCustomerSatisfaction = params.get('customer-satisfaction')
+
+if (simpleCustomerSatisfaction === 'simple') {
+  document.querySelector('.value-analysis-value-engineering')?.remove()
+}
+
 const size = params.get('size')
 
 if (size === 'small') {
   const body = document.querySelector('body')
   if (body) {
-    body.style.fontSize = '15px'
+    document.documentElement.style.setProperty('--min-height', '100px')
+    document.documentElement.style.setProperty('--font-size', '13px')
+    document.documentElement.style.setProperty('--min-font-size', '8px')
   }
 }