docs(sdlc): match reference PDF layout and company CI

scripts/sdlc-delivery/assets/sdlc-delivery.css

@@ -1,15 +1,19 @@
+/* Page box and palette measured from the audited reference package:
+   text block 30mm from the left and 20mm from the right, header band ending
+   at 25mm, footer rule at 272.8mm. */
 @page {
   size: A4;
-  margin: 18mm 16mm 20mm;
+  margin: 32mm 20mm 24mm 30mm;
 }
 
 :root {
-  --brn-blue: #0789c9;
-  --brn-red: #bd0e2d;
-  --brn-ink: #1f2933;
-  --brn-muted: #52606d;
-  --brn-line: #aab7c4;
-  --brn-pale-blue: #eaf6fc;
+  --brn-blue: #0797d5;   /* corporate blue, sampled from the CI header asset */
+  --brn-grey: #60656a;   /* corporate grey used by the header wedge */
+  --brn-red: #e01f26;    /* corporate red of the logo mark */
+  --brn-ink: #111111;
+  --brn-muted: #333333;
+  --brn-line: #595959;   /* table rule */
+  --brn-tint: #fff3f6;   /* header-row tint used across the reference tables */
 }
 
 * { box-sizing: border-box; }
@@ -25,51 +29,6 @@ body { margin: 0; }
 
 .delivery-document { width: 100%; }
 
-.document-header {
-  align-items: center;
-  border-bottom: 1.5pt solid var(--brn-blue);
-  display: flex;
-  gap: 9mm;
-  margin: 0 0 7mm;
-  min-height: 22mm;
-  padding: 0 0 3mm;
-}
-
-.document-header__logo {
-  flex: 0 0 auto;
-  height: 16mm;
-  object-fit: contain;
-  width: 16mm;
-}
-
-.document-header__company { flex: 1; min-width: 0; }
-
-.document-header__company-name {
-  font-size: 13pt;
-  font-weight: 700;
-  letter-spacing: .03em;
-  margin: 0;
-}
-
-.document-header__address {
-  color: var(--brn-muted);
-  font-size: 7.5pt;
-  line-height: 1.35;
-  margin: 1mm 0 0;
-}
-
-.document-header__title {
-  background: var(--brn-blue);
-  color: #fff;
-  font-size: 15pt;
-  font-weight: 500;
-  flex: 0 1 72mm;
-  overflow-wrap: break-word;
-  min-width: 52mm;
-  padding: 4mm 6mm;
-  text-align: center;
-}
-
 .document-control {
   border-collapse: collapse;
   margin: 0 0 7mm;
@@ -86,16 +45,17 @@ body { margin: 0; }
 }
 
 .document-control th {
-  background: var(--brn-pale-blue);
+  background: var(--brn-tint);
   font-weight: 700;
   white-space: nowrap;
   width: 1%;
 }
 
-h1, h2, h3 { break-after: avoid; color: var(--brn-ink); }
-h1 { font-size: 18pt; margin: 0 0 5mm; }
-h2 { border-left: 4pt solid var(--brn-blue); font-size: 14pt; margin: 6mm 0 3mm; padding-left: 3mm; }
-h3 { color: var(--brn-blue); font-size: 11.5pt; margin: 4mm 0 2mm; }
+/* Section headings in the reference are plain black text, not coloured bars. */
+h1, h2, h3 { break-after: avoid; color: var(--brn-ink); font-weight: 400; }
+h1 { display: none; }            /* the document name is carried by the page header */
+h2 { font-size: 11.5pt; margin: 6mm 0 2mm; }
+h3 { font-size: 10.5pt; margin: 4mm 0 2mm; }
 
 p { margin: 0 0 3mm; }
 
@@ -106,11 +66,13 @@ code {
   font-family: "DejaVu Sans Mono", "Courier New", monospace;
   font-size: .9em;
   letter-spacing: 0;
+  /* Inline paths must break too, or they set the cell's minimum width. */
+  overflow-wrap: anywhere;
 }
 
 table:not(.document-control) {
   border-collapse: collapse;
-  border: .75pt solid #718096;
+  border: .5pt solid var(--brn-line);
   break-inside: auto;
   font-size: 9pt;
   margin: 0 0 5mm;
@@ -122,14 +84,15 @@ table:not(.document-control) th,
 table:not(.document-control) td {
   border: .5pt solid var(--brn-line);
   break-inside: avoid;
-  overflow-wrap: break-word;
+  /* Thai runs have no spaces, so cells must be allowed to break anywhere;
+     "anywhere" (not "break-word") also lets the table shrink to the page. */
+  overflow-wrap: anywhere;
   padding: 1.6mm 2mm;
   text-align: left;
   vertical-align: top;
-  word-break: normal;
 }
 
-table:not(.document-control) th { background: var(--brn-pale-blue); font-weight: 700; }
+table:not(.document-control) th { background: var(--brn-tint); font-weight: 400; }
 
 /* Column alignment carried over from the Markdown separator row. */
 table:not(.document-control) th.a-right,
@@ -176,3 +139,8 @@ table.signature-table th:nth-child(4), table.signature-table td:nth-child(4) { w
 
 /* The document-control block repeats its label column, so labels must not stretch. */
 .document-control th { width: 1%; }
+
+/* Wide grids (schedule, register, test cases) stay portrait like the
+   reference package, so they take a smaller face to fit the text block. */
+table.dense { font-size: 7.2pt; }
+table.dense th, table.dense td { padding: 1mm 1.2mm; }