tweak(ui): restyle reasoning blocks

Author: iamdavidhill

packages/ui/src/components/message-part.css

@@ -227,12 +227,13 @@
 [data-component="reasoning-part"] {
   width: 100%;
   color: var(--text-base);
-  opacity: 0.8;
+  font-size: var(--font-size-small);
   line-height: var(--line-height-large);
 
   [data-component="markdown"] {
     margin-top: 24px;
     font-style: normal;
+    font-size: inherit;
 
     p:has(strong) {
       margin-top: 24px;