@import url("./written-multiplication-model.css");

#writtenDivisionModel { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; }
#writtenDivisionModel .wm-panels,
#writtenDivisionModel.wm-expanded-visible.wm-representation-hidden .wm-panels,
#writtenDivisionModel.wm-expanded-visible:not(.wm-representation-hidden) .wm-panels { grid-template-columns: minmax(430px, 680px); align-items:start; }
#writtenDivisionModel:not(.wm-representation-hidden) .wm-panels,
#writtenDivisionModel.wm-expanded-visible:not(.wm-representation-hidden) .wm-panels { grid-template-columns: minmax(430px, 620px) minmax(430px, 680px); }
#writtenDivisionModel.wd-facts-visible.wm-representation-hidden .wm-panels,
#writtenDivisionModel.wd-facts-visible.wm-expanded-visible.wm-representation-hidden .wm-panels { grid-template-columns: minmax(240px, 300px) minmax(430px, 620px); }
#writtenDivisionModel.wd-facts-visible:not(.wm-representation-hidden) .wm-panels,
#writtenDivisionModel.wd-facts-visible.wm-expanded-visible:not(.wm-representation-hidden) .wm-panels { grid-template-columns: minmax(240px, 300px) minmax(390px, 560px) minmax(390px, 620px); }
#writtenDivisionModel:not(.wm-representation-hidden) .wm-stage { min-width: 874px; }
#writtenDivisionModel.wd-facts-visible.wm-representation-hidden .wm-stage { min-width: 684px; }
#writtenDivisionModel.wd-facts-visible:not(.wm-representation-hidden) .wm-stage { min-width: 1048px; }
#writtenDivisionModel .wm-setup { width:max-content; min-width:870px; max-width:100%; margin-inline:auto; grid-template-columns:170px 130px 190px 180px; justify-content:center; }
#writtenDivisionModel .wm-setup .wm-actions { grid-column:1 / -1; min-width:max-content; justify-self:center; justify-content:center; flex-wrap:nowrap; }
#writtenDivisionModel .wd-method-column { min-width:0; display:grid; gap:14px; }
#writtenDivisionModel .wd-facts-panel { min-height:430px; padding:12px 10px; }
#writtenDivisionModel .wm-entry select { width:100%; min-height:48px; padding:0 36px 0 12px; border:2px solid #8fb8ca; border-radius:9px; color:var(--wm-ink); background:#fff; font-weight:800; }
#writtenDivisionModel .wm-entry select:focus { outline:3px solid rgba(20,155,215,.2); border-color:#0f80b3; }
#writtenDivisionModel .wm-entry select:disabled { opacity:.62; background:#edf3f6; }
#writtenDivisionModel .wm-number-sentence .stacked-fraction,
#writtenDivisionModel .wm-worksheet-answer .stacked-fraction { font-size:.78em; }

.wd-inverse-note,
.wd-remainder-note {
  margin: 8px 0 0;
  color: var(--wm-muted);
  text-align: center;
  font-weight: 800;
}

.wd-counter-host .place-value-row-annotation { font-size: 10px; }
.wd-counter-host [data-place-value-counter] {
  transform-box: fill-box;
  transform-origin: center;
}
.wd-counter-host .wd-counter-moving { will-change: transform, opacity; }
.wd-animating .wd-counter-host { cursor: progress; }
.wd-expanded-host .long-division-visual,
.wd-algorithm-host .long-division-visual { max-height: 520px; }

@media (max-width:900px) {
  #writtenDivisionModel .wm-setup { width:min(100%,720px); min-width:0; grid-template-columns:repeat(2,minmax(150px,1fr)); }
  #writtenDivisionModel .wm-setup .wm-actions { min-width:0; flex-wrap:wrap; }
}

