.m8-visual{margin:26px 0;padding:20px;border:1px solid rgba(244,189,70,.22);border-radius:20px;background:var(--panel,#0b0f14);color:var(--text,#eef1f5);min-width:0}.m8-visual[hidden]{display:none}.m8-visual h3{color:#e9b63e;margin:0 0 18px}.m8-row{padding:14px 0;border-bottom:1px solid rgba(127,127,127,.2)}.m8-row span{display:block;color:var(--muted,#adb6c2);margin-bottom:8px}.m8-row code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.m8-visual p{line-height:1.7;overflow-wrap:anywhere}.m8-visual svg{width:100%;height:auto;display:block}.m8-visual svg text{fill:currentColor;font:11px Arial,sans-serif}.m8-visual .grid{stroke:#80808030;fill:none}.m8-visual .axis{stroke:#8c959f;fill:none}.m8-visual .curve{stroke:#e9b63e;stroke-width:2;fill:none}.m8-visual .c1{stroke:#43bddf}.m8-visual .shade{fill:#43bddf35;stroke:none}.m8-visual .hole{fill:var(--panel,#0b0f14);stroke:#e9b63e;stroke-width:2}.m8-domain{border:1px solid #e9b63e;border-radius:12px;padding:12px}.m8-chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.m8-chips span{padding:8px;border:1px solid #e9b63e;border-radius:6px;font-family:monospace}@media(max-width:480px){.m8-visual{padding:12px}.m8-row code{font-size:12px}}@media print{.m8-visual{display:none}}

.m8-fractions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0;overflow-wrap:anywhere}.m8-fraction{display:inline-flex;flex-direction:column;text-align:center;max-width:100%;font-family:monospace}.m8-fraction>span{padding:8px}.m8-fraction>span:first-child{border-bottom:1px solid currentColor}