/* Fixed teaching examples; deliberately scoped to this lesson family. */
[data-decimal-division-howto] { line-height: 1.7; }
[data-decimal-division-howto] .card { min-width: 0; }
[data-decimal-division-howto] p,
[data-decimal-division-howto] li { overflow-wrap: anywhere; }
[data-decimal-division-howto] .dd-flow,
[data-decimal-division-howto] .dd-compare { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); }
[data-decimal-division-howto] .dd-panel { min-width: 0; border: 1px solid var(--border, #cbd5e1); border-radius: .75rem; padding: 1rem; }
[data-decimal-division-howto] .dd-panel h3 { margin-top: 0; font-size: 1rem; }
[data-decimal-division-howto] .dd-equation { font-size: 1.125rem; font-variant-numeric: tabular-nums; line-height: 1.8; text-align: start; unicode-bidi: isolate; }
[data-decimal-division-howto] .dd-point { font-weight: 800; text-decoration: underline; text-underline-offset: .15em; }
[data-decimal-division-howto] .dd-worked { margin: 1.5rem 0; }
[data-decimal-division-howto] .dd-worked figcaption { margin-top: 1rem; max-width: 65ch; }
[data-decimal-division-howto] .dd-division { display: inline-grid; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 1.5rem; line-height: 1.7; font-variant-numeric: tabular-nums; unicode-bidi: isolate; }
[data-decimal-division-howto] .dd-row { display: grid; grid-template-columns: 2.5ch 1.2ch 1.2ch .7ch 1.2ch; }
[data-decimal-division-howto] .dd-row > span { text-align: center; min-height: 1.7em; }
[data-decimal-division-howto] .dd-dividend > span:not(:first-child) { border-top: 2px solid currentColor; }
[data-decimal-division-howto] .dd-dividend > span:nth-child(2) { border-left: 2px solid currentColor; }
[data-decimal-division-howto] .dd-subtract > span:not(:first-child) { border-bottom: 1px solid currentColor; }
[data-decimal-division-howto] summary { cursor: pointer; padding-block: .5rem; }
[data-decimal-division-howto] summary:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
[data-decimal-division-howto] #try .button { white-space: normal; overflow-wrap: anywhere; }
@media print {
  [data-decimal-division-howto] .dd-worked,
  [data-decimal-division-howto] .dd-panel { break-inside: avoid; }
}