@media (max-width:600px) {
  html, body { height:auto; min-height:100%; overflow:auto; }
  .app { height:auto; min-height:100vh; min-height:100dvh; overflow:visible; }
  #writtenDivisionModel { display:block; overflow:visible; }
  #writtenDivisionModel .wm-workspace { overflow:visible; padding:10px; }
  #writtenDivisionModel .wm-stage { position:static; width:100% !important; min-width:0 !important; transform:none !important; }
  #writtenDivisionModel .wm-setup { width:100%; grid-template-columns:1fr; }
  #writtenDivisionModel .wm-setup .wm-actions { grid-column:auto; }
  #writtenDivisionModel .wm-panels,
  #writtenDivisionModel:not(.wm-representation-hidden) .wm-panels,
  #writtenDivisionModel.wd-facts-visible.wm-representation-hidden .wm-panels,
  #writtenDivisionModel.wd-facts-visible:not(.wm-representation-hidden) .wm-panels,
  #writtenDivisionModel.wm-expanded-visible.wm-representation-hidden .wm-panels,
  #writtenDivisionModel.wm-expanded-visible:not(.wm-representation-hidden) .wm-panels {
    grid-template-columns:minmax(0,1fr);
  }
  #writtenDivisionModel .wm-panel { min-height:0; }
}

@media print {
  #writtenDivisionModel { display: block; overflow: visible; }
  #writtenDivisionModel:not(.wm-representation-hidden) .wm-panels { max-width: none; grid-template-columns: minmax(0, 46fr) minmax(0, 54fr); }
  #writtenDivisionModel.wd-facts-visible.wm-representation-hidden .wm-panels { max-width:none; grid-template-columns:minmax(0, 34fr) minmax(0, 66fr); }
  #writtenDivisionModel.wd-facts-visible:not(.wm-representation-hidden) .wm-panels { max-width:none; grid-template-columns:minmax(0, 22fr) minmax(0, 36fr) minmax(0, 42fr); gap:3mm; }
  #writtenDivisionModel.wm-print-worksheet .wm-workspace { display: none !important; }
  #writtenDivisionModel.wm-print-worksheet .wm-worksheet-surface { display: block !important; width: 100%; }
  #writtenDivisionModel.wm-print-worksheet .spire-shared-print-copyright { display: none !important; }
  body.wm-printing-worksheet .spire-shared-print-copyright { display: none !important; }
  .wd-counter-host .wd-counter-moving { animation: none !important; transform: none !important; opacity: 1 !important; }
  .wm-worksheet-page footer { justify-content: space-between; gap: 8mm; }
  .wd-worksheet-page .wd-worksheet-grid { grid-template-columns:minmax(0,1fr); }
  .wd-worksheet-page .wd-worksheet-question { padding:3mm; }
  .wd-worksheet-page .wd-worksheet-models { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:3mm; }
  .wd-worksheet-page .wd-worksheet-models[data-model-count="3"] { grid-template-columns:minmax(0,24fr) minmax(0,38fr) minmax(0,38fr); }
  .wd-worksheet-page .wd-worksheet-model { min-width:0; min-height:0; display:flex; align-items:center; justify-content:center; overflow:hidden; padding:1.5mm; border:.3mm solid #d2e1e8; border-radius:2mm; background:#fbfdfe; }
  .wd-worksheet-page .wd-worksheet-model .question-visual { width:100%; margin:0; }
  .wd-worksheet-page .wd-worksheet-model svg { width:100%; height:auto; max-height:126mm; }
  .wd-worksheet-page .wd-worksheet-facts { align-items:flex-start; padding:1mm; }
  .wd-worksheet-page .wd-worksheet-facts .divisor-facts-model { width:100%; }
  .wd-worksheet-page .wd-worksheet-facts .division-fact-list { gap:1.2mm; }
  .wd-worksheet-page .wd-worksheet-facts .division-fact-row { min-height:7.4mm; padding:1mm 2mm; border-radius:3mm; }
  .wd-worksheet-page .wd-worksheet-facts .division-fact-expression { font-size:8.8pt; }
  .wd-worksheet-page .wd-worksheet-facts .division-fact-known,
  .wd-worksheet-page .wd-worksheet-facts .division-fact-strategy { font-size:6.8pt; }
}