Restate conversion chart entries

hdyc-svelte/src/lib/components/QuickConversionTable.svelte

@@ -40,12 +40,10 @@
     <div class="chart-grid">
       {#each rows as row}
         <div class="chart-row">
-          <p class="chart-problem">
-            If you convert {row.input} {inputLabel} into {outputLabel}, how many {outputLabel} will you record?
-          </p>
-          <p class="chart-answer">
-            <span class="chart-answer-value">{row.output}</span>
-            <span class="chart-answer-unit">{outputLabel}</span>
+          <p class="chart-statement">
+            Converting {row.input} {inputLabel} into {outputLabel} equals
+            <span class="chart-output-value">{row.output}</span>
+            <span class="chart-output-unit">{outputLabel}</span>.
           </p>
         </div>
       {/each}
@@ -82,28 +80,21 @@
 
   .chart-row {
     font-size: 0.95rem;
-    line-height: 1.4;
   }
 
-  .chart-problem {
+  .chart-statement {
     margin: 0;
     font-weight: 600;
+    line-height: 1.25;
   }
 
-  .chart-answer {
-    margin: 0.15rem 0 0;
-    font-size: 0.95rem;
-    font-weight: 500;
-    color: var(--text-muted);
-  }
-
-  .chart-answer-value {
-    margin-right: 0.25rem;
+  .chart-output-value {
+    margin: 0 0.25rem;
     font-weight: 600;
     color: var(--text);
   }
 
-  .chart-answer-unit {
+  .chart-output-unit {
     font-variant: petite-caps;
   }
 </style>