/* A single paper-like answer surface; structure slots live inside the expression. */
.math-editor{min-width:0}
.math-editor>label{display:block;margin-bottom:9px;color:var(--ink);font-size:13px;font-weight:600}
.me-surface{display:flex;align-items:center;min-height:68px;border:1px solid var(--line);border-radius:8px;background:var(--panel);transition:border-color .12s,box-shadow .12s;min-width:0}
.me-surface:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.math-editor .me-expression{position:relative;display:block;flex:1;min-width:0;width:100%;min-height:64px;padding:15px 16px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;outline:none;border:0;background:transparent;color:var(--ink);font:24px/1.4 "Cambria Math","STIX Two Math","Times New Roman",serif;cursor:text;scrollbar-width:thin;text-align:left;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}
.me-expression[data-empty="true"]::before{content:"Your answer";position:absolute;left:16px;top:21px;pointer-events:none;font:15px/1.4 var(--sans,Arial,sans-serif);color:var(--muted);opacity:.8}
.me-expression:focus-within[data-empty="true"]::before{opacity:.5}
.me-unit{padding:0 14px 0 2px;flex-shrink:0;color:var(--muted);font-size:13px}
.me-row{display:inline;white-space:pre}
.me-run{display:inline-block;min-width:.12em;min-height:1.15em;outline:none;white-space:pre;vertical-align:baseline;border-radius:2px;caret-color:var(--accent);cursor:text;user-select:text;-webkit-user-select:text}
.me-run:focus{outline:none!important}
.me-slot{min-width:.64em;box-shadow:inset 0 0 0 1px var(--line);background:var(--bg);line-height:1.08;border-radius:2px;margin:0 .03em}
.me-slot:focus{box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}
.me-node{display:inline-block;vertical-align:baseline;white-space:nowrap;user-select:none;-webkit-user-select:none}
.me-node .me-run{user-select:text;-webkit-user-select:text}
.me-fraction-node{vertical-align:middle;margin:0 .11em}
.me-fraction{display:inline-flex;flex-direction:column;align-items:stretch;vertical-align:baseline;text-align:center;line-height:1.2}
.me-numerator{display:block;padding:0 .15em .11em;min-width:.8em;border-bottom:1.2px solid currentColor;text-align:center}
.me-denominator{display:block;padding:.12em .15em 0;min-width:.8em;text-align:center}
.me-fraction .me-fraction{font-size:.88em}
.me-fraction .me-root-node{vertical-align:-.07em}
.me-root-node{vertical-align:-.06em;margin:0 .08em 0 .03em}
.me-root{display:inline-flex;align-items:stretch;position:relative;padding-top:.05em}
.me-root-sign{display:block;align-self:stretch;width:.58em;min-height:1.28em;height:auto;overflow:visible;flex-shrink:0}
.me-radicand{display:block;min-width:.5em;padding:.07em .13em .02em .03em;border-top:1.3px solid currentColor;line-height:1.28}
.me-root-index{align-self:flex-start;font-size:.64em;line-height:1;min-width:.5em;margin-right:-.3em;margin-top:-.17em;z-index:1}
.me-script-node{white-space:nowrap;margin-right:.03em}
.me-script-base{display:inline-block;vertical-align:baseline}
.me-scripts{display:inline-flex;flex-direction:column;vertical-align:baseline;margin-left:.025em;font-size:.72em;line-height:1}
.me-scripts>sup{font-size:inherit;line-height:1;position:relative;top:-.7em;vertical-align:baseline}
.me-scripts>sub{font-size:inherit;line-height:1;position:relative;top:.35em;vertical-align:baseline}
.me-both-scripts{vertical-align:-.4em;margin-top:-.2em}
.me-both-scripts>sup,.me-both-scripts>sub{top:0;position:static}
.me-both-scripts>sup{margin-bottom:.12em}
.me-group-node{display:inline-block;vertical-align:baseline}
.me-bracket{font-size:1.08em;line-height:1;vertical-align:-.03em}
.me-all-selected>.me-row,.me-selected-node{background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent);border-radius:2px}
.me-controls{display:flex;align-items:center;margin-top:7px}
.me-tools{display:flex;align-items:center;gap:3px;flex-wrap:wrap;width:100%}
.math-editor .me-tool{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;min-width:34px;padding:5px 8px;border:0;background:transparent;border-radius:5px;font:12px/1.2 var(--sans,Arial,sans-serif);color:var(--muted);cursor:pointer;white-space:nowrap;text-transform:none}
.math-editor .me-tool:hover,.math-editor .me-tool:focus-visible,.math-editor .me-more-toggle[aria-expanded="true"]{background:var(--accent-soft);color:var(--accent);outline:none}
.me-tool .me-tool-symbol{font:18px/1 "Cambria Math",Georgia,serif;color:var(--ink);display:inline-block;min-width:17px}
.me-tool .me-tool-symbol sup,.me-tool .me-tool-symbol sub{font-size:10px}
.me-fraction-icon{display:inline-flex;flex-direction:column;text-align:center;font:italic 11px/1 Georgia,serif;vertical-align:middle}
.me-fraction-icon>span{padding:0 3px}
.me-fraction-icon>span:first-child{border-bottom:1px solid currentColor;padding-bottom:2px}
.me-fraction-icon>span:last-child{padding-top:1px}
.me-more-toggle{margin-left:auto}
.me-more-toggle>span{font-size:19px;line-height:.8}
.me-more{padding:6px 3px;background:var(--bg);border:1px solid var(--line);border-radius:6px;margin-top:4px}
.me-extra-tools{gap:4px}
.me-helper{display:flex;justify-content:space-between;align-items:flex-start;gap:5px;min-height:23px;margin-top:4px}
.me-hint{font-size:11px;color:var(--muted);line-height:1.5;display:block;padding-top:3px}
.me-exit{font:11px/1.4 var(--sans,Arial,sans-serif);font-weight:600;white-space:nowrap;border:0;border-radius:4px;padding:4px 6px;color:var(--accent);background:var(--accent-soft);cursor:pointer;min-height:27px}
.me-guide{background:var(--bg);border:1px solid var(--line);padding:12px;border-radius:6px;font-size:12px;line-height:1.8;margin-top:6px;color:var(--muted)}
.me-guide kbd{font:11px monospace;padding:2px 4px;background:var(--panel);border:1px solid var(--line);border-radius:3px;color:var(--ink)}
.me-editor-message{font-size:11px;line-height:1.5;color:var(--muted)}
.me-editor-message:empty{display:none}
.me-relations{display:flex;align-items:center;gap:4px;border-top:1px solid var(--line);padding-top:3px;margin-top:3px}
.me-relations>span{font-size:11px;color:var(--muted);margin-left:auto}
.me-readonly .me-controls,.me-readonly .me-relations,.me-readonly .me-helper,.me-readonly .me-more,.me-readonly .me-guide{display:none}
.me-readonly .me-expression{cursor:default}
.me-readonly .me-surface{background:var(--bg)}
.math-editor [hidden]{display:none!important}
@media(max-width:560px){.math-editor .me-expression{font-size:24px;padding:15px 12px;min-height:64px}.me-expression[data-empty="true"]::before{left:12px}.math-editor .me-tool{min-height:40px;padding:6px 7px;font-size:11px;gap:4px}.me-tools{gap:1px}.me-helper{flex-wrap:wrap}.me-exit{min-height:32px}.me-root-sign{width:.62em}.me-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){.me-surface{transition:none}}

/* An equation prefix is a fixed label, never a second input. */
.me-answer-prefix{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:14px 0 14px 18px;font:italic 28px/1.4 "Cambria Math","Times New Roman",serif;color:var(--ink);user-select:none;pointer-events:none}
.me-answer-prefix>span{font-style:normal}
.me-answer-prefix+.me-expression{padding-left:12px}
.me-answer-prefix+.me-expression[data-empty=true]::before{left:12px;content:"Your expression"}
@media(max-width:600px){.me-answer-prefix{font-size:27px;padding-left:14px;gap:9px}}