/* ── significant_digit_rounding3_4（上から何けたかでがい数にしよう、単元仕様書 v1.3）── */
/* 画面：問題文の下に、けたの表示の代替文、けたの表示（上からの番号・数字・位の名前。回答後に役わりの文字）、回答案内、選択肢①〜④（§5-3・§7 画面表示）。 */
.sdr-main{display:flex;flex-direction:column;align-items:center;gap:6px;margin:4px 0 6px;max-width:100%}
.sdr-figure{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:100%}
.sdr-alt{margin:0;font-size:.95rem;line-height:1.45;color:#1f2937;text-align:center;max-width:34em}
/* けたの表示：右から4けたずつのまとまり。まとまりの中は折り返さず、まとまりごとに折り返して上のまとまりから順に積む。 */
.sdr-display{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:6px 10px;max-width:100%;padding:6px 8px;border:2px solid #64748b;border-radius:12px;background:#f8fafc;box-sizing:border-box}
.sdr-group{display:flex;flex-wrap:nowrap;gap:2px}
.sdr-cell{display:flex;flex-direction:column;align-items:center;width:auto;min-width:3.6rem;padding:0 2px;box-sizing:border-box}
.sdr-order{font-size:.75rem;font-weight:800;line-height:1.2;color:#475569;font-variant-numeric:tabular-nums}
.sdr-digit{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.5rem;box-sizing:border-box;border:1px solid #94a3b8;border-radius:6px;background:#fff;font-size:1.5rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:#111827}
.sdr-place{margin-top:2px;font-size:.75rem;font-weight:700;line-height:1.15;color:#334155;text-align:center;min-height:2.3em;overflow-wrap:normal;word-break:keep-all}
.sdr-role{min-height:1.2em;max-width:3.6rem;font-size:.7rem;font-weight:900;line-height:1.2;color:#111827;white-space:normal;text-align:center}
/* 最後に残す位はわくで囲み、見る位は下線を引く。どちらも役わりの文字を下に置き、色だけにたよらない。 */
.sdr-cell-keep .sdr-digit{border:3px solid #111827;box-shadow:0 0 0 2px #fde68a}
.sdr-cell-check .sdr-digit{border-bottom:5px double #111827}
.sdr-response{margin:0;font-weight:700;text-align:center}
.sdr-choices{display:grid;grid-template-columns:1fr;gap:8px;min-width:12em;max-width:100%}
.sdr-choice{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:48px;padding:6px 14px;border:2px solid #94a3b8;border-radius:12px;background:#fff;color:#111827;font-size:1.15rem;font-weight:700;font-family:inherit;text-align:left;cursor:pointer;font-variant-numeric:tabular-nums}
.sdr-choice:hover:not(:disabled){border-color:#1d4ed8;background:#eff6ff}
.sdr-choice:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.sdr-choice:disabled{cursor:default;opacity:1;color:#111827}
.sdr-choice.sdr-choice-correct{border:3px solid #15803d;background:#dcfce7}
.sdr-choice.sdr-choice-wrong{border:3px dashed #b91c1c;background:#fff1f2}
.sdr-choice.sdr-choice-selected{box-shadow:0 0 0 2px #111827 inset}
.sdr-choice.sdr-choice-selected:not(:disabled){border-color:#1d4ed8;background:#dbeafe;box-shadow:0 0 0 2px #1d4ed8 inset}
.sdr-choice-tag{font-weight:900;min-width:1.1em}
.sdr-choice-text{overflow-wrap:anywhere}
.feedback.has-text.sdr-feedback{height:auto;min-height:40px;padding:4px 0;text-align:center;line-height:1.45}
.sdr-answer-line{margin:4px 0 2px;font-weight:700;overflow-wrap:anywhere}
.sdr-expl-text{margin:2px 0 6px;overflow-wrap:anywhere}
#page-quiz.active:has(.sdr-main) #hint-area .kp-card{display:flex;align-items:flex-start;gap:8px}
#page-quiz.active:has(.sdr-main) #hint-area .kp-head{margin-bottom:0;flex:none}
#page-quiz.active:has(.sdr-main) #hint-area .kp-title:empty{display:none}
#page-quiz.active:has(.sdr-main) #hint-area .kp-body{flex:1;min-width:0;padding-left:0}
@media (max-width:560px){
  .sdr-display{padding:6px 4px;gap:6px}
  .sdr-cell{min-width:3.3rem}
  .sdr-place{font-size:.7rem}
  .sdr-choices{width:100%}
  .sdr-choice{font-size:1.05rem;padding:6px 10px}
}

/* 印刷：A4縦・2列・1ページ（§7。用紙の余白10mm、本文190×277mm）。 */
.sdr-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;font-size:12.5pt}
/* 共通の領域（29mm）：題名の枠、月・日・年・組・名前の記入欄と実線、共通の案内（点数の欄は置かない）。 */
.sdr-print-head{display:flex;flex-direction:column;height:29mm;flex:none;box-sizing:border-box;font-size:12.5pt}
.sdr-print-title{box-sizing:border-box;margin:0 0 1mm;height:9mm;font-size:14pt;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}
.sdr-print-head .pp-fields{margin:0}
.sdr-print-head .pp-fields-solid{margin:1mm 0 1mm}
.sdr-print-instruction{margin:0;height:6mm;line-height:6mm;white-space:nowrap}
/* 問題：2列（各91mm、列の間4mm）×5段（各46mm）。各問の中は、上の段（番号と（　）の列12mm・問題文の列79mm）と、下の段の選択肢（91mm）。 */
.sdr-print-problems{display:grid;grid-template-columns:91mm 91mm;column-gap:4mm;flex:none;height:230mm}
.sdr-print-col{display:grid;grid-template-rows:repeat(5,46mm)}
.sdr-print-cell{display:flex;flex-direction:column;height:46mm;overflow:hidden;box-sizing:border-box;padding-top:1mm}
.sdr-print-top{display:grid;grid-template-columns:12mm 79mm}
.sdr-print-side{display:flex;flex-direction:column;align-items:flex-start}
.sdr-print-number{height:5.5mm;line-height:5.5mm;font-weight:700}
.sdr-print-box{display:inline-flex;align-items:center;white-space:pre;height:8mm;line-height:8mm}
.sdr-print-box-space{display:inline-block;width:7mm;height:8mm;white-space:pre}
.sdr-print-prompt{margin:0;padding-right:3mm;line-height:5.5mm;overflow-wrap:break-word;word-break:normal;line-break:strict}
.sdr-print-choices{display:grid;line-height:5.5mm;white-space:nowrap;margin-top:1mm;font-variant-numeric:tabular-nums}
.sdr-print-choices{grid-template-columns:1fr}
.sdr-print-choice{overflow:hidden}
.sdr-print-answers{flex:none;box-sizing:border-box;font-size:12.5pt}
.sdr-print-dashed{box-sizing:content-box;display:block;height:0;margin:1mm 0 1mm;padding:0;border:0;border-top:2pt dashed #aaa}
.sdr-print-answers-row{display:flex;align-items:center;height:6mm;line-height:6mm;white-space:nowrap}
.sdr-print-answers-title{display:inline-block;width:20mm;flex:none;font-weight:700}
.sdr-print-ans{display:inline-block;width:16mm;flex:none}
.sdr-app-pdf-page .sdr-print-page{box-shadow:none;margin:0}

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