/* 絵を使わない教材・第4弾（2026-10-17）＝話す場面・気持ち・会話の用紙 の紙面。
   部品の多くは第3弾（x_add3.css の a3*）を使う。白黒で刷る前提。 */

/* 図（SVG）は残りの高さに合わせて縮める */
.a4svg{flex:1 1 0; min-height:40mm; position:relative;}
.a4svg svg{position:absolute; left:0; top:0; width:100%; height:100%;}

/* 話す場面の階段 */
.a4stairs{flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-between; min-height:0;}
.a4step{display:flex; align-items:flex-end; gap:2mm; border-bottom:1.5px solid #000; border-left:1.5px solid #000; padding:1mm 0 1mm 2mm; min-height:16mm;}
.a4sn{font-size:13pt; font-weight:700; width:6mm; text-align:center;}
.a4sw{flex:1 1 auto; display:flex; align-items:flex-end; min-width:20mm;}
.a4sv, .a4sd{font-size:9.5pt; white-space:nowrap; color:#333;}
.a4bx{display:inline-block; width:9mm; height:6mm; border:1px solid #000; vertical-align:middle;}
.a4bx.w{width:16mm;}
.a4floor{font-size:10pt; border-top:3px solid #000; padding-top:1mm; width:40mm;}

/* 毎日の様子のグラフ（31日×10段） */
.a4graph th, .a4graph td{padding:0; text-align:center;}
.a4graph thead th{font-size:7.5pt;}
.a4graph td{height:auto; font-size:9pt;}
.a4graph td:first-child{font-weight:700;}
.a4dn{display:inline-block; font-size:7.5pt;}
.a4anc{font-size:11pt; line-height:2;}
.a4anc b{display:inline-block; width:8mm; text-align:right;}

/* 3つの面から自分をみる */
.a4jiko td{height:auto;}
.a4jiko td:first-child{text-align:left;}
.a4it{padding-left:4mm; font-size:10.5pt;}

/* 速さ・自分で作るものさし */
.a4ruler{display:grid; grid-template-columns:repeat(5,1fr); border:1.5px solid #000;}
.a4ruler > div{border-right:1px solid #000; padding:2mm; text-align:center; font-size:10.5pt; display:flex; flex-direction:column; gap:1mm; min-height:16mm;}
.a4ruler > div:last-child{border-right:0;}
.a4ruler b{font-size:15pt;}
.a4ruler.f .a3cl{flex:0 0 auto; height:9mm; margin-top:auto;}

/* 声の大きさの7段 */
.a4koe{display:grid; grid-template-columns:repeat(7,1fr); align-items:start; border-bottom:1.5px solid #000; padding-top:2mm;}
.a4koe > div{display:flex; flex-direction:column; align-items:center; gap:1mm; padding:0 1mm 1.5mm; font-size:9pt; text-align:center; line-height:1.35;}
.a4kw{height:46mm; width:100%; display:flex; align-items:flex-end; justify-content:center;}
.a4kb{display:block; width:70%; border:1.5px solid #000;}
.a4koe b{font-size:14pt;}

/* 言い方カード・指さしの表 */
.a4card{font-size:15pt; line-height:1.5;}
.a4point{display:grid; grid-template-columns:1fr 1fr 1fr; gap:0; border:1.5px solid #000; flex:1 1 auto;}
.a4point > div{border:1px solid #000; display:flex; align-items:center; justify-content:center; text-align:center; font-size:16pt; font-weight:700; padding:2mm; min-height:22mm; line-height:1.35;}
.a4yn{display:grid; grid-template-columns:1fr 1fr 1fr; gap:4mm;}
.a4yn > div{border:2.5px solid #000; text-align:center; font-size:22pt; font-weight:700; padding:4mm 0;}

/* 会話の台本 */
.a4daihon{flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-around; min-height:0;}
.sheet.ansheet .a4daihon, .a4daihon.ans{flex:0 0 auto; justify-content:flex-start;}
.a4dr{display:flex; align-items:baseline; gap:3mm; padding:1.2mm 0; border-bottom:1px dotted #bbb; font-size:13pt; line-height:1.9;}
.a4dr.j .a4say{font-weight:700;}
.a4daihon.ans .a4dr{font-size:11pt; line-height:1.6; padding:0.5mm 0;}
.a4who{flex:0 0 13mm; font-size:10pt; border:1px solid #000; text-align:center; line-height:1.6;}
.a4dr.j .a4who{background:#000; color:#fff;}
.a4say{flex:1 1 auto;}
.a4dbl{display:inline-block; border-bottom:1.5px solid #000; height:1.3em; vertical-align:bottom; margin:0 1mm;}
.a4memo{border:1.5px solid #000; padding:1.5mm 3mm; font-size:11pt; line-height:1.7; display:flex; flex-wrap:wrap; gap:0 6mm;}
.a4memo b{font-size:10pt; margin-right:2mm;}
.a4nm{font-size:9pt; color:#777; font-weight:400; margin-right:1mm;}

@media print {
  .a4dr.j .a4who{-webkit-print-color-adjust:exact; print-color-adjust:exact;}
}