/* ── decimal_operation_order3_5（小数のかっこと計算順序を使い分けよう、単元仕様書 v1.2）── */
/* 画面：問題文の式（二重かっこの内側と外側を見分ける。記号のあとだけで行を分ける）、答えの欄、回答案内、テンキー（§5-3・§7 画面表示）。 */
.doo-question{line-height:1.7}
/* 式の中だけは数・かっこの途中で行を分けない（行の分け目は記号のあとの <wbr> だけ）。問題文の日本語は普通に折り返す。 */
.doo-question .doo-expr{overflow-wrap:normal;word-break:keep-all}
.doo-expr{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.12em;unicode-bidi:isolate}
.doo-chunk{white-space:nowrap}
.doo-op{padding:0 .06em}
.doo-paren{display:inline-block;font-weight:700}
/* いちばん外側のかっこは大きく濃い青、内側のかっこは小さめのだいだい色で、間を少しあける（§7。二重かっこを見分ける）。 */
.doo-paren-outer{color:#1e3a8a;font-size:1.18em;line-height:1;padding:0 .04em}
.doo-paren-inner{color:#b45309;font-size:1em;padding:0 .08em}
.doo-fields{display:flex;justify-content:center;align-items:center;gap:8px;margin:6px auto 2px}
.doo-input-label{font-weight:700;font-size:1.05rem}
.doo-input{width:7em;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}
.doo-input:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.doo-input:disabled{background:#f8fafc;color:#111827;opacity:1;border-color:#94a3b8}
.doo-input.doo-input-ok{border:3px solid #15803d;background:#dcfce7}
.doo-input.doo-input-ng{border:3px dashed #b91c1c;background:#fff1f2}
.doo-guide{margin:6px auto 4px;font-weight:700;text-align:center;max-width:32em}
.doo-msg{margin:2px auto 0;color:#b91c1c;font-weight:700;font-size:.95rem;text-align:center;max-width:32em}
.doo-msg:empty{display:none}
.feedback.has-text.doo-feedback{height:auto;min-height:40px;padding:4px 0;text-align:center;line-height:1.45}
.doo-correct{margin:2px 0 6px;font-weight:700}
.doo-expl-text{margin:4px 0 6px;overflow-wrap:anywhere}
#page-quiz.active:has(.doo-fields) #hint-area .kp-card{display:flex;align-items:flex-start;gap:8px}
#page-quiz.active:has(.doo-fields) #hint-area .kp-head{margin-bottom:0;flex:none}
#page-quiz.active:has(.doo-fields) #hint-area .kp-title:empty{display:none}
#page-quiz.active:has(.doo-fields) #hint-area .kp-body{flex:1;min-width:0;padding-left:0}

/* 印刷：A4縦・2列×5段・1ページ（§7。用紙の余白10mm、本文190×277mm、列91mm・列の間4mm、各問の領域43mm）。 */
.doo-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}
.doo-pr-head{display:flex;flex-direction:column;flex:none;box-sizing:border-box;width:186mm;height:23.5mm}
.doo-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}
.doo-pr-inst{flex:none;box-sizing:border-box;margin:0;height:9mm;padding-top:1.5mm;font-size:12.6pt;line-height:6mm;width:186mm;white-space:nowrap}
.doo-pr-problems{display:grid;grid-template-columns:91mm 91mm;column-gap:4mm;flex:none;height:215mm;margin-top:2mm}
.doo-pr-col{display:flex;flex-direction:column}
.doo-pr-cell{box-sizing:border-box;height:43mm;overflow:hidden;display:flex;flex-direction:column;padding-right:2mm}
.doo-pr-q{margin:0;font-size:12.6pt;line-height:6mm;height:12mm;width:85mm;overflow:hidden;word-break:keep-all;overflow-wrap:normal}
/* 印刷では等幅数字を使わない（アプリPDFの画像化で数字のあとに空きが出るため）。 */
.doo-pr-q .doo-expr{font-size:1em;font-variant-numeric:normal}
.doo-pr-q .doo-paren-outer{font-size:1.12em}
.doo-pr-no{font-weight:700}
.doo-pr-work{box-sizing:border-box;width:86mm;height:18mm;border:0.8pt solid #888;border-radius:1.5mm;padding:0.6mm 1.2mm}
.doo-pr-work-label{font-size:10.2pt;line-height:4.5mm;color:#333}
.doo-pr-ansrow{display:flex;align-items:center;height:8mm;font-size:12.6pt;white-space:nowrap}
.doo-pr-anslabel{font-weight:700;margin-right:1mm}
.doo-pr-box{display:inline-block;box-sizing:border-box;width:30mm;height:7mm;border:1pt solid #333}
.doo-pr-answers{flex:none;box-sizing:border-box;margin-top:2mm;height:16mm}
.doo-pr-dashed{box-sizing:content-box;display:block;height:0;margin:0 0 1mm;padding:0;border:0;border-top:2pt dashed #aaa}
.doo-pr-answer-line{display:flex;align-items:baseline;gap:3.5mm;font-size:10.2pt;line-height:4.5mm;height:4.5mm;white-space:nowrap}
.doo-pr-answers-title{font-weight:700;margin-right:1mm}
.doo-pr-answers-indent{visibility:hidden}
.doo-pr-ans{display:inline-block;min-width:20mm}
.doo-app-pdf-page .doo-pr-page{box-shadow:none;margin:0}

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