/* ── equalize_transfer_amount_1（おなじかずにするうごかしかた、単元仕様書 v1.2）── */
/* 画面：問題文の下に、二本テープと移動矢印、答えの欄とテンキー（§5-3・§7 画面表示）。 */
.eta-main{display:flex;flex-direction:column;align-items:center;margin:4px 0 6px;max-width:100%}
.eta-fig{width:100%;max-width:420px;min-width:260px;box-sizing:border-box}
.eta-svg{display:block;width:100%;height:auto;min-height:80px}
.eta-tape-label{font-size:15px;font-weight:700;fill:#111827}
.eta-tape-count{font-size:17px;font-weight:700;fill:#111827}
.eta-tape-bar{stroke:#111827;stroke-width:1.6}
.eta-tape-bar-larger{fill:#fde68a}
.eta-tape-bar-smaller{fill:#bfdbfe}
.eta-tick{stroke:#374151;stroke-width:.8}
.eta-arrow{stroke:#b91c1c;stroke-width:3}
.eta-arrow-head{fill:#b91c1c}
.eta-arrow-label{font-size:15px;font-weight:700;fill:#991b1b}
.eta-example-answer{margin:6px 0 0;font-weight:700}
.eta-fields{display:flex;justify-content:center;align-items:center;gap:8px;margin:6px auto 2px;flex-wrap:wrap}
.eta-input-label{font-weight:700;font-size:1.05rem}
.eta-input{width:4em;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}
.eta-input:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.eta-input:disabled{background:#f8fafc;color:#111827;opacity:1;border-color:#94a3b8}
.eta-input.eta-input-ok{border:3px solid #15803d;background:#dcfce7}
.eta-input.eta-input-ng{border:3px dashed #b91c1c;background:#fff1f2}
.eta-unit{font-weight:700;font-size:1.05rem}
.feedback.has-text.eta-feedback{height:auto;min-height:40px;padding:4px 0;text-align:center;line-height:1.45}
.eta-expl-text{margin:4px 0 6px;overflow-wrap:anywhere}
#page-quiz.active:has(.eta-main) #hint-area .kp-card{display:flex;align-items:flex-start;gap:8px}
#page-quiz.active:has(.eta-main) #hint-area .kp-head{margin-bottom:0;flex:none}
#page-quiz.active:has(.eta-main) #hint-area .kp-title:empty{display:none}
#page-quiz.active:has(.eta-main) #hint-area .kp-body{flex:1;min-width:0;padding-left:0}
@media (max-width:339px){.eta-main{margin-left:-8px;margin-right:-8px;max-width:none}}

/* 印刷：A4横・1ページ（§7。用紙の余白 上下5mm・左右6mm、本文285×200mm、列140mm・列の間5mm）。 */
.eta-pr-page{width:285mm;height:200mm;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}
.eta-pr-head{display:flex;flex-direction:column;flex:none;box-sizing:border-box;width:285mm;height:16mm}
.eta-pr-title{box-sizing:border-box;margin:0;height:8mm;font-size:14pt;font-weight:700;line-height:7mm;text-align:center;white-space:nowrap;padding:0;border:1.5pt solid #666;background:#ffffcc;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.eta-pr-fields{display:flex;gap:9mm;align-items:flex-end;height:6.5mm;margin-top:0.5mm;font-size:12pt;line-height:6mm;white-space:nowrap}
.eta-pr-group{display:inline-flex;align-items:flex-end;gap:4mm;flex:none}
.eta-pr-field{display:inline-flex;align-items:flex-end;gap:1.5mm;flex:none}
.eta-pr-field-line{display:inline-block;box-sizing:border-box;width:15mm;height:6mm;border-bottom:1pt solid #555}
.eta-field-name{flex:1;min-width:0}
.eta-field-name .eta-pr-field-line{flex:1;width:auto;min-width:60mm}
.eta-pr-solid{box-sizing:content-box;display:block;height:0;padding:0;border:0;border-top:1.5pt solid #333;margin:0.6mm 0 0}
.eta-pr-problems{display:grid;grid-template-columns:140mm 140mm;column-gap:5mm;flex:none;margin-top:1mm}
.eta-pr-col{display:flex;flex-direction:column;gap:0.5mm}
.eta-pr-cell{box-sizing:border-box;height:29mm;overflow:hidden;display:flex;flex-direction:column}
.eta-pr-qrow{display:flex;align-items:flex-start;height:11mm;flex:none}
.eta-pr-no{flex:none;width:7mm;font-size:12.5pt;font-weight:700;line-height:5.5mm}
.eta-pr-q{margin:0;flex:1;min-width:0;font-size:12.5pt;line-height:5.5mm;overflow:hidden}
.eta-pr-band{display:flex;align-items:flex-start;gap:1mm;height:17mm;margin-top:1mm;flex:none}
.eta-pr-svg{display:block;flex:none;width:92mm;height:17mm;overflow:visible}
.eta-pr-label,.eta-pr-move{font-size:3.95px;font-weight:700;fill:#000;font-family:inherit}
.eta-pr-count{font-size:5px;font-weight:700;fill:#000;font-family:inherit}
.eta-pr-bar{fill:#fff;stroke:#000;stroke-width:0.3}
.eta-pr-bar-larger{fill:#eee;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.eta-pr-tick{stroke:#333;stroke-width:0.12}
.eta-pr-arrow{stroke:#000;stroke-width:0.45}
.eta-pr-arrow-head{fill:#000}
.eta-pr-boxes{display:flex;flex-direction:column;align-items:flex-end;gap:1.5mm;flex:1;min-width:46mm}
.eta-pr-boxrow{display:flex;align-items:center;justify-content:flex-end;gap:0.8mm;height:7.5mm;font-size:12.5pt;white-space:nowrap}
.eta-pr-boxlabel{font-size:12.5pt;font-weight:400}
.eta-pr-box{display:inline-block;box-sizing:border-box;height:7.5mm;border:1pt solid #333;flex:none}
.eta-pr-memo{width:15mm;border-style:dashed}
.eta-pr-answer{width:12mm}
.eta-pr-unit{font-size:14pt;font-weight:700}
.eta-pr-answers{flex:none;box-sizing:border-box;margin-top:1mm}
.eta-pr-dashed{box-sizing:content-box;display:block;height:0;margin:0 0 0.5mm;padding:0;border:0;border-top:2pt dashed #aaa}
.eta-pr-answers-title{font-weight:700;font-size:12.5pt;height:5mm;line-height:5mm}
.eta-pr-ans-cols{display:grid;grid-template-columns:140mm 140mm;column-gap:5mm}
.eta-pr-ans{margin:0;font-size:12.5pt;line-height:5.2mm;height:5.2mm;white-space:nowrap}
.eta-app-pdf-page .eta-pr-page{box-shadow:none;margin:0}

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