/* === Obfuscated Math Rendering Styles === */
@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Kufi+Arabic:wght@100..900&display=swap');

.rtl-math-formula-construct { display: inline-flex !important; align-items: center !important; justify-content: center !important; font-family: "Times New Roman", Times, serif !important; vertical-align: middle !important; white-space: nowrap !important; direction: rtl !important; font-size: 1.1em !important; margin: 0 .2em !important; }
.division-unit { display: inline-flex !important; flex-direction: column !important; text-align: center !important; margin: 0 .2em !important; vertical-align: middle !important; }
.dividend-component { display: block !important; padding: 0 .1em .1em !important; line-height: 1.2 !important; }
.divisor-component { display: block !important; border-top: .09em solid #333 !important; padding: .1em .1em 0 !important; line-height: 1.2 !important; }
.compact-division-unit { font-size: 0.8em !important; }
.compound-fraction-group { display: inline-flex !important; align-items: center !important; vertical-align: middle !important;}
.compound-fraction-group .integer-part { font-size: 1.1em !important; margin-left: 0.2em !important; }
.rtl-math-formula-construct sup { font-size: .75em !important; vertical-align: .6em !important; }
.rtl-math-formula-construct sub { font-size: .75em !important; vertical-align: -.3em !important; }
.limit-calculus-group { display: inline-flex !important; align-items: center !important; }
.limit-calculus-symbolism { display: inline-flex !important; flex-direction: column !important; text-align: center !important; margin-right: .2em !important; }
.limit-calculus-glyph { font-size: 1.3em !important; font-weight: 700 !important; margin-bottom: -.4em !important; }
.limit-approaching-value { font-size: .7em !important; }
.integral-calculus-group { display: inline-flex !important; align-items: center !important; }
.integral-glyph-container { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 .4em !important; }
.integral-glyph { font-size: 2.2em !important; transform: scaleX(-1) !important; }
.integral-bound-markers { display: flex !important; flex-direction: column !important; justify-content: center !important; font-size: .6em !important; position: absolute !important; left: -0.7em !important; top: 0 !important; bottom: 0 !important; line-height: 1 !important; }
.integral-upper-marker { padding-bottom: 1.2em !important; }
.integral-lower-marker { padding-top: 1.2em !important; }
.differential-notation { margin: 0 0.2em !important; }
.square-root-group, .cube-root-group { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; }
.square-root-glyph { font-size: 1.4em !important; transform: scaleX(-1) !important; margin-right: -.1em !important; margin-left: .1em !important; }
.cube-root-prefix { font-size: 0.6em !important; vertical-align: super !important; position: relative !important; top: -0.7em !important; right: 0.1em !important; }
.root-radicand-area { border-top: .09em solid #333 !important; padding-top: .1em !important; }

/* Parentheses Styles (JS Height Calculation) */
.auto-sized-paren-group { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; margin: 0 0.2em !important; } 
.paren-glyph { display: inline-block !important; position: relative !important; width: 0.5em !important; }
.paren-glyph::before, .paren-glyph::after { content: '' !important; position: absolute !important; width: 100% !important; height: 50% !important; border: 1px solid #333 !important; box-sizing: border-box !important; }
.paren-glyph.opening-bracket::before { top: 0 !important; border-right: none !important; border-bottom: none !important; border-top-left-radius: 0.6em !important; }
.paren-glyph.opening-bracket::after { bottom: 0 !important; border-right: none !important; border-top: none !important; border-bottom-left-radius: 0.6em !important; }
.paren-glyph.closing-bracket::before { top: 0 !important; border-left: none !important; border-bottom: none !important; border-top-right-radius: 0.6em !important; }
.paren-glyph.closing-bracket::after { bottom: 0 !important; border-left: none !important; border-top: none !important; border-bottom-right-radius: 0.6em !important; }
.auto-sized-paren-content { padding: 0.1em 0.3em !important; }

/* Grid and Bracket Styles */
.matrix-grid-group { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; margin: 0 0.3em !important; } 
.matrix-grid-layout { display: grid !important; grid-gap: 0.2em 0.8em !important; justify-items: center !important; } 
.matrix-grid-element { text-align: center !important; }
.enclosing-symbol { display: inline-block !important; border-color: #333 !important; border-style: solid !important; box-sizing: border-box !important; }
.determinant-grid-wrapper .matrix-grid-layout { border-right: 2px solid #333 !important; border-left: 2px solid #333 !important; padding: 0.1em 0.8em !important; margin: 0 !important; }
.matrix-enclosing-symbol, .vector-enclosing-symbol { width: 0.5em !important; border-width: 1px !important; }
.matrix-enclosing-symbol.opening-bracket, .vector-enclosing-symbol.opening-bracket { border-right: 0 !important; }
.matrix-enclosing-symbol.closing-bracket, .vector-enclosing-symbol.closing-bracket { border-left: 0 !important; }
.vector-arrow-notation { position: relative !important; display: inline-block !important; padding-top: 0.4em !important; }
.vector-arrow-notation::after { content: '→' !important; position: absolute !important; top: -0.1em !important; right: 0 !important; left: 0 !important; font-size: 0.8em !important; font-weight: bold !important; text-align: center !important; transform: scaleX(-1) !important;}
.vector-magnitude-group { display: inline-flex !important; align-items: center !important; padding: 0 0.5em !important; }
.vector-magnitude-group::before, .vector-magnitude-group::after { content: "|" !important; font-size: 1.5em !important; font-weight: bold !important; }
.explanation-block { /* Same as comment-cell */ }
.source-citation { /* Same as final-ref */ }
/*
 * Fix for MathJax rendering issue inside TinyMCE.
 * This resets text-related properties for MathJax elements,
 * preventing conflicts with the editor's global styles.
*/
.mjx-container, .mjx-container * {
    font-family: inherit !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
    text-align: inherit !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
}