/* Deep Dive 5: step-by-step long division (first used by Math 7 Unit 3 Lesson 6, 2026-11-02).
   Monospace rows keep the columns lined up: the quotient on top, the divisor outside the
   bracket, the dividend inside with its zeros written in, each product and remainder
   underneath. Rows carry data-step; dd5-longdiv.js hides them and reveals one step per click
   of "Show next step". Without the script every row shows, so nothing depends on JS. */
.ld { margin: 14px 0 6px; }
.ld-grid {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 21px; line-height: 1.45; overflow-x: auto; padding: 4px 2px;
}
.ld-line { display: flex; white-space: pre; }
.ld-dvs { padding-right: .45em; }
.ld-dvs.ld-blank { visibility: hidden; }
.ld-dvd { border-left: 2.5px solid currentColor; border-top: 2.5px solid currentColor; padding: 0 .35em; }
.ld-body { border-left: 2.5px solid transparent; padding: 0 .35em; white-space: pre; }
.ld-quot .ld-body { border-left-color: transparent; font-weight: 700; color: var(--accent-dark, #1B3A5C); }
.ld-u { border-bottom: 2.5px solid currentColor; }
.ld-rem-n { font-weight: 700; }
.ld-rep { background: #FFE8A3; border-radius: 4px; outline: 2px solid #F4A261; }
.ld-say { margin: 10px 0 0; padding-left: 22px; font-size: 16.5px; line-height: 1.55; }
.ld-say li { margin-bottom: 4px; }
.ld-say .ld-final { list-style: none; margin-left: -22px; font-weight: 600; }
.ld-hidden { display: none !important; }
.ld-next {
  margin-top: 10px; font-family: "Fredoka", system-ui, sans-serif; font-weight: 600; font-size: 16px;
  padding: 8px 18px; border-radius: 999px; cursor: pointer; color: #fff;
  background: var(--accent-dark, #1B3A5C); border: 2px solid var(--accent-dark, #1B3A5C);
}
.ld-next:hover { background: #fff; color: var(--accent-dark, #1B3A5C); }
.ld-next:focus-visible { outline: 3px solid #F4A261; outline-offset: 3px; }
.ld-caption { font-weight: 600; margin: 0 0 4px; font-size: 16px; }
.kit-bar { text-decoration: overline; text-decoration-thickness: 1.5px; text-underline-offset: 0; }
@media (max-width: 480px) { .ld-grid { font-size: 18px; } }