/* Fiche A4 de la proposition A, noir et blanc. Mesures en mm : la même mise en page à l'écran et à l'impression. */
.fa { padding: 12mm 13mm 10mm; display: flex; flex-direction: column; gap: 5mm; }
.fa-tete { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 5mm; border-bottom: .7mm solid #111; padding-bottom: 3mm; }
.fa-marque b { display: block; font: 700 17pt/1 var(--display); }
.fa-marque b i { font-style: normal; color: #111; text-decoration: underline; text-decoration-thickness: .5mm; text-underline-offset: 1mm; }
.fa-marque span { font: 700 13pt/1.2 var(--display); }
.fa-num { display: grid; justify-items: center; line-height: 1; border: .6mm solid #111; border-radius: 4mm; padding: 1.5mm 3.5mm; }
.fa-num small { font: 800 8pt/1 var(--body); text-transform: uppercase; letter-spacing: .08em; }
.fa-num b { font: 700 20pt/1 var(--display); }
.fa-etape { width: 24mm; height: 24mm; border-radius: 50%; border: .6mm dashed #111; display: grid; place-items: center; font: 700 11pt/1 var(--display); transform: rotate(-8deg); text-align: center; }
.fa-mention { font: 600 8.5pt/1.3 var(--body); color: #444; margin-top: -3mm; }
.fa-date { font: 700 11pt/1 var(--body); margin-top: -2mm; }
.fa-date span { display: inline-block; width: 40mm; border-bottom: .3mm solid #111; }
.fa section { display: grid; gap: 3mm; }
.fa-h { display: flex; align-items: center; gap: 3mm; font: 700 14pt/1.1 var(--display); }
.fa-rond { width: 9mm; height: 9mm; flex: none; border-radius: 50%; background: #111; color: #fff; display: grid; place-items: center; font: 700 12pt/1 var(--display); }
.fa-rang { display: flex; justify-content: space-between; gap: 3mm; padding: 4mm 5mm; border: .5mm solid #111; border-radius: 5mm; }
.fa-item { display: grid; justify-items: center; gap: 2mm; }
.fa-case { width: 18mm; height: 12mm; border: .5mm solid #111; border-radius: 3mm; font: 700 16pt/12mm var(--display); text-align: center; }
.fa-nb { font: 700 18pt/1 var(--display); }
.fa-rang.calc { justify-content: space-around; }
.col-calc { display: grid; justify-items: end; gap: 1mm; min-width: 20mm; }
.col-calc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: .6mm; }
.col-calc li { display: flex; justify-content: flex-end; gap: 2mm; font: 700 15pt/1.1 var(--display); font-variant-numeric: tabular-nums; }
.col-calc .sg { width: 4mm; text-align: center; }
.col-calc .res { width: 20mm; height: 10mm; border: .5mm solid #111; border-radius: 2.5mm; border-top-width: .9mm; font: 700 15pt/10mm var(--display); text-align: center; }
.fa-pied { margin-top: auto; display: flex; align-items: flex-end; gap: 2mm; }
.fa-pied .tama { width: 17mm; height: auto; }
.fa-bulle { position: relative; margin-bottom: 6mm; padding: 1.5mm 3.5mm; border: 2px solid #111; border-radius: 3.5mm; font: 700 11pt/1.2 var(--display); }
/* Pointe nette vers Tama : triangle d'encre, puis triangle blanc qui efface le bord à la jonction (trait continu). */
.fa-bulle::before, .fa-bulle::after { content: ""; position: absolute; clip-path: polygon(100% 0, 0 55%, 100% 100%); }
.fa-bulle::before { left: -11px; bottom: 5px; width: 13px; height: 14px; background: #111; }
.fa-bulle::after { left: -7.5px; bottom: 8px; width: 11.5px; height: 8.5px; background: #fff; }
.fa-page, .fa-graine { margin-left: auto; font: 700 9pt/1 var(--body); color: #444; }
.fa-graine { margin-left: 2mm; margin-bottom: 4mm; }
.fa-corrige .fa-case.plein { border-style: dashed; }
.fa-geste { font: 700 8.5pt/1.2 var(--body); text-align: center; max-width: 24mm; }
.fa-astuce { display: flex; flex-wrap: wrap; gap: 2mm 6mm; align-items: center; padding: 3mm 5mm; border: .5mm dashed #111; border-radius: 4mm; font: 600 10pt/1.3 var(--body); }
.fa-astuce b { font: 700 12pt/1 var(--display); }
.fa-astuce i { font-style: normal; font-weight: 900; border: .4mm solid #111; border-radius: 99px; padding: .3mm 2mm; }