/* ── decimal_quotient_stop_remainder2_4（小数の商を止めてあまりを求めよう、単元仕様書 v1.3）── */
/* 画面：問題文の下に、わり算の式と位取り線、商とあまりの入力欄、回答案内を置く（§5-3・§7 画面表示）。320×568でも横スクロールを出さない。 */
.dqsr-main{display:flex;justify-content:center;margin:6px 0 6px;max-width:100%}
.dqsr-frame{display:inline-flex;flex-direction:column;align-items:stretch;font-size:1.6rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:#111827}
.dqsr-row{display:flex;align-items:stretch}
.dqsr-divisor{display:inline-flex;align-items:center;justify-content:flex-end;width:1.4em;padding-right:.15em}
.dqsr-bracket,.dqsr-bracket-gap{display:inline-block;width:.45em;flex:none}
.dqsr-bracket{border-right:3px solid #111827;border-top-right-radius:60% 100%;border-bottom-right-radius:0;margin-right:-1px}
.dqsr-cell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.45em;box-sizing:border-box;border-left:2px dashed #9ca3af}
.dqsr-cell.dqsr-col-3{border-right:2px dashed #9ca3af}
.dqsr-n-row .dqsr-cell{border-top:3px solid #111827}
.dqsr-q-cell{background:#f8fafc}
/* 小数点は一の位と小数第1位の間の線の上に置く（文字ではなく円の図形）。 */
.dqsr-cell.dqsr-point::after{content:'';position:absolute;right:-.12em;bottom:.2em;width:.2em;height:.2em;border-radius:50%;background:#111827}
.dqsr-fields{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;margin:6px auto 2px;max-width:100%}
.dqsr-field{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:1.05rem}
.dqsr-input{width:7.5em;max-width:40vw;font-size:1.4rem;padding:6px 8px;border:2px solid #94a3b8;border-radius:10px;text-align:center;font-family:inherit;box-sizing:border-box}
.dqsr-input:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.dqsr-input:disabled{background:#f8fafc;color:#111827;opacity:1}
.dqsr-input.dqsr-input-ok{border:3px solid #15803d;background:#dcfce7}
.dqsr-input.dqsr-input-ng{border:3px dashed #b91c1c;background:#fff1f2}
.dqsr-response{margin:4px 0 2px;font-weight:700;text-align:center}
.feedback.has-text.dqsr-feedback{height:auto;min-height:40px;padding:4px 0;text-align:center;line-height:1.45}
.dqsr-answer-line{margin:4px 0 2px;font-weight:700}
.dqsr-expl-lead{margin:2px 0}
.dqsr-expl-text{margin:2px 0 6px}
#page-quiz.active:has(.dqsr-main) #hint-area .kp-card{display:flex;align-items:flex-start;gap:8px}
#page-quiz.active:has(.dqsr-main) #hint-area .kp-head{margin-bottom:0;flex:none}
#page-quiz.active:has(.dqsr-main) #hint-area .kp-title:empty{display:none}
#page-quiz.active:has(.dqsr-main) #hint-area .kp-body{flex:1;min-width:0;padding-left:0}

/* 印刷：A4縦・2列・1ページ（§7。用紙の余白10mm、本文190×277mm）。 */
.dqsr-print-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}
.dqsr-print-head{display:flex;flex-direction:column;gap:0;height:28.8mm;flex:none;box-sizing:border-box}
.dqsr-print-title{box-sizing:border-box;margin:0;height:8mm;font-size:14pt;font-weight:700;line-height:7.4mm;text-align:center;white-space:nowrap;padding:0;border:1.5pt solid #666;background:#ffffcc;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.dqsr-print-fields{display:flex;gap:4mm;align-items:flex-end;height:6mm;margin-top:1.5mm;font-size:12.5pt;line-height:6mm;white-space:nowrap}
.dqsr-print-field{display:inline-flex;align-items:flex-end;gap:1.5mm;flex:none}
.dqsr-print-field-line{display:inline-block;box-sizing:border-box;width:10mm;height:5mm;border-bottom:1pt solid #555}
.dqsr-field-name{flex:1;min-width:0}
.dqsr-field-name .dqsr-print-field-line{flex:1;width:auto;min-width:30mm}
.dqsr-field-score .dqsr-print-field-line{width:14mm}
.dqsr-print-solid{box-sizing:content-box;display:block;height:0;padding:0;border:0;border-top:1.5pt solid #333;margin:0.9mm 0}
.dqsr-print-instruction{margin:0;height:6mm;font-size:12.5pt;line-height:6mm;white-space:nowrap}
.dqsr-print-grid{display:grid;grid-template-columns:91mm 91mm;column-gap:4mm;flex:none;height:205mm;margin-top:2mm}
.dqsr-print-col{display:grid;grid-template-rows:repeat(5,41mm)}
.dqsr-print-cell{display:flex;flex-direction:column;height:41mm;overflow:hidden;box-sizing:border-box}
.dqsr-print-line{margin:0;height:5.3mm;font-size:12.5pt;line-height:5.3mm;white-space:nowrap}
.dqsr-print-q{font-weight:700;white-space:pre}
.dqsr-print-work{height:12mm;width:85mm;flex:none}
.dqsr-print-boxes{display:flex;align-items:center;height:8mm;font-size:12.5pt;line-height:8mm;white-space:nowrap}
.dqsr-print-box-label{margin-right:1.5mm}
.dqsr-print-box{display:inline-block;box-sizing:border-box;width:18mm;height:8mm;border:1pt solid #333}
.dqsr-print-box-gap{display:inline-block;width:5mm}
.dqsr-print-answers{flex:none;box-sizing:border-box;margin-top:1mm}
.dqsr-print-dashed{box-sizing:content-box;display:block;height:0;margin:0 0 0.3mm;padding:0;border:0;border-top:2pt dashed #aaa}
.dqsr-print-answers-title{font-weight:700;font-size:12.5pt;height:6mm;line-height:6mm}
.dqsr-print-answers-grid{display:grid;grid-template-columns:91mm 91mm;column-gap:4mm}
.dqsr-print-answer-col{list-style:none;margin:0;padding:0}
.dqsr-print-answer{font-size:10pt;line-height:4.5mm;height:4.5mm;white-space:nowrap}
.dqsr-app-pdf-page .dqsr-print-page{box-shadow:none;margin:0}

#pr-sheet[data-unit="decimal_quotient_stop_remainder2_4"]{width:190mm;max-width:none;padding:0;margin:calc(12px + 10mm) auto;background:transparent;box-shadow:none}
#pr-sheet[data-unit="decimal_quotient_stop_remainder2_4"]>:not(#pr-problems){display:none!important}
#pr-sheet[data-unit="decimal_quotient_stop_remainder2_4"]>#pr-problems{display:block}
/* 画面のプレビューでは、用紙の余白10mmを白い縁で見せる（印刷の寸法は変えない）。 */
#pr-sheet[data-unit="decimal_quotient_stop_remainder2_4"] .dqsr-print-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_quotient_stop_remainder2_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_quotient_stop_remainder2_4"]>:not(#pr-problems){display:none!important}
  #page-print #pr-sheet[data-unit="decimal_quotient_stop_remainder2_4"]>#pr-problems{display:block!important}
  #page-print #pr-sheet[data-unit="decimal_quotient_stop_remainder2_4"] .dqsr-print-page{display:flex!important;margin:0!important;box-shadow:none!important;break-after:auto;page-break-after:auto}
}
