/* ── decimal_division_by_integer3_4（小数を整数でわり切ろう、単元仕様書 v1.4）── */
/* 画面：問題文の下に筆算の形、商の欄、回答案内、テンキー、こたえるボタン（§5-3・§7 画面表示）。 */
.dvi-main{display:flex;justify-content:center;margin:4px 0 8px;max-width:100%;overflow-x:auto}
.dvi-trace{display:inline-grid;align-items:end;justify-items:center;column-gap:0;font-size:1.6rem;line-height:1.5em;font-family:'Atkinson Hyperlegible','BIZ UDPGothic',ui-monospace,monospace;font-variant-numeric:tabular-nums;color:#0f172a;background:#fff;padding:4px 14px 6px;border-radius:10px;border:2px solid #cbd5e1;position:relative}
.dvi-c{position:relative;z-index:1;width:100%;text-align:center;font-weight:700}
.dvi-divisor{padding-right:2px;font-weight:700;justify-self:end}
.dvi-bracket{position:relative;align-self:stretch;justify-self:stretch;width:0.4em;margin-right:2px;color:transparent;font-weight:400;overflow:visible}
/* わり算の記号は、文字の「)」ではなく線で描き、上の端を横線（.dvi-overline）につなげる（2026-11-09 本番確認の指摘：記号と横線が分かれて見えた）。 */
.dvi-bracket::before{content:'';position:absolute;top:0;bottom:0.1em;left:0;right:0;border:3px solid #0f172a;border-left:0;border-radius:0 100% 100% 0 / 0 50% 50% 0}
.dvi-overline{align-self:start;justify-self:stretch;border-top:3px solid #0f172a;height:0;pointer-events:none}
.dvi-rule{align-self:end;justify-self:stretch;border-bottom:2px solid #0f172a;height:0;pointer-events:none}
/* 小数点は太い点、つけたした0は破線の四角、商の先頭の0は点線の丸（色だけで区別しない。§7・AC-06）。 */
.dvi-point{position:absolute;right:-0.05em;bottom:0.18em;width:0.24em;height:0.24em;border-radius:50%;background:#b91c1c;color:transparent;line-height:0;overflow:hidden;pointer-events:none;z-index:2}
.dvi-added .dvi-ch{display:inline-block;width:0.74em;line-height:1.05em;border:2px dashed #1d4ed8;border-radius:4px;color:#1d4ed8;box-sizing:border-box}
.dvi-lead0 .dvi-ch{display:inline-block;width:0.74em;line-height:1.1em;border:2px dotted #7c2d12;border-radius:50%;color:#7c2d12;box-sizing:border-box}
.dvi-fields{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:6px auto 2px}
.dvi-field-label{font-weight:700;font-size:1.2rem}
.dvi-input{width:6.5em;max-width:50vw;min-height:44px;font-size:1.4rem;padding:4px 8px;border:3px solid #1d4ed8;background:#eff6ff;border-radius:10px;text-align:center;font-family:inherit;box-sizing:border-box}
.dvi-input:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.dvi-input:disabled{background:#f8fafc;color:#111827;opacity:1;border-color:#94a3b8}
.dvi-input.dvi-input-ok{border:3px solid #15803d;background:#dcfce7}
.dvi-input.dvi-input-ng{border:3px dashed #b91c1c;background:#fff1f2}
.dvi-guide{margin:6px auto 4px;font-weight:700;text-align:center;max-width:32em}
.dvi-msg{margin:2px auto 0;color:#b91c1c;font-weight:700;font-size:1rem;text-align:center;max-width:32em}
.dvi-msg:empty{display:none}
.feedback.has-text.dvi-feedback{height:auto;min-height:40px;padding:4px 0;text-align:center;line-height:1.45}
.dvi-correct{margin:2px 0 6px;font-weight:700;font-size:1rem}
.dvi-steps{margin:4px 0 6px;padding-left:1.4em;font-size:.95rem;overflow-wrap:anywhere}
.dvi-steps li{margin:2px 0}
.dvi-lesson-ref{margin:4px 0 0;font-size:.92rem;color:#475569;line-height:1.5;overflow-wrap:anywhere}
.dvi-expl-text{margin:4px 0 6px;overflow-wrap:anywhere;font-size:1rem}
#page-quiz.active:has(.dvi-main) #hint-area .kp-card{display:flex;align-items:flex-start;gap:8px}
#page-quiz.active:has(.dvi-main) #hint-area .kp-head{margin-bottom:0;flex:none}
#page-quiz.active:has(.dvi-main) #hint-area .kp-title:empty{display:none}
#page-quiz.active:has(.dvi-main) #hint-area .kp-body{flex:1;min-width:0;padding-left:0;overflow-wrap:anywhere}
@media (max-width:420px){
  .dvi-trace{font-size:1.35rem;padding:3px 10px 5px}
}

/* 印刷：A4縦・3列・1ページ（§7。用紙の余白10mm、本文190×277mm、列60mm・列の間5mm。左列A群4段、中・右列B群・C群3段。筆算を書く空きはA群38mm以上、B群・C群50mm以上）。 */
.dvi-pr-page{width:190mm;height:277mm;box-sizing:border-box;display:flex;flex-direction:column;padding:0;margin:0 auto 8mm;overflow:hidden;background:#fff;color:#000;font-family:'Atkinson Hyperlegible','BIZ UDPGothic','Yu Gothic','Meiryo',sans-serif}
.dvi-pr-head{display:flex;flex-direction:column;flex:none;box-sizing:border-box;width:190mm}
.dvi-pr-title{box-sizing:border-box;margin:0;height:9mm;font-size:14.3pt;font-weight:700;line-height:7.8mm;text-align:center;white-space:nowrap;padding:0;border:1.5pt solid #666;background:#ffffcc;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.dvi-pr-instruction{margin:0 0 1.5mm;font-size:12.6pt;line-height:5.3mm}
.dvi-pr-problems{display:grid;grid-template-columns:60mm 60mm 60mm;column-gap:5mm;flex:1 1 auto;min-height:0}
.dvi-pr-col{display:grid;min-height:0}
.dvi-pr-col-4{grid-template-rows:repeat(4,minmax(0,1fr))}
.dvi-pr-col-3{grid-template-rows:repeat(3,minmax(0,1fr))}
.dvi-pr-cell{box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;padding-bottom:1mm;min-height:0}
/* 問と問のさかいめに点線（次の問の番号と前の問のこたえらんを見分ける）。 */
.dvi-pr-cell+.dvi-pr-cell{border-top:0.3mm dotted #888;padding-top:0.7mm}
.dvi-pr-q{margin:0;height:6mm;font-size:12.6pt;line-height:6mm;white-space:pre;font-weight:700}
.dvi-pr-space{flex:1 1 auto;min-height:38mm;margin:1mm 0}
.dvi-pr-col-3 .dvi-pr-space{min-height:50mm}
.dvi-pr-ansline{margin:0;display:flex;align-items:center;gap:2mm;font-size:12.6pt;white-space:nowrap;height:8mm}
.dvi-pr-field{font-weight:700}
.dvi-pr-box{display:inline-block;box-sizing:border-box;width:30mm;height:8mm;border:0.35mm solid #333}
.dvi-pr-answers{flex:none;box-sizing:border-box}
.dvi-pr-dashed{box-sizing:content-box;display:block;height:0;margin:0 0 1mm;padding:0;border:0;border-top:2pt dashed #aaa}
.dvi-pr-answers-title{font-weight:700;font-size:12.6pt;height:6mm;line-height:6mm}
.dvi-pr-answer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:2.5mm}
.dvi-pr-ans{margin:0;font-size:10.2pt;line-height:4.6mm;height:4.6mm;white-space:nowrap}
.dvi-app-pdf-page .dvi-pr-page{box-shadow:none;margin:0}

#pr-sheet[data-unit="decimal_division_by_integer3_4"]{width:190mm;max-width:none;padding:0;margin:calc(12px + 10mm) auto;background:transparent;box-shadow:none}
#pr-sheet[data-unit="decimal_division_by_integer3_4"]>:not(#pr-problems){display:none!important}
#pr-sheet[data-unit="decimal_division_by_integer3_4"]>#pr-problems{display:block}
/* 画面のプレビューでは、用紙の余白10mmを白い縁で見せる（印刷の寸法は変えない）。 */
#pr-sheet[data-unit="decimal_division_by_integer3_4"] .dvi-pr-page{box-shadow:0 0 0 10mm #fff,0 0 4px 10mm rgba(0,0,0,.12);margin-bottom:calc(8mm + 10mm)}
@media print{
  #page-print #pr-sheet[data-unit="decimal_division_by_integer3_4"]{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;box-shadow:none!important}
  #page-print #pr-sheet[data-unit="decimal_division_by_integer3_4"]>:not(#pr-problems){display:none!important}
  #page-print #pr-sheet[data-unit="decimal_division_by_integer3_4"]>#pr-problems{display:block!important}
  #page-print #pr-sheet[data-unit="decimal_division_by_integer3_4"] .dvi-pr-page{display:flex!important;margin:0!important;box-shadow:none!important;break-after:auto;page-break-after:auto}
}