Font size for callouts in revealjs is set by scalling down like smaller

Author: cderv

src/resources/formats/revealjs/quarto.scss

@@ -549,7 +549,7 @@ $panel-sidebar-padding: 0.5em;
     }
 
     // On callout we want to make the font-size smaller too
-    .callout {
+    div.callout {
       font-size: #{$presentation-font-smaller}em;
 
       // But we don't want headers to change size and they are in em
@@ -940,6 +940,8 @@ kbd {
 
     .callout-body,
     div.callout-title {
+      // Font size is inherited from the parent div.callout
+      // which is scaled down like .smaller
       font-size: inherit;
     }
     .callout-icon::before {
@@ -954,7 +956,6 @@ kbd {
     display: flex;
 
     .callout-body {
-      font-size: 1rem;
       font-weight: 400;
     }
 
@@ -991,7 +992,6 @@ kbd {
 
   &.callout-style-default {
     .callout-body {
-      font-size: 0.9rem;
       font-weight: 400;
     }
     &.callout-titled {