/* ── remainder_capacity_planning2_3（あまりを見てひつような入れ物を計画しよう、単元仕様書 v1.2）── */
/* 画面：問題文の下に数の表、回答案内、2つの欄（名前・欄・単位）、テンキーを置く（§5-3・§7 画面表示）。320×568でも横スクロールを出さない。 */
.rcp-main{display:flex;justify-content:center;margin:6px 0 8px;max-width:100%}
.rcp-table{max-width:100%}
.rcp-table-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.rcp-pair{display:inline-flex;align-items:stretch;border:2px solid #64748b;border-radius:8px;overflow:hidden;font-size:1.05rem;line-height:1.3}
.rcp-th{background:#e2e8f0;padding:6px 8px;font-weight:700;color:#1e293b}
.rcp-td{background:#fff;padding:6px 10px;font-weight:700;font-variant-numeric:tabular-nums;min-width:2.2em;text-align:center}
.rcp-response{margin:4px 0 4px;font-weight:700;text-align:center}
.rcp-fields{display:flex;flex-direction:column;align-items:center;gap:4px;margin:4px auto 2px;max-width:100%}
.rcp-field-row{display:flex;flex-direction:column;align-items:center;max-width:100%}
.rcp-field{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;font-weight:700;font-size:1.05rem}
.rcp-field-box{display:inline-flex;align-items:center;gap:6px}
.rcp-input{width:5.5em;max-width:40vw;min-height:44px;font-size:1.4rem;padding:4px 8px;border:2px solid #94a3b8;border-radius:10px;text-align:center;font-family:inherit;box-sizing:border-box}
.rcp-input:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.rcp-input:disabled{background:#f8fafc;color:#111827;opacity:1}
.rcp-input.rcp-input-active{border:3px solid #1d4ed8;background:#eff6ff}
.rcp-input.rcp-input-ok{border:3px solid #15803d;background:#dcfce7}
.rcp-input.rcp-input-ng{border:3px dashed #b91c1c;background:#fff1f2}
.rcp-unit{font-weight:700}
.rcp-field-msg{margin:2px 0 0;min-height:0;color:#b91c1c;font-weight:700;font-size:.95rem;text-align:center;max-width:32em}
.rcp-field-msg:empty{display:none}
.rcp-keypad{margin-top:10px}
.rcp-keypad .rcp-key-zero{grid-column:span 1}
.rcp-keypad .rcp-key-switch{grid-column:1/-1;font-size:1rem}
.feedback.has-text.rcp-feedback{height:auto;min-height:40px;padding:4px 0;text-align:center;line-height:1.45;display:flex;flex-direction:column;align-items:center}
.rcp-answer-line{margin:4px 0 2px;font-weight:700}
.rcp-expl-text{margin:2px 0 6px}
#page-quiz.active:has(.rcp-main) #hint-area .kp-card{display:flex;align-items:flex-start;gap:8px}
#page-quiz.active:has(.rcp-main) #hint-area .kp-head{margin-bottom:0;flex:none}
#page-quiz.active:has(.rcp-main) #hint-area .kp-title:empty{display:none}
#page-quiz.active:has(.rcp-main) #hint-area .kp-body{flex:1;min-width:0;padding-left:0}

/* 印刷：A4横・2列・1ページ（§7。用紙の余白10mm、本文277×190mm）。 */
.rcp-print-page{width:277mm;height:190mm;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}
/* 見出し：共通のプリントと同じく、題名の枠の下に「月 日」「年 組」「名前」の記入欄を組ごとに間をあけて並べ、実線、共通の案内の順に置く（点数の欄は置かない）。 */
.rcp-print-head{display:flex;flex-direction:column;gap:0;height:35mm;flex:none;box-sizing:border-box}
.rcp-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}
.rcp-print-fields{display:flex;gap:9mm;align-items:flex-end;height:7mm;margin-top:3mm;font-size:12.5pt;line-height:7mm;white-space:nowrap}
.rcp-print-group{display:inline-flex;align-items:flex-end;gap:4mm;flex:none}
.rcp-print-field{display:inline-flex;align-items:flex-end;gap:1.5mm;flex:none}
.rcp-print-field-line{display:inline-block;box-sizing:border-box;width:13mm;height:5.5mm;border-bottom:1pt solid #555}
.rcp-field-name{flex:1;min-width:0}
.rcp-field-name .rcp-print-field-line{flex:1;width:auto;min-width:40mm}
.rcp-print-solid{box-sizing:content-box;display:block;height:0;padding:0;border:0;border-top:1.5pt solid #333;margin:2.5mm 0 2mm}
.rcp-print-instruction{margin:0;max-height:12mm;font-size:12.5pt;line-height:6mm;overflow:hidden}
.rcp-print-grid{display:grid;grid-template-columns:135.5mm 135.5mm;column-gap:6mm;flex:none;height:115mm;margin-top:2mm}
.rcp-print-col{display:grid;grid-template-rows:repeat(5,23mm)}
.rcp-print-cell{display:flex;flex-direction:column;height:23mm;overflow:hidden;box-sizing:border-box;padding-top:1mm}
.rcp-print-line{margin:0;font-size:12.5pt;white-space:nowrap}
.rcp-print-head-line{display:flex;align-items:center;height:7mm;line-height:7mm}
.rcp-print-number{font-weight:700;margin-right:2mm;flex:none}
.rcp-print-table{display:inline-flex;align-items:stretch;border:0.8pt solid #333;height:6.4mm}
.rcp-print-td{display:inline-flex;align-items:center;padding:0 1.2mm;border-left:0.8pt solid #333;line-height:6.4mm}
.rcp-print-td:first-child{border-left:0}
.rcp-print-th{background:#f1f5f9;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.rcp-print-boxes{display:block;height:9mm;line-height:9mm;margin-top:1.5mm;white-space:pre}
.rcp-print-box{display:inline-block;vertical-align:middle;line-height:8mm}
.rcp-print-box-space{display:inline-block;box-sizing:border-box;width:15mm;height:8mm;border:1pt solid #333;margin:0 1mm;white-space:pre;color:transparent;overflow:hidden;vertical-align:middle}
.rcp-print-answers{flex:none;box-sizing:border-box;margin-top:2mm}
.rcp-print-dashed{box-sizing:content-box;display:block;height:0;margin:0 0 0.5mm;padding:0;border:0;border-top:2pt dashed #aaa}
.rcp-print-answers-title{font-weight:700;font-size:12.5pt;height:6mm;line-height:6mm}
.rcp-print-answers-grid{display:grid;grid-template-columns:135.5mm 135.5mm;column-gap:6mm}
.rcp-print-answer-col{list-style:none;margin:0;padding:0}
.rcp-print-answer{font-size:10pt;line-height:4.6mm;height:4.6mm;white-space:nowrap}
.rcp-app-pdf-page .rcp-print-page{box-shadow:none;margin:0}

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