/* 絵を使わない教材・第3弾（2026-10-17）＝記憶と段取りを助ける用紙 の紙面。
   白黒で刷る前提＝色で区別しない。見本の書き込みだけ薄い灰色。 */

/* ---------- 用紙の共通 ---------- */
.a3fill{flex:1 1 auto; min-height:0; display:flex; flex-direction:column; gap:3mm;}
.sheet.ansheet .a3fill{flex:0 0 auto;}
.a3sec{display:flex; flex-direction:column; min-height:0;}
.a3h{font-size:11pt; font-weight:700; border-left:3px solid #000; padding-left:2mm; margin:0 0 1.5mm; line-height:1.4;}
.a3row{font-size:11.5pt; line-height:1.9;}
.a3small{font-size:10pt; line-height:1.6; color:#333;}
.a3big{font-size:13pt; padding:2mm 0 1mm;}
.a3bl{display:inline-block; border-bottom:1px solid #777; height:1.2em; vertical-align:bottom; margin:0 1mm;}
.a3lns{flex:1 1 auto; display:flex; flex-direction:column; min-height:0;}
.a3ln{flex:1 1 8mm; min-height:8mm; border-bottom:1px solid #999;}
.a3box{display:inline-block; width:4.5mm; height:4.5mm; border:1.2px solid #000; vertical-align:-0.6mm; margin-right:2mm; flex:0 0 auto;}
.a3chk{display:flex; flex-direction:column; flex:1 1 auto; justify-content:space-around; font-size:11.5pt;}
.a3chk > div{display:flex; align-items:flex-end; min-height:8mm; padding:0.5mm 0;}
.a3cl{flex:1 1 auto; border-bottom:1px solid #999; height:6mm;}
.a3say{font-size:12pt;}
.a3mk{display:inline-flex; gap:1.5mm; vertical-align:middle;}
.a3mk span{display:inline-block; min-width:5mm; text-align:center; font-size:10.5pt;}
.a3smp{color:#999;}
.a3sm{font-size:9pt; color:#555;}
.a3sl{color:#bbb;}
.a3fold{border-top:1.5px dashed #000; text-align:center; margin:2mm 0 1mm; height:0;}
.a3fold span{position:relative; top:-0.75em; background:#fff; padding:0 3mm; font-size:9.5pt;}

/* 表：grow は欄の残りの高さまで行をのばす */
.a3tab{border-collapse:collapse; width:100%; font-size:11pt; table-layout:fixed;}
.a3tab th, .a3tab td{border:1px solid #000; padding:1mm 2mm; vertical-align:middle; line-height:1.35;}
.a3tab thead th{background:#eee; font-weight:700; text-align:center; font-size:10.5pt;}
.a3tab td{height:8mm;}
.a3tab td:first-child{text-align:center;}
.a3tab.grow{flex:1 1 auto; height:100%;}
.a3tab.tight td{height:6mm; padding:0.5mm 2mm;}
.a3tab.ctr td{text-align:center;}
.a3tab.ctr td:first-child{text-align:left; font-size:10.5pt;}
.a3kv th{background:#eee; text-align:left; font-size:10.5pt; font-weight:700;}
.a3kv td{height:12mm;}
.a3kv td:first-child{text-align:left;}

/* 声かけカード（点線で切る） */
.a3cards{flex:1 1 auto; display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:1fr; gap:0; border:1px dashed #000;}
.a3cards .a3card{border:1px dashed #000; display:flex; align-items:center; justify-content:center; padding:4mm 6mm; font-size:17pt; text-align:center; min-height:40mm;}
.a3cards .a3card .a3cl{width:70%; flex:0 0 auto;}

/* ---------- 1字ずつ減らして覚える ---------- */
.a3hgrid{display:grid; gap:5mm 8mm; align-content:space-between; flex:1 1 auto;}
.a3hgrid.ns{grid-template-columns:1fr 1fr;}
.a3hgrid.nl{grid-template-columns:1fr 1fr;}
.sheet.ansheet .a3hgrid{flex:0 0 auto;}
.a3hb{break-inside:avoid;}
.a3hh{font-size:10.5pt; color:#555; margin:0 0 1mm;}
.a3hh span{margin-left:2mm; font-size:10pt;}
.a3st{display:flex; align-items:center; gap:1mm; margin:0 0 1mm;}
.a3sn{width:5mm; font-size:8.5pt; color:#888; text-align:right; margin-right:1mm;}
.a3m{display:inline-flex; width:9.5mm; height:9.5mm; border:1px solid #000; align-items:center; justify-content:center; font-size:15pt; line-height:1;}
.a3hgrid.nl .a3m{width:8.5mm; height:8.5mm; font-size:13.5pt;}
.a3hw{margin-left:3mm; font-size:11pt; color:#333;}
.a3ansl{font-size:12pt; line-height:1.8; margin-top:3mm;}
.a3ansl > div{border-bottom:1px dotted #ccc;}
.a3qn{color:#888; font-size:9.5pt; margin-right:2mm; display:inline-block; min-width:6mm; text-align:right;}

/* ---------- 先の約束を守る課題 ---------- */
.a3pbox{border:1.5px solid #000; padding:2.5mm 4mm;}
.a3pbox.st{font-size:11.5pt; text-align:center; padding:3mm;}
.a3prom{margin:0; padding-left:6mm; font-size:12pt; line-height:1.75;}
.a3sgrid{display:grid; grid-template-columns:1fr 1fr; gap:0 12mm; flex:1 1 auto;}
.a3scol{display:flex; flex-direction:column; justify-content:space-between;}
.a3sq{font-size:15pt; line-height:1; padding:1.2mm 0; display:flex; align-items:center; white-space:nowrap;}
.a3sq .a3qn{min-width:8mm;}
.a3ab{display:inline-block; width:16mm; height:9mm; border-bottom:1px solid #000; margin-left:2mm;}
.a3sgrid.ans .a3sq{font-size:12pt; padding:0.6mm 0;}
.a3slots{display:flex; align-items:center; gap:4mm; border-top:1.5px solid #000; padding-top:2.5mm;}
.a3slots .a3h{margin:0;}
.a3slot{display:inline-flex; align-items:center; gap:1.5mm; font-size:12pt;}
.a3slot span{display:inline-block; width:28mm; height:10mm; border:1.2px solid #000;}
.a3rec td{height:auto; font-size:10.5pt; text-align:left;}
.a3rec td:first-child{text-align:center;}

@media print {
  .a3tab thead th, .a3kv th{-webkit-print-color-adjust:exact; print-color-adjust:exact;}
}
