.mmm-process-equation{min-height:220px;display:grid;place-items:center;padding:1rem;overflow:hidden}.mmm-v2-horizontal,.mmm-v2-da{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;font:900 clamp(1.1rem,2.5vw,1.55rem)/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mmm-v2-big,.mmm-v2-final,.mmm-v2-center,.mmm-v2-check{font:900 clamp(1.25rem,3vw,1.8rem)/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center}.mmm-v2-final,.mmm-v2-check{padding:.75rem 1rem;border:1px solid rgba(83,224,151,.35);background:rgba(83,224,151,.08);border-radius:14px}.mmm-v2-m,.mmm-v2-digit,.mmm-v2-frac{display:inline-block;transition:background .2s,color .2s,box-shadow .2s}.mmm-v2-active,.is-active{color:#eafffb;background:rgba(72,219,198,.18);box-shadow:0 0 0 2px rgba(72,219,198,.45);border-radius:7px;padding:.08em .22em}.mmm-v2-cancel{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ff667e;color:#ffd9df;background:rgba(255,102,126,.12);border-radius:6px;padding:.05em .15em}.mmm-v2-result,.is-result{color:#dcffec;background:rgba(83,224,151,.18);box-shadow:0 0 0 2px rgba(83,224,151,.42);border-radius:7px;padding:.08em .25em}.mmm-v2-frac{display:inline-grid;grid-template-rows:auto auto;text-align:center;min-width:68px}.mmm-v2-frac>span:first-child{border-bottom:2px solid rgba(255,255,255,.72);padding:.12rem .35rem .2rem}.mmm-v2-frac>span:last-child{padding:.2rem .35rem .12rem}.mmm-v2-column-work{display:grid;grid-template-columns:auto auto auto;gap:0;width:min(260px,90%);font:900 1.65rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mmm-v2-carry-row,.mmm-v2-col-row{grid-column:1/-1;display:grid;grid-template-columns:34px 1fr 1fr;align-items:center;text-align:center;min-height:46px}.mmm-v2-carry-row{min-height:34px;font-size:1rem;color:#ffd27a}.mmm-v2-op{font-size:1.35rem}.mmm-v2-digit{min-width:42px;padding:.25rem}.mmm-v2-rule{grid-column:1/-1;border-top:3px solid rgba(255,255,255,.68);margin:.15rem 0}.mmm-v2-answer-row{color:#dcffec}.mmm-v2-mini{margin-top:.9rem;padding:.55rem .8rem;border-radius:10px;background:rgba(105,241,255,.06);border:1px solid rgba(105,241,255,.18);font-weight:800;text-align:center}.mmm-v2-longdiv{position:relative;width:250px;height:190px;font:900 1.45rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mmm-v2-quot{position:absolute;left:102px;top:0;letter-spacing:1rem}.mmm-v2-divisor{position:absolute;left:38px;top:52px}.mmm-v2-dividend{position:absolute;left:102px;top:52px;letter-spacing:1rem}.mmm-v2-longdiv-line{position:absolute;left:90px;top:44px;width:112px;height:38px;border-left:3px solid rgba(255,255,255,.7);border-top:3px solid rgba(255,255,255,.7);border-radius:12px 0 0 0}.mmm-v2-workline{position:absolute;left:106px;font-size:1rem}.mmm-v2-workline.one{top:86px}.mmm-v2-workline.two{top:111px}.mmm-v2-workline.three{top:136px}.mmm-v2-workline.four{top:161px}.mmm-v2-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:min(520px,100%)}.mmm-v2-facts>div{padding:.8rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:12px;text-align:center}.mmm-v2-formula{font:900 clamp(1.2rem,3vw,1.7rem)/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center}.mmm-v2-route{display:flex;gap:1rem;align-items:center;font-size:1.5rem;font-weight:900}.mmm-v2-placevalue{display:grid;grid-template-columns:auto auto auto auto;gap:.5rem;align-items:end;text-align:center}.mmm-v2-placevalue span{font-size:.74rem;color:#9fb4c4}.mmm-v2-placevalue b{grid-column:1/-1;font:900 1.8rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mmm-process-step{cursor:pointer;align-items:flex-start}.mmm-process-step span{display:grid;gap:.18rem}.mmm-process-step strong{font-size:.92rem}.mmm-process-step small{font-size:.78rem;color:#9fb4c4;line-height:1.35}.mmm-process-step.is-active small{color:#c7dbe7}.mmm-process-progress{height:12px}.mmm-process-equation>*{max-width:100%}@media(max-width:600px){.mmm-process-equation{min-height:200px;padding:.65rem}.mmm-v2-facts{grid-template-columns:1fr}.mmm-v2-column-work{font-size:1.45rem}.mmm-v2-horizontal,.mmm-v2-da{font-size:1rem;gap:.4rem}.mmm-v2-frac{min-width:56px}.mmm-v2-longdiv{transform:scale(.9);transform-origin:center}}
@media(prefers-reduced-motion:reduce){.mmm-process-equation *{animation:none!important;transition:none!important}}

/* Process Animation Engine v2.2: semantic associations + transport clarity */
.mmm-v2-digit.is-context,.mmm-v2-m.is-context{color:#d4e0e8;opacity:.72}
.mmm-v2-digit.is-active,.mmm-v2-m.is-active,.mmm-v2-active{color:#effffc;background:rgba(52,211,198,.22);box-shadow:0 0 0 2px rgba(52,211,198,.56);border-radius:8px;padding:.08em .24em}
.mmm-v2-digit.is-result,.mmm-v2-m.is-result,.mmm-v2-result{color:#effff5;background:rgba(74,222,128,.20);box-shadow:0 0 0 2px rgba(74,222,128,.48);border-radius:8px;padding:.08em .25em}
.mmm-v2-digit.is-carry,.mmm-v2-m.is-carry,.mmm-v2-carry{color:#fff5d8;background:rgba(245,158,11,.22);box-shadow:0 0 0 2px rgba(245,158,11,.50);border-radius:8px;padding:.08em .24em}
.mmm-v2-digit.is-empty{opacity:.2}
.mmm-v2-cancel,.is-cancel{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#fb7185;color:#ffe7eb;background:rgba(244,63,94,.15);box-shadow:0 0 0 1px rgba(244,63,94,.34);border-radius:7px;padding:.05em .18em}
.mmm-process-color-legend{display:flex;flex-wrap:wrap;gap:.45rem .85rem;align-items:center;margin:.65rem 0 .85rem;padding:.55rem .7rem;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.025);font-size:.76rem;color:#b8cad5}
.mmm-process-color-legend span{display:inline-flex;align-items:center;gap:.38rem;white-space:nowrap}
.mmm-process-color-legend i{display:inline-block;width:13px;height:13px;border-radius:4px}
.mmm-process-color-legend i.is-active{background:rgba(52,211,198,.55);box-shadow:inset 0 0 0 1px rgba(52,211,198,.95)}
.mmm-process-color-legend i.is-result{background:rgba(74,222,128,.50);box-shadow:inset 0 0 0 1px rgba(74,222,128,.9)}
.mmm-process-color-legend i.is-carry{background:rgba(245,158,11,.55);box-shadow:inset 0 0 0 1px rgba(245,158,11,.95)}
.mmm-process-color-legend i.is-cancel{background:rgba(244,63,94,.52);box-shadow:inset 0 0 0 1px rgba(244,63,94,.95)}
.mmm-process-play[aria-pressed="true"]{box-shadow:0 0 0 2px rgba(52,211,198,.42)}
.mmm-process-replay{white-space:nowrap}
@media(max-width:600px){.mmm-process-color-legend{gap:.4rem .65rem}.mmm-process-color-legend span{white-space:normal}.mmm-process-replay{white-space:normal}}

/* MMM v2.3 manual-first + long-division legibility */
.mmm-v2-longdiv{width:290px;height:220px;font-size:1.85rem;line-height:1.2}
.mmm-v2-quot{left:112px;top:0;font-size:1.85rem;letter-spacing:1.15rem}
.mmm-v2-divisor{left:34px;top:58px;font-size:1.85rem}
.mmm-v2-dividend{left:112px;top:58px;font-size:1.85rem;letter-spacing:1.15rem}
.mmm-v2-longdiv-line{left:98px;top:49px;width:135px;height:44px}
.mmm-v2-workline{left:116px;font-size:1.5rem;font-weight:900}
.mmm-v2-workline.one{top:101px}.mmm-v2-workline.two{top:132px}.mmm-v2-workline.three{top:163px}.mmm-v2-workline.four{top:194px}
.mmm-process-manual-note{font-size:.82rem;color:#9fb4c4;margin:.35rem 0 .55rem}
@media(max-width:600px){.mmm-v2-longdiv{transform:scale(.96);width:270px;height:215px}.mmm-v2-workline{font-size:1.4rem}}

/* MMM Process Lab v24: collapsed-first process cards */
.mmm-process-card{padding:0!important;}
.mmm-process-card-summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;min-height:108px;}
.mmm-process-card-summary::-webkit-details-marker{display:none;}
.mmm-process-card-summary-copy{display:flex;flex-direction:column;gap:.28rem;min-width:0;}
.mmm-process-card-title{font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:900;line-height:1.15;color:#f4fbff;}
.mmm-process-card-summary .mmm-process-summary{margin:0;color:#bfd0dc;line-height:1.45;}
.mmm-process-card-toggle{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(105,241,255,.28);color:#63e8df;font-size:1.55rem;font-weight:900;background:rgba(105,241,255,.06);}
.mmm-process-card[open] .mmm-process-card-toggle{font-size:0;}
.mmm-process-card[open] .mmm-process-card-toggle::after{content:'−';font-size:1.55rem;}
.mmm-process-card[open]>.mmm-process-card-summary{border-bottom:1px solid rgba(255,255,255,.08);background:rgba(105,241,255,.035);}
.mmm-process-card-body{padding:0 1rem 1rem;}
.mmm-process-card-summary:focus-visible{outline:3px solid rgba(105,241,255,.55);outline-offset:-3px;border-radius:18px;}
@media(max-width:720px){.mmm-process-card-summary{min-height:96px;align-items:flex-start}.mmm-process-card-toggle{margin-top:.15rem}}

/* MMM Process Lab v25: column-true long-division alignment */
.mmm-v2-longdiv{
  position:relative;
  display:grid;
  grid-template-columns:64px 132px;
  grid-template-rows:46px 58px auto;
  width:196px;
  min-height:240px;
  height:auto;
  margin:0 auto;
  transform:none;
  font:900 1.8rem/1.15 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.mmm-v2-ld-quotgrid{
  grid-column:2;
  grid-row:1;
  display:grid;
  grid-template-columns:66px 66px;
  align-items:end;
  justify-items:center;
  padding-bottom:5px;
}
.mmm-v2-ld-divisor{
  grid-column:1;
  grid-row:2;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  padding:13px 12px 0 0;
}
.mmm-v2-ld-dividend-frame{
  grid-column:2;
  grid-row:2;
  display:grid;
  grid-template-columns:66px 66px;
  align-items:start;
  justify-items:center;
  min-height:58px;
  padding-top:12px;
  border-left:4px solid rgba(255,255,255,.78);
  border-top:4px solid rgba(255,255,255,.78);
  border-radius:9px 0 0 0;
}
.mmm-v2-ld-work{
  grid-column:1 / 3;
  grid-row:3;
  display:grid;
  grid-template-columns:64px 66px 66px;
  grid-auto-rows:38px;
  align-items:center;
  justify-items:center;
  font-size:1.35rem;
  padding-top:0;
}
.mmm-v2-ld-op{grid-column:1;justify-self:end;padding-right:8px;color:#c8d5dd}
.mmm-v2-ld-op.second{grid-column:2;justify-self:end;padding-right:9px}
.mmm-v2-ld-workcell{min-width:38px;text-align:center;padding:.06em .18em;border-radius:7px}
.mmm-v2-ld-workcell.col-t{grid-column:2}.mmm-v2-ld-workcell.col-o{grid-column:3}
.mmm-v2-ld-rule{height:0;border-top:2px solid rgba(255,255,255,.66);align-self:start;margin-top:-5px}
.mmm-v2-ld-rule.first{grid-column:2;width:46px}.mmm-v2-ld-rule.second{grid-column:3;width:46px}
.mmm-v2-ld-workcell.is-context{color:#d4e0e8;opacity:.72}
.mmm-v2-ld-workcell.is-active{color:#effffc;background:rgba(52,211,198,.22);box-shadow:0 0 0 2px rgba(52,211,198,.56)}
.mmm-v2-ld-workcell.is-result{color:#effff5;background:rgba(74,222,128,.20);box-shadow:0 0 0 2px rgba(74,222,128,.48)}
/* Retire absolute-positioned v2.3 long-division pieces when the v25 grid is used. */
.mmm-v2-longdiv>.mmm-v2-quot,
.mmm-v2-longdiv>.mmm-v2-divisor,
.mmm-v2-longdiv>.mmm-v2-dividend,
.mmm-v2-longdiv>.mmm-v2-longdiv-line,
.mmm-v2-longdiv>.mmm-v2-workline{display:none!important}
@media(max-width:600px){
  .mmm-v2-longdiv{width:186px;grid-template-columns:58px 128px;grid-template-rows:44px 56px auto;font-size:1.7rem;transform:none}
  .mmm-v2-ld-quotgrid,.mmm-v2-ld-dividend-frame{grid-template-columns:64px 64px}
  .mmm-v2-ld-work{grid-template-columns:58px 64px 64px;font-size:1.28rem}
}

/* MMM Process Lab v1.2 hotfix: prevent long-division grid clipping inside the stage area */
.mmm-process-card[data-generator="division"] .mmm-process-equation{
  min-height:320px;
  overflow:visible;
  align-items:start;
  justify-items:center;
  padding-top:.75rem;
}
.mmm-process-card[data-generator="division"] .mmm-v2-longdiv{
  width:192px;
  min-height:0;
  grid-template-columns:60px 128px;
  grid-template-rows:40px 50px auto;
  font-size:1.68rem;
}
.mmm-process-card[data-generator="division"] .mmm-v2-ld-quotgrid,
.mmm-process-card[data-generator="division"] .mmm-v2-ld-dividend-frame{
  grid-template-columns:64px 64px;
}
.mmm-process-card[data-generator="division"] .mmm-v2-ld-divisor{padding:8px 10px 0 0;}
.mmm-process-card[data-generator="division"] .mmm-v2-ld-dividend-frame{
  min-height:50px;
  padding-top:9px;
}
.mmm-process-card[data-generator="division"] .mmm-v2-ld-work{
  grid-template-columns:60px 64px 64px;
  grid-auto-rows:30px;
  row-gap:2px;
  font-size:1.16rem;
}
.mmm-process-card[data-generator="division"] .mmm-v2-ld-op{padding-right:6px;}
.mmm-process-card[data-generator="division"] .mmm-v2-ld-op.second{padding-right:7px;}
.mmm-process-card[data-generator="division"] .mmm-v2-ld-rule{margin-top:-3px;}
.mmm-process-card[data-generator="division"] .mmm-v2-ld-rule.first,
.mmm-process-card[data-generator="division"] .mmm-v2-ld-rule.second{width:42px;}
@media(max-width:600px){
  .mmm-process-card[data-generator="division"] .mmm-process-equation{min-height:290px;padding:.55rem 0 .7rem;overflow:visible;}
  .mmm-process-card[data-generator="division"] .mmm-v2-longdiv{width:178px;grid-template-columns:54px 124px;grid-template-rows:38px 48px auto;font-size:1.52rem;}
  .mmm-process-card[data-generator="division"] .mmm-v2-ld-quotgrid,
  .mmm-process-card[data-generator="division"] .mmm-v2-ld-dividend-frame{grid-template-columns:62px 62px;}
  .mmm-process-card[data-generator="division"] .mmm-v2-ld-work{grid-template-columns:54px 62px 62px;font-size:1.07rem;grid-auto-rows:28px;}
}
