Corrigé la mise en page de la fiche "Éclairage annuel" et ajouté la fiche "Abbréviations"

assets/css/style.css

@@ -42,7 +42,8 @@ body {
 .followup-sheet,
 .health-sheet,
 .installation-sheet,
-.reproduction-sheet {
+.reproduction-sheet,
+.abbreviation-sheet {
   width: 210mm;
   height: 297mm;
 }
@@ -50,7 +51,8 @@ body {
 .animal-sheet,
 .followup-sheet,
 .health-sheet,
-.installation-sheet {
+.installation-sheet,
+.abbreviation-sheet {
   padding: 14mm 16mm;
 }
 
@@ -139,7 +141,8 @@ body {
 .animal-header,
 .followup-header,
 .record-header,
-.installation-header {
+.installation-header,
+.abbreviation-header {
   position: relative;
   height: 22mm;
 }
@@ -149,7 +152,8 @@ body {
 .animal-header .title,
 .followup-header .title,
 .record-header .title,
-.installation-header .title {
+.installation-header .title,
+.abbreviation-header .title {
   position: absolute;
   top: 0;
   left: 0;
@@ -159,7 +163,8 @@ body {
 .animal-header .subtitle,
 .followup-header .subtitle,
 .record-header .subtitle,
-.installation-header .subtitle {
+.installation-header .subtitle,
+.abbreviation-header .subtitle {
   position: absolute;
   top: 2mm;
   right: 0;
@@ -171,7 +176,8 @@ body {
 .animal-header .header-rule,
 .followup-header .header-rule,
 .record-header .header-rule,
-.installation-header .header-rule {
+.installation-header .header-rule,
+.abbreviation-header .header-rule {
   position: absolute;
   right: 0;
   bottom: 1mm;
@@ -578,9 +584,9 @@ table.schedule { font-size: 9.5pt; }
 
 .lighting-note {
   display: grid;
-  grid-template-columns: 1fr auto;
+  grid-template-columns: minmax(0, 1fr) 132mm;
   align-items: center;
-  gap: 8mm;
+  gap: 6mm;
   min-height: 15mm;
   margin-top: 4mm;
   padding: 3mm 5mm;
@@ -595,11 +601,108 @@ table.schedule { font-size: 9.5pt; }
 .note-text p { margin: 0; }
 
 .season-checks {
-  display: flex;
-  gap: 7mm;
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 5mm;
   color: var(--ink);
   font-size: 8.3pt;
-  white-space: nowrap;
 }
 
-.season-checks .check-box { margin-right: 1.5mm; }
+.season-checks > span {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  line-height: 1.25;
+}
+
+.season-checks .check-box {
+  flex: 0 0 auto;
+  margin-right: 1.5mm;
+}
+
+
+/* ----- Abréviations ----- */
+.abbreviation-intro {
+  margin-top: 6mm;
+  padding: 4.5mm 6mm;
+}
+
+.abbreviation-intro p {
+  margin: 0;
+  font-size: 9pt;
+  line-height: 1.45;
+}
+
+.abbreviation-pattern {
+  margin-top: 2.2mm;
+  font-size: 9.4pt;
+  font-weight: 800;
+}
+
+.abbreviation-grid {
+  display: grid;
+  grid-template-columns: 1.35fr .9fr;
+  gap: 5mm;
+  margin-top: 5mm;
+}
+
+.abbreviation-panel {
+  padding: 5mm 6mm;
+}
+
+.abbreviation-list {
+  display: grid;
+}
+
+.abbreviation-row {
+  display: grid;
+  grid-template-columns: 24mm 1fr;
+  gap: 4mm;
+  align-items: baseline;
+  min-height: 9mm;
+  padding: 2.1mm 0;
+  border-bottom: .24mm solid var(--grid);
+}
+
+.abbreviation-row:last-child { border-bottom: 0; }
+
+.abbreviation-code {
+  font-size: 9.2pt;
+  font-weight: 800;
+}
+
+.abbreviation-name {
+  font-size: 9pt;
+  line-height: 1.25;
+}
+
+.abbreviation-side {
+  display: grid;
+  gap: 5mm;
+  align-content: start;
+}
+
+.abbreviation-example {
+  display: grid;
+  gap: .5mm;
+  margin: 0 0 3.2mm;
+  font-size: 9pt;
+  line-height: 1.35;
+}
+
+.abbreviation-example:last-child { margin-bottom: 0; }
+
+.abbreviation-example strong { font-weight: 800; }
+
+.abbreviation-note {
+  margin: 3.2mm 0 0;
+  color: var(--muted);
+  font-size: 8.2pt;
+  line-height: 1.4;
+}
+
+.abbreviation-additions {
+  margin-top: 5mm;
+  min-height: 54mm;
+  padding: 5mm 6mm;
+}