.oct-math-visual{margin:22px 0;padding:18px;border:1px solid rgba(240,184,49,.22);border-radius:18px;background:rgba(10,13,16,.4);color:var(--text,#f0f2f5);min-width:0;max-width:100%}
.oct-math-visual[hidden]{display:none!important}.oct-math-visual h3{margin:0 0 16px;color:#f3c54d;font-size:17px}.oct-math-visual p{font-size:13px;line-height:1.65;overflow-wrap:anywhere;color:var(--muted,#a4adb9)}
.oct-math-visual svg{width:100%;height:auto;display:block;overflow:visible;color:#f3c54d}.oct-math-visual svg line,.oct-math-visual svg path,.oct-math-visual svg polygon,.oct-math-visual svg circle{stroke:currentColor;stroke-width:2;fill:none;vector-effect:non-scaling-stroke}.oct-math-visual svg text{fill:currentColor;font:15px Arial,sans-serif}.oct-math-visual svg .oct-v-fill{fill:rgba(243,197,77,.08)}.oct-math-visual svg .oct-v-dash{stroke-dasharray:5 4}.oct-math-visual svg .oct-v-axis{stroke:#929ba8}.oct-math-visual svg .oct-v-solution{stroke-width:5}.oct-math-visual svg .oct-v-closed{fill:#f3c54d}.oct-math-visual svg .oct-v-open{fill:#101316}
.oct-v-fraction{padding:10px 0;border-bottom:1px solid rgba(240,184,49,.15)}.oct-v-fraction>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:16px;overflow-wrap:anywhere}.oct-v-stack{display:inline-flex;flex-direction:column;text-align:center;font:15px ui-monospace,Consolas,monospace;max-width:55%;overflow-wrap:anywhere}.oct-v-stack>span:first-child{border-bottom:1px solid currentColor;padding:0 5px 4px}.oct-v-stack>span:last-child{padding:4px 5px 0}.oct-v-bar{position:relative;height:23px;border:1px solid #bda04b;border-radius:3px;overflow:hidden}.oct-v-bar>span{display:block;background:#d4ab38;height:100%}.oct-v-bar>i{position:absolute;top:0;bottom:0;border-left:1px solid #69582a}
.oct-v-scroll{max-width:100%;overflow-x:auto}.oct-v-scroll table{border-collapse:collapse;font:13px ui-monospace,Consolas,monospace;min-width:100%}.oct-v-scroll caption{text-align:left;font:13px Arial,sans-serif;line-height:1.6;margin-bottom:10px;color:var(--muted,#a4adb9)}.oct-v-scroll th,.oct-v-scroll td{padding:9px 12px;text-align:right;white-space:nowrap}.oct-v-scroll th:first-child{text-align:left;font:12px Arial,sans-serif}.oct-v-scroll .oct-v-rule>*{border-top:1px solid #bda04b}.oct-v-bracket{font:13px ui-monospace,Consolas,monospace;line-height:1.8;overflow-wrap:anywhere;margin:8px 0 20px}.oct-v-bracket>div:first-child{text-align:right}.oct-v-bracket span{display:inline-block;border-top:1px solid #bda04b;border-left:1px solid #bda04b;padding:5px 10px;margin-left:10px}
html[data-theme="light"] .oct-math-visual{background:rgba(250,244,224,.6);color:#292710}html[data-theme="light"] .oct-math-visual h3,html[data-theme="light"] .oct-math-visual svg{color:#806000}html[data-theme="light"] .oct-math-visual p,html[data-theme="light"] .oct-v-scroll caption{color:#575e68}html[data-theme="light"] .oct-math-visual svg .oct-v-open{fill:#fff}html[data-theme="light"] .oct-math-visual svg .oct-v-closed{fill:#806000}
@media(max-width:500px){.oct-math-visual{padding:12px}.oct-math-visual svg text{font-size:24px}.oct-v-fraction>div:first-child{font-size:13px}}
.oct-math-visual th,.oct-math-visual td{text-transform:none;letter-spacing:normal}
.oct-v-common{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font:14px ui-monospace,Consolas,monospace;overflow-wrap:anywhere;margin-bottom:15px}
