/* 画面の枠・A4 の紙は計算プリントと同じ物を使う。ここには図の問題だけの所を書く */
@import url("../keisan/keisan.css");

.types .gl { margin: .3rem 0 0; font-size: .82rem; font-weight: 700; color: var(--ink-soft); }
.figs { list-style: none; margin: 3mm 0 0; padding: 0; flex: 1; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, 1fr); gap: 3mm 6mm; }
.figs li { position: relative; display: flex; flex-direction: column; border: .3mm solid #ccc; border-radius: 2.5mm; padding: 2mm 3mm; min-height: 0; }
.figs .no { font-size: 3.6mm; color: #555; }
.figs .what { position: absolute; left: 11mm; top: 2mm; font-size: 3.8mm; }
.fig { width: 100%; height: 44mm; }
.fig .sh { fill: #fff; stroke: #111; stroke-width: 2; stroke-linejoin: round; }
.fig .hl { stroke: #111; stroke-width: 1.4; stroke-dasharray: 5 4; fill: none; }
.fig .hid { stroke: #111; stroke-width: 1.3; stroke-dasharray: 4 4; fill: none; }
.fig .ln2 { stroke: #111; stroke-width: 2; fill: none; }
.fig .ra { stroke: #111; stroke-width: 1.2; fill: none; }
.fig .dot { fill: #111; }
.fig .lb { font-size: 17px; fill: #111; }
.wr { display: flex; align-items: flex-end; gap: 2mm; font-size: 4.4mm; margin-top: 2mm; }
.wr .ln { flex: 1; border-bottom: .3mm solid #333; min-height: 7mm; white-space: nowrap; }
.wr .ln.short { flex: 0 0 34mm; }
.wr b { color: var(--red); font-weight: 400; font-size: 4.6mm; }
.figs li .tools { position: absolute; right: 1mm; top: 1mm; display: none; }
.figs li:hover .tools, .figs li:focus-within .tools { display: flex; }