Fix Note callout color mismatch in dark mode

Simplify the color override selectors to use structural targeting (targeting all children of the callout) instead of relying on Tailwind class names. This ensures the orange text color (light mode) and light orange text color (dark mode) are applied consistently, fixing the blue text that was appearing in dark mode.

Author: dobrac

style.css

@@ -47,18 +47,15 @@ code {
     /* orange-500 at 10% opacity */
 }
 
-/* Icon color */
-.callout .text-sky-500 {
-    color: #ff8800;
-}
-
-/* Content text color */
-.callout .text-sky-900 {
+/* Note callout text & icon colors - light mode */
+.callout[data-callout-type="note"],
+.callout[data-callout-type="note"] *:not(a) {
     color: rgb(124 45 18) !important;
-    /* orange-900 */
 }
 
-.dark\:text-sky-200:is(.dark *) {
+/* Note callout text & icon colors - dark mode */
+.dark .callout[data-callout-type="note"],
+.dark .callout[data-callout-type="note"] *:not(a) {
     color: rgb(255, 183, 102) !important;
 }