/* ── average_group_difference3_5（群の差と合計から平均を復元しよう、単元仕様書 v1.2）── */
/* 画面：問題文の下に群の表、答えの欄と単位、回答案内、テンキー、こたえるボタン（§5-3・§7 画面表示）。 */
.agd-main{display:flex;flex-direction:column;align-items:center;margin:4px 0 6px;max-width:100%}
.agd-tb{border-collapse:collapse;font-size:1.1rem;font-weight:700;max-width:100%}
.agd-tb th,.agd-tb td{border:2px solid #334155;padding:6px 12px;text-align:center;min-width:3.2em;background:#fff}
.agd-tb thead th{background:#f1f5f9;white-space:nowrap}
.agd-tb tbody th{background:#f8fafc;white-space:nowrap}
.agd-tb td:empty{background:#f8fafc}
.agd-tb-q{font-size:1.3rem;font-weight:800;background:#fef9c3!important}
/* B群：人ごとの列を横にならべる（上の行が人の番号と平均、下の行が差）。 */
.agd-pb{display:flex;flex-wrap:nowrap;max-width:100%;font-size:1.1rem;font-weight:700;border:2px solid #334155;border-right-width:0;background:#fff}
.agd-pb-col{display:flex;flex-direction:column;border-right:2px solid #334155;min-width:2.6em}
.agd-pb-h,.agd-pb-v{display:flex;align-items:center;justify-content:center;padding:6px 8px;min-height:2.2em;box-sizing:border-box;text-align:center}
.agd-pb-h{background:#f1f5f9;border-bottom:2px solid #334155}
.agd-pb-names .agd-pb-h,.agd-pb-names .agd-pb-v{background:#f8fafc;white-space:nowrap;justify-content:flex-start}
.agd-pb-mean .agd-pb-h,.agd-pb-mean .agd-pb-v{background:#eef2ff}
.agd-pb-v.agd-tb-q{font-size:1.3rem;font-weight:800}
.agd-fields{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:8px;margin:8px auto 2px;max-width:100%}
.agd-input{width:6em;max-width:45vw;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}
.agd-input:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.agd-input:disabled{background:#f8fafc;color:#111827;opacity:1;border-color:#94a3b8}
.agd-input.agd-input-ok{border:3px solid #15803d;background:#dcfce7}
.agd-input.agd-input-ng{border:3px dashed #b91c1c;background:#fff1f2}
.agd-unit{font-size:1.2rem;font-weight:700;white-space:nowrap}
.agd-guide{margin:6px auto 4px;font-weight:700;text-align:center;max-width:32em}
.agd-msg{margin:2px auto 0;color:#b91c1c;font-weight:700;font-size:1rem;text-align:center;max-width:32em}
.agd-msg:empty{display:none}
.feedback.has-text.agd-feedback{height:auto;min-height:40px;padding:4px 0;text-align:center;line-height:1.45}
.agd-correct{margin:2px 0 6px;font-weight:700;font-size:1rem}
.agd-expl-text{margin:4px 0 6px;overflow-wrap:anywhere;font-size:1rem}
#page-quiz.active:has(.agd-main) #hint-area .kp-card{display:flex;align-items:flex-start;gap:8px}
#page-quiz.active:has(.agd-main) #hint-area .kp-head{margin-bottom:0;flex:none}
#page-quiz.active:has(.agd-main) #hint-area .kp-title:empty{display:none}
#page-quiz.active:has(.agd-main) #hint-area .kp-body{flex:1;min-width:0;padding-left:0;overflow-wrap:anywhere}
/* 幅のせまい画面（360・320をふくむ）：表を組ごと（B群は人ごと）の縦のカードに切りかえ、各カードに列の名前を残す（§7）。 */
@media (max-width:430px){
  .agd-main{align-items:stretch}
  .agd-tb,.agd-tb tbody,.agd-tb tr{display:block;width:100%}
  .agd-tb{font-size:1rem}
  .agd-tb thead{display:none}
  .agd-tb tr{border:2px solid #334155;border-radius:8px;margin:0 0 6px;background:#fff;overflow:hidden}
  .agd-tb th,.agd-tb td{display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;border-top:1px solid #cbd5e1;padding:5px 10px;min-width:0;text-align:right;white-space:normal}
  .agd-tb tbody th{border-top:0;background:#f1f5f9;justify-content:flex-start;text-align:left}
  .agd-tb td::before{content:attr(data-label);font-weight:600;color:#334155;text-align:left;font-size:.9rem}
  .agd-tb td:empty{display:none}
  .agd-pb{flex-direction:column;border:0;background:transparent}
  .agd-pb-names{display:none}
  .agd-pb-col{flex-direction:row;border:2px solid #334155;border-radius:8px;margin:0 0 6px;overflow:hidden;background:#fff}
  .agd-pb-h,.agd-pb-v{flex:1;justify-content:space-between;gap:8px;min-height:40px;padding:4px 10px;border:0}
  .agd-pb-h{border-right:1px solid #cbd5e1}
  .agd-pb-h[data-label]::before,.agd-pb-v[data-label]::before{content:attr(data-label);font-weight:600;color:#334155;font-size:.85rem;white-space:nowrap}
  .agd-pb-mean .agd-pb-h{justify-content:flex-start}
}

/* 印刷：A4縦・2列・1ページ（§7。用紙の余白10mm、本文190×277mm、列91mm・列の間4mm。各問の領域は高さ42mm：
   一行目7mm、群の表は1行6mm（C群・D群は見出しと4行で30mm）、余り5mm以上）。 */
.agd-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}
.agd-pr-head{display:flex;flex-direction:column;flex:none;box-sizing:border-box;width:190mm}
.agd-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}
.agd-pr-instruction{margin:0 0 2mm;font-size:12.6pt;line-height:5mm}
.agd-pr-problems{display:grid;grid-template-columns:91mm 91mm;column-gap:4mm;flex:none;margin-left:2mm}
.agd-pr-col{display:grid;grid-template-rows:repeat(5,42mm)}
.agd-pr-cell{position:relative;box-sizing:border-box;overflow:hidden;height:42mm;padding:0.5mm 0 0}
.agd-pr-cell+.agd-pr-cell::before{content:'';position:absolute;top:0;left:0;right:0;border-top:0.3mm dotted #888}
.agd-pr-line{margin:0;height:7mm;display:flex;align-items:center;gap:2mm;font-size:12.6pt;font-weight:700;white-space:nowrap}
.agd-pr-q{min-width:9mm}
.agd-pr-scene{font-weight:400}
.agd-pr-anslabel{margin-left:1mm}
.agd-pr-box{display:inline-block;box-sizing:border-box;width:18mm;height:7mm;border:0.35mm solid #000}
.agd-pr-unit{margin-left:-1mm}
.agd-pr-tb{border-collapse:collapse;font-size:12.6pt;line-height:5.4mm;margin:0}
.agd-pr-tb th,.agd-pr-tb td{border:0.35mm solid #000;padding:0 1.5mm;height:6mm;box-sizing:border-box;text-align:center;white-space:nowrap;font-weight:400}
.agd-pr-tb thead th,.agd-pr-tb tbody th{font-weight:700}
.agd-pr-tb-q{font-weight:800}
.agd-pr-tb-B th,.agd-pr-tb-B td{min-width:7.4mm}
/* 英語のA群は、2組の平均のます目を2行に折り返してよい（§7、v1.2）。 */
.agd-pr-page[lang="en"] .agd-pr-tb-A td:nth-child(3){white-space:normal;max-width:31mm;line-height:5mm}
.agd-pr-answers{flex:none;box-sizing:border-box;margin-top:2mm}
.agd-pr-dashed{box-sizing:content-box;display:block;height:0;margin:0 0 1mm;padding:0;border:0;border-top:2pt dashed #aaa}
.agd-pr-answers-title{font-weight:700;font-size:12.6pt;height:6mm;line-height:6mm}
.agd-pr-answer-grid{display:grid;grid-template-columns:repeat(10,17.5mm);column-gap:1.2mm;margin-left:2mm}
.agd-pr-ans{margin:0;font-size:10.2pt;line-height:4.5mm;height:4.5mm;white-space:nowrap}
.agd-app-pdf-page .agd-pr-page{box-shadow:none;margin:0}

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